.pdf-item{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        width:100%;
        padding:30px;

        border-radius:16px;
        box-sizing:border-box;
    }

    .pdf-item canvas {
        border-radius: 6px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }

    .pdf-preview-list{

        display:flex;

        flex-direction:column;

        gap:40px;

        width:100%;

    }
    /* 🧼 THIS IS THE IMPORTANT PART (SPACE AROUND PDF) */
    .img-box.pdf-item {
        padding: 14px;              /* ← SPACE INSIDE CARD */
        border-radius: 12px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.08);

        display: flex;
        flex-direction: column;
        align-items: center;

        transition: transform 0.2s ease;
    }

    .img-box.pdf-item:hover {
        transform: translateY(-2px);
    }

    /* canvas spacing fix */
    .img-box.pdf-item canvas {
        width: 100%;
        height: auto;
        border-radius: 8px;
        background: white;
    }

    .hidden {
        display: none !important;
    }

    .meal-modal {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999999;
    }

    .meal-modal-box {
        width: 320px;
        max-width: 90vw;
        background: #111;
        color: #fff;
        padding: 20px;
        border-radius: 14px;
        text-align: center;
        box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    }

    .search-result{

    padding:18px;

    border-radius:12px;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

    margin-bottom:18px;

    }

    .search-result h3{

    margin-bottom:10px;

    }

    .search-context{

    font-size:14px;

    line-height:1.6;

    padding:10px;

    border-radius:8px;

    margin-top:10px;

    word-break:break-word;

    }

    .highlight{

    background:#ffe24a;

    padding:2px 3px;

    border-radius:3px;

    font-weight:bold;

    }

    #summaryBox{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:10px;

    }

    #summaryBox div{

    padding:10px 16px;

    border-radius:10px;
    border:1px solid #ddd;

    font-size:14px;

    }

    input[type=text]:focus{

    border-color:#4d7cff;

    }

    label{

    font-size:14px;

    cursor:pointer;

    }

    #resultsContainer{

    max-height:650px;

    overflow:auto;

    padding-right:5px;

    }

    .pdf-wrapper{

        position:relative;

        width:100%;

        max-width:850px;

        margin:auto;

        line-height:0;
    }

    .pdf-wrapper canvas{

        width:100%;

        height:auto;

        display:block;

        background:#fff;

        border-radius:8px;

        box-shadow:0 4px 15px rgba(0,0,0,.12);

    }

.pdf-search-workspace{

    padding:70px 0;

}

.pdf-upload-card{

    max-width:760px;

    margin:0 auto 50px;

    padding:35px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.05);
    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.pdf-results-card,

.pdf-preview-card{

    margin-top:40px;
    background:rgba(255,255,255,.05);
    border:1px solid var(--border);
    padding:40px;
    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.pdf-search-box{

    margin-top:25px;

}

.pdf-subtitle{

    margin:10px 0 20px;

    color:#777;

}

.pdf-options{

    margin-top:25px;

    display:flex;

    flex-direction:column;

    gap:14px;

}

.pdf-option{

    display:inline-flex !important;

    align-items:center !important;

    justify-content:flex-start;

    gap:10px;

    cursor:pointer;

    font-size:15px;

    line-height:1.2;

    width:fit-content;

}

.pdf-option input[type="checkbox"]{

    width:18px;

    height:18px;

    margin:0;

    flex:none;

}

.pdf-option span{

    display:inline-block;

    margin:0;

}