/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-aaho8nog9i] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-aaho8nog9i] {
    flex: 1;
}

.sidebar[b-aaho8nog9i] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-aaho8nog9i] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-aaho8nog9i]  a, .top-row[b-aaho8nog9i]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-aaho8nog9i]  a:hover, .top-row[b-aaho8nog9i]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-aaho8nog9i]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-aaho8nog9i] {
        justify-content: space-between;
    }

    .top-row[b-aaho8nog9i]  a, .top-row[b-aaho8nog9i]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-aaho8nog9i] {
        flex-direction: row;
    }

    .sidebar[b-aaho8nog9i] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-aaho8nog9i] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-aaho8nog9i]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-aaho8nog9i], article[b-aaho8nog9i] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-aaho8nog9i] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-aaho8nog9i] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-vlhaf8b4gm] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-vlhaf8b4gm] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-vlhaf8b4gm] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-vlhaf8b4gm] {
    font-size: 1.1rem;
}

.bi[b-vlhaf8b4gm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-vlhaf8b4gm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-vlhaf8b4gm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-vlhaf8b4gm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-vlhaf8b4gm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-vlhaf8b4gm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-vlhaf8b4gm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-vlhaf8b4gm]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-vlhaf8b4gm]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-vlhaf8b4gm]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-vlhaf8b4gm] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-vlhaf8b4gm] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-vlhaf8b4gm] {
        display: none;
    }

    .nav-scrollable[b-vlhaf8b4gm] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-752kvxgjcl],
.components-reconnect-repeated-attempt-visible[b-752kvxgjcl],
.components-reconnect-failed-visible[b-752kvxgjcl],
.components-pause-visible[b-752kvxgjcl],
.components-resume-failed-visible[b-752kvxgjcl],
.components-rejoining-animation[b-752kvxgjcl] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-retrying[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-failed[b-752kvxgjcl],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-752kvxgjcl] {
    display: block;
}


#components-reconnect-modal[b-752kvxgjcl] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-752kvxgjcl 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-752kvxgjcl 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-752kvxgjcl 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-752kvxgjcl]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-752kvxgjcl 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-752kvxgjcl {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-752kvxgjcl {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-752kvxgjcl {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-752kvxgjcl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-752kvxgjcl] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-752kvxgjcl] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-752kvxgjcl] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-752kvxgjcl] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-752kvxgjcl] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-752kvxgjcl] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-752kvxgjcl 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-752kvxgjcl] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-752kvxgjcl {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Tenant/Compras.razor.rz.scp.css */
/* Compras.razor.css — CSS isolado (mesmo mecanismo de Blazor que faz .ig-item/.vd-card/etc só
   existirem dentro de VendaNota.razor/RemessaRetorno.razor); porta as classes necessárias para
   este módulo (lançamento de nota fiscal de entrada) ficar visualmente consistente com o resto
   do app sem duplicar um design novo do zero. */

.dv-stats[b-nh7kp54z7v]{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); margin-bottom:var(--gap); }

.tipo-b[b-nh7kp54z7v]{ display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:10px; font-weight:600; padding:3px 9px; border-radius:6px; letter-spacing:.04em; text-transform:uppercase; }
.tipo-b.rascunho[b-nh7kp54z7v]{ background:oklch(0.74 0.15 70/.14); color:oklch(0.42 0.15 70); }
.tipo-b.confirmada[b-nh7kp54z7v]{ background:var(--brand-tint); color:var(--brand); }
.tipo-b.cancelada[b-nh7kp54z7v]{ background:oklch(0.62 0.20 25/.14); color:oklch(0.42 0.20 25); }

.wz[b-nh7kp54z7v]{ display:flex; flex-direction:column; }
.wz-head[b-nh7kp54z7v]{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.wz-head .wh-t[b-nh7kp54z7v]{ flex:1; min-width:0; }
.wz-head h2[b-nh7kp54z7v]{ font-family:var(--font-display); font-size:23px; font-weight:600; color:var(--ink); letter-spacing:-.015em; }
.wz-head p[b-nh7kp54z7v]{ color:var(--text-2); font-size:13px; margin-top:2px; }
.wz-body[b-nh7kp54z7v]{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:var(--pad); }

/* cards de escolha (manual x XML) */
.pick-card[b-nh7kp54z7v]{ text-align:left; border:1.5px solid var(--border); border-radius:var(--r-md); padding:18px; background:var(--surface); transition:.15s var(--ease); position:relative; }
.pick-card:hover[b-nh7kp54z7v]{ border-color:var(--accent); box-shadow:var(--shadow-sm); }
.pick-card.on[b-nh7kp54z7v]{ border-color:var(--accent); background:var(--accent-rgbtint); }
.pick-card .pi[b-nh7kp54z7v]{ width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:21px; background:var(--brand-tint); color:var(--brand); margin-bottom:12px; }
.pick-card.on .pi[b-nh7kp54z7v]{ background:var(--accent); color:#fff; }
.pick-card b[b-nh7kp54z7v]{ font-family:var(--font-display); font-size:15px; font-weight:600; color:var(--ink); display:block; }
.pick-card p[b-nh7kp54z7v]{ font-size:12px; color:var(--text-2); margin-top:5px; line-height:1.45; text-wrap:pretty; }

.vd[b-nh7kp54z7v]{ display:flex; flex-direction:column; gap:16px; padding-bottom:26px; }
.vd-top[b-nh7kp54z7v]{ display:flex; align-items:center; gap:14px; }
.vd-top .vt[b-nh7kp54z7v]{ flex:1; min-width:0; }
.vd-top .vt h2[b-nh7kp54z7v]{ font-family:var(--font-display); font-size:19px; font-weight:700; color:var(--ink); display:flex; align-items:center; gap:10px; margin:0; }
.vd-top .vt p[b-nh7kp54z7v]{ font-size:12.5px; color:var(--text-3); margin:2px 0 0; }

.vd-card[b-nh7kp54z7v]{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:visible; }
.vd-card-h[b-nh7kp54z7v]{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); }
.vd-card-h h3[b-nh7kp54z7v]{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--ink); margin:0; }
.vd-card-h h3 .ico[b-nh7kp54z7v]{ font-size:16px; color:var(--accent); }
.vd-card-b[b-nh7kp54z7v]{ padding:16px; }

.vf-grid[b-nh7kp54z7v]{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.vf[b-nh7kp54z7v]{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.vf.w2[b-nh7kp54z7v]{ grid-column:span 2; }
.vf.w4[b-nh7kp54z7v]{ grid-column:span 4; }
.vf label[b-nh7kp54z7v]{ font-size:11px; font-weight:600; color:var(--text-3); text-transform:uppercase; letter-spacing:.02em; }
.vf-in[b-nh7kp54z7v]{ width:100%; padding:9px 11px; border-radius:9px; border:1.5px solid var(--border); background:var(--bg); color:var(--ink); font-size:13px; font-family:var(--font-ui); }
.vf-in:focus[b-nh7kp54z7v]{ outline:none; border-color:var(--accent); }

.ig-find[b-nh7kp54z7v]{ display:flex; align-items:center; gap:10px; border:1.5px solid var(--border); border-radius:var(--r-md); padding:11px 14px; color:var(--text-3); position:relative; }
.ig-find input[b-nh7kp54z7v]{ flex:1; border:none; background:none; outline:none; font-size:14px; color:var(--ink); }
.ig[b-nh7kp54z7v]{ display:flex; flex-direction:column; gap:8px; }
.ig-empty[b-nh7kp54z7v]{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:38px 0; color:var(--text-3); }

.dest-picker-list[b-nh7kp54z7v]{ display:flex; flex-direction:column; gap:6px; max-height:260px; overflow-y:auto; border:1px solid var(--border); border-radius:var(--r-md); padding:6px; margin-top:8px; background:var(--surface); position:absolute; left:14px; right:14px; top:100%; z-index:20; box-shadow:var(--shadow-md); }
.dest-picker-item[b-nh7kp54z7v]{ display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:8px; border:none; background:none; text-align:left; cursor:pointer; width:100%; }
.dest-picker-item:hover[b-nh7kp54z7v]{ background:var(--surface-2); }

/* item pendente/resolvido */
.ne-item[b-nh7kp54z7v]{ border:1px solid var(--border); border-radius:10px; padding:12px 14px; display:flex; flex-direction:column; gap:10px; background:var(--bg); }
.ne-item.pend[b-nh7kp54z7v]{ border-color:oklch(0.74 0.15 70/.5); background:oklch(0.74 0.15 70/.06); }
.ne-l1[b-nh7kp54z7v]{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ne-l1 b[b-nh7kp54z7v]{ font-size:13.5px; color:var(--ink); }
.ne-cod[b-nh7kp54z7v]{ font-family:var(--font-mono); font-size:11px; color:var(--text-3); }
.ne-x[b-nh7kp54z7v]{ margin-left:auto; background:none; border:none; color:var(--text-3); cursor:pointer; padding:4px; display:flex; }
.ne-x:hover[b-nh7kp54z7v]{ color:oklch(0.60 0.20 25); }
.ne-l2[b-nh7kp54z7v]{ display:grid; grid-template-columns:1fr 90px 110px 90px 110px; gap:10px; align-items:end; }
.ne-fld[b-nh7kp54z7v]{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.ne-fld span[b-nh7kp54z7v]{ font-size:10px; font-weight:600; color:var(--text-3); text-transform:uppercase; }
.ne-in[b-nh7kp54z7v]{ padding:7px 9px; border-radius:8px; border:1.5px solid var(--border); background:var(--surface); font-size:12.5px; font-family:var(--font-mono); color:var(--ink); width:100%; }
.ne-fld.tt[b-nh7kp54z7v]{ align-items:flex-end; text-align:right; }
.ne-tot[b-nh7kp54z7v]{ font-family:var(--font-mono); font-weight:700; font-size:15px; color:var(--accent-deep); }
.ne-fiscal-grid[b-nh7kp54z7v]{ display:grid; grid-template-columns:repeat(6,1fr); gap:8px; padding-top:10px; border-top:1px dashed var(--border); }
.ne-fiscal-grid .ne-fld[b-nh7kp54z7v]{ min-width:0; }

.pend-actions[b-nh7kp54z7v]{ display:flex; gap:8px; flex-wrap:wrap; }
.pend-badge[b-nh7kp54z7v]{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; color:oklch(0.50 0.16 60); background:oklch(0.74 0.15 70/.16); border-radius:6px; padding:3px 8px; }
.ok-badge[b-nh7kp54z7v]{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; color:var(--brand); background:var(--brand-tint); border-radius:6px; padding:3px 8px; }

.parc-row[b-nh7kp54z7v]{ display:grid; grid-template-columns:60px 1fr 130px 34px; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid var(--border-soft); }
.parc-row:last-child[b-nh7kp54z7v]{ border-bottom:none; }

.tl-div[b-nh7kp54z7v]{ height:1px; background:var(--border); margin:4px 0; }

@media(max-width:1040px){ .vf-grid[b-nh7kp54z7v]{ grid-template-columns:repeat(2,1fr); } .vf.w2[b-nh7kp54z7v], .vf.w4[b-nh7kp54z7v]{ grid-column:span 2; } .ne-fiscal-grid[b-nh7kp54z7v]{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:640px){ .ne-l2[b-nh7kp54z7v]{ grid-template-columns:1fr 1fr; } .dv-stats[b-nh7kp54z7v]{ grid-template-columns:repeat(2,1fr); } }
/* /Components/Pages/Tenant/ContagemEstoque.razor.rz.scp.css */
/* Contagem de Estoque — tela cheia (sem menu), mobile camera-first / desktop variante A
   (teclado protagonista + lista sempre visível). Reaproveita tokens globais de speedassure.css. */

.ctg[b-52r1puljum] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    background: var(--surface-2);
    font-family: var(--font-ui);
}

.ctg-top[b-52r1puljum] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.ctg-title[b-52r1puljum] {
    flex: 1;
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-weight: 700;
    color: var(--ink);
    font-family: var(--font-display);
}
.ctg-title span[b-52r1puljum] { color: var(--text-2); font-weight: 500; font-size: 13px; }
.ctg-title b[b-52r1puljum] { font-size: 15px; }

.ctg-top-actions[b-52r1puljum] { display: flex; gap: 8px; }

.ctg-icon-btn[b-52r1puljum] {
    width: 40px; height: 40px; border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--border); background: var(--surface);
    color: var(--text-2); cursor: pointer; transition: .14s var(--ease);
}
.ctg-icon-btn:hover[b-52r1puljum] { border-color: var(--accent); color: var(--accent-deep); }
.ctg-icon-btn.on[b-52r1puljum] { background: var(--warn); border-color: var(--warn); color: #fff; }

.ctg-loading[b-52r1puljum] {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 14px; color: var(--text-2); text-align: center; padding: 20px;
}

.ctg-body[b-52r1puljum] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 410px;
    gap: 16px;
    padding: 16px;
    overflow: hidden;
    min-height: 0;
}

.ctg-scan-col[b-52r1puljum], .ctg-lista-col[b-52r1puljum] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    padding: 16px;
    gap: 12px;
}

/* ── Entrada de código ────────────────────────────────────────────────── */
.ctg-input-row[b-52r1puljum] { display: flex; gap: 8px; flex-shrink: 0; }
.ctg-input[b-52r1puljum] {
    flex: 1; font-family: var(--font-mono); font-size: 18px; padding: 14px 16px;
    border-radius: var(--r-md); border: 1.5px solid var(--border); background: var(--surface-2); color: var(--text);
}
.ctg-input:focus[b-52r1puljum] { border-color: var(--accent); outline: none; }
.ctg-mult[b-52r1puljum] {
    width: 74px; text-align: center; font-family: var(--font-mono); font-size: 16px;
    border-radius: var(--r-md); border: 1.5px solid var(--border); background: var(--surface-2); color: var(--text);
}
.ctg-cam-btn[b-52r1puljum] {
    width: 52px; flex-shrink: 0; border-radius: var(--r-md); border: 1.5px solid var(--border);
    background: var(--surface-2); color: var(--text-2); display: flex; align-items: center; justify-content: center;
    font-size: 20px; cursor: pointer; transition: .14s var(--ease);
}
.ctg-cam-btn:hover[b-52r1puljum] { border-color: var(--accent); color: var(--accent-deep); }
.ctg-cam-btn.on[b-52r1puljum] { background: linear-gradient(120deg, var(--accent), var(--accent-deep)); border-color: transparent; color: #fff; }

/* ── Visor da câmera ──────────────────────────────────────────────────── */
.ctg-camera[b-52r1puljum] {
    position: relative;
    flex: 1;
    min-height: 200px;
    border-radius: var(--r-lg);
    background: var(--ink);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ctg-reader[b-52r1puljum] { width: 100%; height: 100%; }
.ctg-reader video[b-52r1puljum] { width: 100% !important; height: 100% !important; object-fit: cover; }
.ctg-camera-off[b-52r1puljum] {
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    color: rgba(255,255,255,.75); text-align: center; padding: 24px; max-width: 340px;
    font-size: 13.5px;
}
.ctg-frame[b-52r1puljum] {
    position: absolute; inset: 30% 18%; border: 2px solid var(--accent); border-radius: 12px; pointer-events: none;
}
.ctg-frame span[b-52r1puljum] {
    position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: var(--accent); opacity: .8;
    animation: ctg-scanline-b-52r1puljum 1.6s ease-in-out infinite;
}
@keyframes ctg-scanline-b-52r1puljum {
    0%, 100% { top: 8%; }
    50% { top: 90%; }
}
.ctg-chip[b-52r1puljum] {
    position: absolute; left: 12px; right: 12px; bottom: 12px;
    background: rgba(8,16,25,.72); color: #fff; border-radius: var(--r-md);
    padding: 10px 14px; font-size: 13px; backdrop-filter: blur(4px);
    display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
}
.ctg-chip b[b-52r1puljum] { font-family: var(--font-mono); }
.ctg-chip-ultimo[b-52r1puljum] { margin-left: auto; color: var(--accent); font-weight: 600; }

/* ── Seletor de modo ──────────────────────────────────────────────────── */
.ctg-modo[b-52r1puljum] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; flex-shrink: 0; }
.ctg-modo-card[b-52r1puljum] {
    display: flex; align-items: center; gap: 10px; text-align: left;
    padding: 12px 14px; border-radius: var(--r-md); border: 1.5px solid var(--border);
    background: var(--surface-2); cursor: pointer; transition: .14s var(--ease);
}
.ctg-modo-card:hover[b-52r1puljum] { border-color: var(--accent); }
.ctg-modo-card.sel[b-52r1puljum] { border-color: var(--accent); background: var(--accent-rgbtint); }
.ctg-modo-card b[b-52r1puljum] { display: block; font-size: 13.5px; color: var(--ink); }
.ctg-modo-card small[b-52r1puljum] { display: block; font-size: 11.5px; color: var(--text-2); margin-top: 2px; }
.ctg-modo-check[b-52r1puljum] {
    width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--border);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--accent-deep);
}
.ctg-modo-card.sel .ctg-modo-check[b-52r1puljum] { border-color: var(--accent); background: var(--accent); color: #fff; }
.ctg-modo-check[b-52r1puljum]  .ico { font-size: 12px; }

.ctg-mobile-footer[b-52r1puljum] { display: none; }

/* ── Lista ────────────────────────────────────────────────────────────── */
.ctg-lista-head[b-52r1puljum] { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.ctg-lista-head h3[b-52r1puljum] { flex: 1; font-size: 14px; color: var(--ink); font-family: var(--font-display); }
.ctg-finalizar-btn[b-52r1puljum] { width: auto; padding: 10px 18px; }
.ctg-voltar-ler[b-52r1puljum] { display: none; }

.ctg-lista-vazia[b-52r1puljum] {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 10px; color: var(--text-3); text-align: center;
}

.ctg-lista[b-52r1puljum] { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }
.ctg-item[b-52r1puljum] {
    display: flex; align-items: center; gap: 10px; padding: 10px 12px;
    border-radius: var(--r-md); border: 1px solid var(--border-soft); background: var(--surface-2);
    cursor: pointer; transition: .14s var(--ease);
}
.ctg-item:hover[b-52r1puljum] { border-color: var(--accent); }
.ctg-item.recente[b-52r1puljum] { border-left: 3px solid var(--accent); background: var(--accent-rgbtint); }
.ctg-item-info[b-52r1puljum] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ctg-item-nome[b-52r1puljum] { font-size: 13.5px; font-weight: 600; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ctg-item-sub[b-52r1puljum] { font-size: 11.5px; color: var(--text-2); font-family: var(--font-mono); }
.ctg-badge-pendente[b-52r1puljum] {
    margin-left: 6px; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 99px;
    background: var(--warn); color: #fff; font-family: var(--font-ui);
}
.ctg-item-qtd[b-52r1puljum] { text-align: right; flex-shrink: 0; }
.ctg-item-qtd b[b-52r1puljum] { font-family: var(--font-mono); font-size: 16px; color: var(--ink); display: block; }
.ctg-item-qtd small[b-52r1puljum] { font-size: 10.5px; color: var(--text-3); }

.ctg-totais[b-52r1puljum] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px; flex-shrink: 0;
    padding-top: 10px; border-top: 1px solid var(--border);
}
.ctg-totais div[b-52r1puljum] { text-align: center; }
.ctg-totais b[b-52r1puljum] { display: block; font-family: var(--font-mono); font-size: 20px; color: var(--ink); }
.ctg-totais small[b-52r1puljum] { font-size: 11px; color: var(--text-2); text-transform: uppercase; letter-spacing: .03em; }

/* ── Modais (quantidade / ajuste / cadastro) ─────────────────────────────── */
.ctg-qtd-box[b-52r1puljum] { width: min(420px, 94vw); }
.ctg-qtd-sub[b-52r1puljum] { color: var(--text-2); font-size: 12.5px; margin: -6px 0 12px; font-family: var(--font-mono); }
.ctg-qtd-label[b-52r1puljum] { display: block; font-size: 12px; color: var(--text-2); margin-bottom: 6px; }
.ctg-qtd-stepper[b-52r1puljum] { display: flex; align-items: stretch; gap: 8px; margin-bottom: 8px; }
.ctg-qtd-stepper button[b-52r1puljum] {
    width: 56px; border-radius: var(--r-md); border: 1.5px solid var(--border); background: var(--surface-2);
    font-size: 22px; color: var(--ink); cursor: pointer; flex-shrink: 0;
}
.ctg-qtd-stepper button:hover[b-52r1puljum] { border-color: var(--accent); }
.ctg-qtd-input[b-52r1puljum] {
    flex: 1; text-align: center; font-family: var(--font-mono); font-size: 30px; font-weight: 700;
    border-radius: var(--r-md); border: 2px solid var(--accent); background: var(--accent-rgbtint); color: var(--ink);
    padding: 6px;
}
.ctg-qtd-jacontado[b-52r1puljum] { font-size: 12px; color: var(--text-2); margin: 0 0 14px; }

.ctg-keypad[b-52r1puljum] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
.ctg-keypad button[b-52r1puljum] {
    padding: 16px 0; border-radius: var(--r-md); border: 1px solid var(--border); background: var(--surface-2);
    font-family: var(--font-mono); font-size: 18px; color: var(--ink); cursor: pointer; min-height: 58px;
}
.ctg-keypad button:hover[b-52r1puljum] { border-color: var(--accent); background: var(--accent-rgbtint); }

.ctg-qtd-acoes[b-52r1puljum] { display: flex; gap: 10px; }
.ctg-qtd-acoes .btn-ghost[b-52r1puljum], .ctg-qtd-acoes .btn-emit[b-52r1puljum], .ctg-qtd-acoes .ctg-btn-danger[b-52r1puljum] { flex: 1; width: auto; }

.ctg-btn-danger[b-52r1puljum] {
    padding: 14px 16px; border-radius: var(--r-md); font-size: 13.5px; font-weight: 600;
    color: var(--danger); border: 1px solid var(--danger); background: transparent; cursor: pointer; transition: .14s var(--ease);
}
.ctg-btn-danger:hover[b-52r1puljum] { background: var(--danger); color: #fff; }

.ctg-ajuste-info[b-52r1puljum] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.ctg-ajuste-info div[b-52r1puljum] { background: var(--surface-2); border-radius: var(--r-md); padding: 8px 10px; }
.ctg-ajuste-info span[b-52r1puljum] { display: block; font-size: 10.5px; color: var(--text-3); text-transform: uppercase; letter-spacing: .03em; }
.ctg-ajuste-info b[b-52r1puljum] { font-family: var(--font-mono); font-size: 15px; color: var(--ink); }
.ctg-dif-zero[b-52r1puljum] { color: var(--accent-deep) !important; }
.ctg-dif-falta[b-52r1puljum] { color: var(--danger) !important; }
.ctg-dif-sobra[b-52r1puljum] { color: var(--warn-deep) !important; }

/* ── Responsivo: mobile camera-first ──────────────────────────────────── */
@media (max-width: 1040px) {
    .ctg-body[b-52r1puljum] { grid-template-columns: 1fr; padding: 12px; gap: 0; overflow: visible; }
    .ctg-scan-col[b-52r1puljum], .ctg-lista-col[b-52r1puljum] { border-radius: 0; border: none; padding: 12px 0; }
    .ctg-lista-col[b-52r1puljum] { display: none; }
    .ctg-body.ver-lista .ctg-scan-col[b-52r1puljum] { display: none; }
    .ctg-body.ver-lista .ctg-lista-col[b-52r1puljum] { display: flex; flex: 1; }
    .ctg-voltar-ler[b-52r1puljum] { display: inline-flex; }
    .ctg-mobile-footer[b-52r1puljum] { display: flex; gap: 10px; flex-shrink: 0; }
    .ctg-mf-btn[b-52r1puljum] {
        flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px;
        padding: 13px; border-radius: var(--r-md); border: 1px solid var(--border); background: var(--surface);
        font-size: 13px; font-weight: 600; color: var(--ink); cursor: pointer;
    }
    .ctg-camera[b-52r1puljum] { min-height: 280px; }
    .ctg-keypad button[b-52r1puljum] { min-height: 58px; }
    .ctg-modo-card[b-52r1puljum] { padding: 14px; }
}

@media (min-width: 1041px) {
    .ctg-mf-btn[b-52r1puljum] { display: none; }
}
/* /Components/Pages/Tenant/Devolucoes.razor.rz.scp.css */
/* Devolucoes.razor.css — só o que é genuinamente novo (porta devolucoes.css de referência).
   Depende dos tokens/classes já compartilhados por speedassure.css — não redeclara nada disso. */

.dv-stats[b-16xoysb94p]{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); margin-bottom:var(--gap); }

/* .prod-tbl-wrap tem overflow:hidden por padrão, o que corta o menu-pop "⋯" da última linha —
   mesma correção já usada em NotasFiscais.razor (lá via .nf-table-wrap): libera o overflow e
   reaplica o arredondamento dos cantos que o overflow:hidden fazia antes. */
.dv-table-wrap[b-16xoysb94p]{ overflow:visible; }
.dv-table-wrap .prod-tbl thead th:first-child[b-16xoysb94p]{ border-top-left-radius:var(--r-lg); }
.dv-table-wrap .prod-tbl thead th:last-child[b-16xoysb94p]{ border-top-right-radius:var(--r-lg); }

/* tipo badge */
.tipo-b[b-16xoysb94p]{ display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:10px; font-weight:600; padding:3px 9px; border-radius:6px; letter-spacing:.04em; text-transform:uppercase; }
.tipo-b.venda[b-16xoysb94p]{ background:var(--accent-rgbtint); color:var(--accent-deep); }
.tipo-b.compra[b-16xoysb94p]{ background:var(--brand-tint); color:var(--brand); }
.dv-orig[b-16xoysb94p]{ font-family:var(--font-mono); font-size:12px; color:var(--text-2); display:block; margin-top:4px; }
.dv-esc[b-16xoysb94p]{ font-family:var(--font-mono); font-size:9.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:2px 7px; border-radius:5px; background:var(--border-soft); color:var(--text-2); }
.dv-esc.tot[b-16xoysb94p]{ background:oklch(0.62 0.16 300 /.13); color:oklch(0.52 0.16 300); }

/* ===== WIZARD ===== */
/* Reserva espaço para o rodapé fixo (.wz-foot-fixed) nunca cobrir o fim do conteúdo do passo —
   folga generosa (nunca um valor justo), cobre tanto a barra de botões sozinha quanto o aviso
   extra do passo 4 empilhado acima dela. */
.wz[b-16xoysb94p]{ display:flex; flex-direction:column; padding-bottom:130px; }
.wz-head[b-16xoysb94p]{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.wz-head .wh-t[b-16xoysb94p]{ flex:1; min-width:0; }
.wz-head h2[b-16xoysb94p]{ font-family:var(--font-display); font-size:23px; font-weight:600; color:var(--ink); letter-spacing:-.015em; }
.wz-head p[b-16xoysb94p]{ color:var(--text-2); font-size:13px; margin-top:2px; }

/* stepper */
.steps[b-16xoysb94p]{ display:flex; align-items:center; gap:0; margin-bottom:var(--gap); background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:14px 18px; }
.stp[b-16xoysb94p]{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.stp .sn[b-16xoysb94p]{ width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:12.5px; font-weight:600; background:var(--surface-2); border:1.5px solid var(--border); color:var(--text-3); flex-shrink:0; transition:.18s var(--ease); }
.stp .st[b-16xoysb94p]{ min-width:0; }
.stp .st b[b-16xoysb94p]{ display:block; font-size:12.5px; font-weight:600; color:var(--text-3); line-height:1.2; white-space:nowrap; }
.stp .st small[b-16xoysb94p]{ display:block; font-size:10.5px; color:var(--text-3); opacity:.75; white-space:nowrap; margin-top:2px; }
.stp.on .sn[b-16xoysb94p]{ background:var(--ink); border-color:var(--ink); color:#fff; }
.stp.on .st b[b-16xoysb94p]{ color:var(--ink); }
.stp.done .sn[b-16xoysb94p]{ background:var(--accent-rgbtint); border-color:var(--accent); color:var(--accent-deep); }
.stp.done .st b[b-16xoysb94p]{ color:var(--text-2); }
.stp-line[b-16xoysb94p]{ height:1.5px; background:var(--border); flex:1; min-width:18px; margin:0 12px; }
.stp-line.done[b-16xoysb94p]{ background:var(--accent); }

/* corpo do passo */
.wz-body[b-16xoysb94p]{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:var(--pad); }
.wz-q[b-16xoysb94p]{ font-family:var(--font-display); font-size:16px; font-weight:600; color:var(--ink); margin-bottom:5px; }
.wz-sub[b-16xoysb94p]{ font-size:12.5px; color:var(--text-2); margin-bottom:18px; }

/* cards de escolha grandes */
.pick2[b-16xoysb94p]{ display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.pick-card[b-16xoysb94p]{ text-align:left; border:1.5px solid var(--border); border-radius:var(--r-md); padding:18px; background:var(--surface); transition:.15s var(--ease); position:relative; }
.pick-card:hover[b-16xoysb94p]{ border-color:var(--accent); box-shadow:var(--shadow-sm); }
.pick-card.on[b-16xoysb94p]{ border-color:var(--accent); background:var(--accent-rgbtint); }
.pick-card .pi[b-16xoysb94p]{ width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:21px; background:var(--brand-tint); color:var(--brand); margin-bottom:12px; }
.pick-card.on .pi[b-16xoysb94p]{ background:var(--accent); color:#fff; }
.pick-card b[b-16xoysb94p]{ font-family:var(--font-display); font-size:15px; font-weight:600; color:var(--ink); display:block; }
.pick-card p[b-16xoysb94p]{ font-size:12px; color:var(--text-2); margin-top:5px; line-height:1.45; text-wrap:pretty; }
.pick-card .pchk[b-16xoysb94p]{ position:absolute; top:15px; right:15px; color:var(--accent-deep); font-size:18px; opacity:0; transition:.14s var(--ease); }
.pick-card.on .pchk[b-16xoysb94p]{ opacity:1; }

/* documento de origem */
.doc-find[b-16xoysb94p]{ display:flex; align-items:center; gap:11px; padding:14px 16px; background:var(--surface-2); border:1.5px solid var(--border); border-radius:var(--r-md); margin-bottom:14px; }
.doc-find:focus-within[b-16xoysb94p]{ border-color:var(--accent); background:var(--surface); }
.doc-find input[b-16xoysb94p]{ border:none; outline:none; background:none; flex:1; font-family:var(--font-mono); font-size:15px; color:var(--text); }
.doc-find .ico[b-16xoysb94p]{ font-size:20px; color:var(--text-3); }
.doc-list[b-16xoysb94p]{ display:flex; flex-direction:column; gap:9px; max-height:420px; overflow-y:auto; }
.doc-opt[b-16xoysb94p]{ display:flex; align-items:center; gap:13px; padding:14px 15px; border:1.5px solid var(--border); border-radius:var(--r-md); background:var(--surface); text-align:left; transition:.14s var(--ease); width:100%; }
.doc-opt:hover[b-16xoysb94p]{ border-color:var(--accent); box-shadow:var(--shadow-sm); }
.doc-opt.on[b-16xoysb94p]{ border-color:var(--accent); background:var(--accent-rgbtint); }
.doc-opt .dt[b-16xoysb94p]{ font-family:var(--font-mono); font-size:10px; font-weight:600; padding:4px 9px; border-radius:6px; letter-spacing:.04em; flex-shrink:0; }
.doc-opt .dt.nfe[b-16xoysb94p]{ background:var(--brand-tint); color:var(--brand); }
.doc-opt .dt.nfce[b-16xoysb94p]{ background:var(--accent-rgbtint); color:var(--accent-deep); }
.doc-opt .dt.dav[b-16xoysb94p]{ background:oklch(0.74 0.15 70 /.16); color:var(--warn-deep); }
.doc-opt .dn[b-16xoysb94p]{ flex:1; min-width:0; }
.doc-opt .dn b[b-16xoysb94p]{ font-size:13.5px; font-weight:600; color:var(--ink); display:block; line-height:1.3; }
.doc-opt .dn small[b-16xoysb94p]{ font-family:var(--font-mono); font-size:11px; color:var(--text-3); }
.doc-opt .dv[b-16xoysb94p]{ font-family:var(--font-mono); font-size:14px; font-weight:600; color:var(--ink); text-align:right; flex-shrink:0; }
.doc-opt .dv small[b-16xoysb94p]{ display:block; font-family:var(--font-ui); font-size:10.5px; font-weight:500; color:var(--text-3); margin-top:2px; }

/* aviso DAV */
.dav-warn[b-16xoysb94p]{ display:flex; gap:12px; padding:15px 16px; border-radius:var(--r-md); background:oklch(0.74 0.15 70 /.10); border:1px solid oklch(0.74 0.15 70 /.32); margin-top:14px; }
.dav-warn .ico[b-16xoysb94p]{ font-size:20px; color:var(--warn-deep); flex-shrink:0; margin-top:1px; }
.dav-warn b[b-16xoysb94p]{ display:block; font-size:13.5px; font-weight:600; color:var(--ink); margin-bottom:4px; }
.dav-warn p[b-16xoysb94p]{ font-size:12.5px; color:var(--text-2); line-height:1.5; }
.dav-warn .btn-sm[b-16xoysb94p]{ margin-top:11px; }

/* tabela de itens do wizard */
.it-tbl[b-16xoysb94p]{ border:1px solid var(--border); border-radius:var(--r-md); overflow:hidden; }
.it-row[b-16xoysb94p]{ display:grid; grid-template-columns:34px 1fr 128px 118px 104px; align-items:center; gap:12px; padding:12px 14px; border-bottom:1px solid var(--border-soft); }
.it-row:last-child[b-16xoysb94p]{ border-bottom:none; }
.it-row.th[b-16xoysb94p]{ background:var(--surface-2); padding:9px 14px; }
.it-row.th span[b-16xoysb94p]{ font-family:var(--font-mono); font-size:9.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); }
.it-row.off[b-16xoysb94p]{ opacity:.45; }
.it-row.sel[b-16xoysb94p]{ background:var(--accent-rgbtint); box-shadow:inset 3px 0 0 var(--accent); }
.it-chk[b-16xoysb94p]{ width:20px; height:20px; border-radius:6px; border:1.5px solid var(--border); display:flex; align-items:center; justify-content:center; color:transparent; transition:.13s var(--ease); flex-shrink:0; }
.it-chk.on[b-16xoysb94p]{ background:var(--accent); border-color:var(--accent); color:#fff; }
.it-nm b[b-16xoysb94p]{ font-size:13.5px; font-weight:600; color:var(--ink); display:block; line-height:1.32; }
.it-nm small[b-16xoysb94p]{ font-family:var(--font-mono); font-size:10.5px; color:var(--text-3); }
.it-orig[b-16xoysb94p]{ font-family:var(--font-mono); font-size:12.5px; color:var(--text-2); text-align:right; }
.it-orig small[b-16xoysb94p]{ font-size:10px; color:var(--text-3); margin-left:3px; display:block; }
.it-tot[b-16xoysb94p]{ font-family:var(--font-mono); font-size:14px; font-weight:600; color:var(--ink); text-align:right; }
.it-bulk[b-16xoysb94p]{ display:flex; align-items:center; gap:10px; margin-bottom:13px; flex-wrap:wrap; }
.it-bulk .btn-sm[b-16xoysb94p]{ font-size:12px; }
.it-note[b-16xoysb94p]{ font-size:11.5px; color:var(--text-3); display:flex; align-items:center; gap:6px; margin-top:11px; }
.it-note .ico[b-16xoysb94p]{ font-size:14px; }

/* grid de campos do passo final */
.wz-grid[b-16xoysb94p]{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.rest-grid[b-16xoysb94p]{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.rest-opt[b-16xoysb94p]{ border:1.5px solid var(--border); border-radius:var(--r-md); padding:13px 12px; text-align:left; background:var(--surface); transition:.14s var(--ease); }
.rest-opt:hover[b-16xoysb94p]{ border-color:var(--accent); }
.rest-opt.on[b-16xoysb94p]{ border-color:var(--accent); background:var(--accent-rgbtint); }
.rest-opt .ri[b-16xoysb94p]{ font-size:19px; color:var(--brand); margin-bottom:8px; display:block; }
.rest-opt.on .ri[b-16xoysb94p]{ color:var(--accent-deep); }
.rest-opt b[b-16xoysb94p]{ display:block; font-size:13px; font-weight:600; color:var(--ink); }
.rest-opt small[b-16xoysb94p]{ display:block; font-size:10.5px; color:var(--text-2); margin-top:3px; line-height:1.3; }

/* resumo de confirmação */
.sum[b-16xoysb94p]{ border:1px solid var(--border); border-radius:var(--r-md); overflow:hidden; margin-bottom:16px; }
.sum-h[b-16xoysb94p]{ padding:12px 15px; background:var(--surface-2); border-bottom:1px solid var(--border-soft); display:flex; align-items:center; gap:9px; }
.sum-h b[b-16xoysb94p]{ font-family:var(--font-display); font-size:13.5px; font-weight:600; color:var(--ink); flex:1; }
.sum-r[b-16xoysb94p]{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 15px; border-bottom:1px solid var(--border-soft); font-size:13px; color:var(--text-2); }
.sum-r:last-child[b-16xoysb94p]{ border-bottom:none; }
.sum-r b[b-16xoysb94p]{ font-size:13px; color:var(--ink); font-weight:600; text-align:right; }
.sum-r b.mono[b-16xoysb94p]{ font-family:var(--font-mono); }
.sum-tot[b-16xoysb94p]{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-radius:var(--r-md); background:var(--ink); color:#fff; margin-bottom:16px; }
.sum-tot .sl[b-16xoysb94p]{ font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; opacity:.66; display:block; }
.sum-tot .sv[b-16xoysb94p]{ font-family:var(--font-mono); font-size:28px; font-weight:700; letter-spacing:-.02em; line-height:1.1; }
.sum-tot .sr[b-16xoysb94p]{ text-align:right; font-size:12px; opacity:.8; line-height:1.5; }
.fiscal-note[b-16xoysb94p]{ display:flex; gap:11px; padding:14px 15px; border-radius:var(--r-md); background:var(--brand-tint); border:1px solid oklch(0.50 0.105 246 /.28); margin-bottom:16px; }
.fiscal-note .ico[b-16xoysb94p]{ font-size:19px; color:var(--brand); flex-shrink:0; margin-top:1px; }
.fiscal-note b[b-16xoysb94p]{ display:block; font-size:13px; font-weight:600; color:var(--ink); margin-bottom:3px; }
.fiscal-note p[b-16xoysb94p]{ font-size:12px; color:var(--text-2); line-height:1.5; }

/* rodapé de navegação */
.wz-foot[b-16xoysb94p]{ display:flex; align-items:center; gap:11px; }
.wz-foot .grow[b-16xoysb94p]{ flex:1; }
.wz-warn[b-16xoysb94p]{ font-size:12px; color:var(--warn-deep); display:flex; align-items:center; gap:6px; }
.wz-warn .ico[b-16xoysb94p]{ font-size:15px; }

/* Rodapé do wizard fixo na parte de baixo da tela — Voltar/Continuar (passos 1-3) e
   Voltar/Confirmar devolução (passo 4) ficam sempre visíveis, sem precisar rolar até o fim do
   passo atual. Mesma técnica de VendaNota.razor (.vd-finish-fixed). */
.wz-foot-fixed[b-16xoysb94p]{
    position:fixed; left:0; right:0; bottom:0; z-index:130;
    display:flex; justify-content:center; pointer-events:none;
}
.wz-foot-inner[b-16xoysb94p]{
    pointer-events:auto; width:100%; max-width:900px; margin:0 16px;
    background:var(--surface); border:1px solid var(--border); border-bottom:none;
    border-radius:var(--r-lg) var(--r-lg) 0 0; box-shadow:var(--shadow-md);
    padding:14px 20px; display:flex; flex-direction:column; gap:8px;
}
.wz-foot-inner .wz-warn[b-16xoysb94p]{ justify-content:flex-end; }

@media (max-width:600px){
    .wz-foot-inner[b-16xoysb94p]{ margin:0; border-radius:0; }
}

@media(max-width:900px){
  .dv-stats[b-16xoysb94p]{ grid-template-columns:repeat(2,1fr); }
  .pick2[b-16xoysb94p], .wz-grid[b-16xoysb94p]{ grid-template-columns:1fr; }
  .rest-grid[b-16xoysb94p]{ grid-template-columns:repeat(2,1fr); }
  .it-row[b-16xoysb94p]{ grid-template-columns:28px 1fr 104px; }
  .it-row .it-orig[b-16xoysb94p], .it-row.th span:nth-child(3)[b-16xoysb94p]{ display:none; }
  .steps[b-16xoysb94p]{ overflow-x:auto; }
}
/* /Components/Pages/Tenant/PdvLoja.razor.rz.scp.css */
/* PDV Loja roda em modo tela cheia (LayoutState.SetFullScreen) — .sa-content--full zera todo o
   padding do layout (para o conteúdo ocupar a tela de ponta a ponta), o que deixava o título
   "PDV Loja" colado no topo do navegador, cortado visualmente. Só padding-top (não usa o
   shorthand "padding") para não mexer no padding-bottom que o breakpoint mobile já usa para
   abrir espaço para o .emit-mobile-finish fixo. */
.emit[b-flwzlw2xz1] {
    padding-top: 20px;
}

/* .emit-catalog-toolbar (speedassure.css) puxa a barra de busca para cima com
   "margin-top:calc(var(--pad)*-1)" + "top:calc(var(--pad)*-1)" — um truque para grudar o fundo
   opaco dela exatamente onde o padding normal do .sa-content termina, sem deixar vão ao stickar.
   Esse cálculo assume o padding padrão do layout (var(--pad)); no PDV Loja (.sa-content--full
   zera esse padding) não existe esse vão pra "comer" — a margem negativa continuava puxando a
   barra 26px pra cima, sobrepondo o fundo opaco dela em cima do rodapé do subtítulo do
   cabeçalho, cortando o texto visualmente. Sem padding externo a compensar, aqui é 0. */
.emit-catalog-toolbar[b-flwzlw2xz1] {
    top: 0;
    margin-top: 0;
    padding-top: 0;
}

/* PDV Loja voltou a ter só 2 opções de documento (NFC-e / NF-e) — pedido explícito do usuário
   para remover DAV das telas de finalização. Mantido o grid de 3 colunas (pedido explícito do
   usuário de não mexer no layout atual) — os 2 botões restantes ocupam as 2 primeiras colunas,
   a 3ª fica vazia, em vez de recalcular para um grid de 2 colunas. */
.doc-type[b-flwzlw2xz1] {
    grid-template-columns: repeat(3, 1fr);
}

.dt-opt b[b-flwzlw2xz1] {
    white-space: normal;
}

/* Botão Finalizar fixo no rodapé da tela, fora do card "Documento" — pedido do usuário: com o
   carrinho grande (muitos itens bipados), o botão dentro do card ficava fora da área visível,
   exigindo rolar o card inteiro para conseguir clicar. Só se aplica ao layout desktop de 2
   colunas (>1040px, ver breakpoints de .emit-body em speedassure.css); no tablet/mobile o
   mecanismo já existente (.emit-mobile-finish / troca de aba) resolve. */
.doc-finish-fixed[b-flwzlw2xz1] {
    display: none;
}

/* Item mais recém bipado/adicionado — sempre movido para o topo da lista (ver MoverParaTopo em
   PdvLoja.razor) e destacado aqui, para o operador do caixa localizar rapidamente na conferência. */
.ditem-recent[b-flwzlw2xz1] {
    background: var(--accent-rgbtint);
    border-radius: var(--r-md, 10px);
    box-shadow: inset 3px 0 0 var(--accent);
}

.ditem-recent-badge[b-flwzlw2xz1] {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 99px;
    background: var(--accent);
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    vertical-align: middle;
}

/* Tela objetiva: pedido do usuário para caixa de venda rápida (supermercado/distribuidora) —
   os itens lançados ficam destacados logo ABAIXO do campo de código de barras (uma coluna só,
   em vez do catálogo+documento lado a lado que a tela usava antes de virar "só leitor+lista"),
   com letras bem maiores para o operador do caixa e o cliente lerem à distância. */
@media (min-width: 1041px) {
    /* Fix real reportado ao vivo: com o carrinho grande (11+ itens), os últimos ficavam
       escondidos atrás da barra fixa .doc-finish-fixed (position:fixed;bottom:0) — o .emit
       nunca reservava espaço embaixo no desktop (só o breakpoint mobile tinha essa reserva,
       de uma correção anterior). Mesma folga generosa já usada no mobile (150px, nunca um
       valor justo — etapa 69), para a lista poder rolar até mostrar o último item de verdade. */
    .emit[b-flwzlw2xz1] {
        padding-bottom: 150px;
    }

    .emit-body[b-flwzlw2xz1] {
        grid-template-columns: 1fr;
    }

    .doc-panel[b-flwzlw2xz1] {
        position: static;
        max-height: none;
    }

    .doc-finish-fixed[b-flwzlw2xz1] {
        display: grid;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        grid-template-columns: 1fr;
        gap: var(--gap);
        z-index: 140;
        pointer-events: none;
    }

    .doc-finish-fixed > div[b-flwzlw2xz1] {
        grid-column: 1;
        padding: 0 18px 18px;
        pointer-events: auto;
    }

    /* Totais + Finalizar viram um único bloco flutuante fixo no rodapé, para o cliente
       acompanhar o total sempre visível mesmo com a lista de itens grande (antes o total
       ficava dentro do card da lista e sumia ao rolar) — compacto de propósito, o destaque
       fica com o valor do Total, não com a altura do quadro. */
    .doc-finish-fixed .doc-foot[b-flwzlw2xz1] {
        background: var(--surface);
        border: 1px solid var(--border);
        border-bottom: none;
        border-radius: var(--r-lg) var(--r-lg) 0 0;
        box-shadow: var(--shadow-md);
        padding: 8px 20px 6px;
    }

    .doc-finish-fixed .doc-total-row[b-flwzlw2xz1] {
        font-size: 12.5px;
        margin-bottom: 2px;
    }

    .doc-finish-fixed .doc-grand[b-flwzlw2xz1] {
        margin-top: 2px;
    }

    .doc-finish-fixed .btn-emit[b-flwzlw2xz1] {
        border-radius: 0 0 var(--r-lg) var(--r-lg);
    }

    .ditem[b-flwzlw2xz1] {
        padding: 14px 20px;
    }

    .ditem-info b[b-flwzlw2xz1] {
        font-size: 18px;
    }

    .ditem-info small[b-flwzlw2xz1],
    .ditem-price-edit[b-flwzlw2xz1] {
        font-size: 14px;
    }

    .ditem-price-edit input[b-flwzlw2xz1] {
        width: 74px;
        font-size: 14px;
    }

    .ditem-val[b-flwzlw2xz1] {
        font-size: 18px;
        min-width: 80px;
    }

    .qty-inp.sm button[b-flwzlw2xz1] {
        width: 36px;
        height: 38px;
        font-size: 17px;
    }

    .qty-inp.sm input[b-flwzlw2xz1] {
        width: 50px;
        height: 38px;
        font-size: 16px;
    }

    .doc-finish-fixed .doc-grand .grand-val[b-flwzlw2xz1] {
        font-size: 24px;
    }
}

/* Mobile: pedido real do usuário testando ao vivo — no celular, a aba "Produtos" só mostrava o
   campo de bipagem (a lista de itens lançados ficava escondida atrás da aba "Finalizar", que o
   operador só alcança navegando), diferente do desktop (que já mostra tudo junto numa coluna só
   desde o bloco acima). Aqui força os dois painéis (.emit-left e .doc-panel) sempre visíveis
   juntos, igual ao desktop — precisa de !important porque o "escondido" vem de uma regra
   `!important` global (speedassure.css, compartilhada com NotasFiscais/VendaNota, que ainda
   precisam do esconde/mostra de verdade porque têm catálogo — só o PDV Loja "objetiva", sem
   catálogo, não tem mais motivo para separar). A barra fixa de Total+Finalizar (desktop) passa a
   valer aqui também, no lugar do antigo .emit-mobile-finish (que só trocava de aba — sem mais
   abas para trocar, ficaria sem função) — resolve de brinde o "não consigo rolar para ver o que
   já bipei", que era simplesmente a lista nunca aparecer nessa aba, não um problema de scroll em
   si (a página já rola normalmente via .sa-content assim que há conteúdo para rolar). */
@media (max-width: 1040px) {
    .emit-left.mobile-pane-hidden[b-flwzlw2xz1] {
        display: block !important;
    }

    .doc-panel.mobile-pane-hidden[b-flwzlw2xz1] {
        display: flex !important;
    }

    .emit-mobile-steps[b-flwzlw2xz1] {
        display: none !important;
    }

    .emit-mobile-finish[b-flwzlw2xz1] {
        display: none !important;
    }

    /* Substitui a reserva global de 84px (pensada para o antigo .emit-mobile-finish, mais baixo)
       por uma folga generosa para a nova barra fixa .doc-finish-fixed — mesma lição já aplicada
       no desktop (etapa 69): nunca um valor justo, senão a lista fica escondida atrás da barra. */
    .emit[b-flwzlw2xz1] {
        padding-bottom: 150px;
    }

    .doc-panel[b-flwzlw2xz1] {
        border-top: 1px solid var(--border);
        border-radius: 0;
        box-shadow: none;
        margin-top: 12px;
    }

    .doc-finish-fixed[b-flwzlw2xz1] {
        display: grid;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        grid-template-columns: 1fr;
        z-index: 140;
        pointer-events: none;
    }

    .doc-finish-fixed > div[b-flwzlw2xz1] {
        grid-column: 1;
        padding: 0 12px 12px;
        pointer-events: auto;
    }

    .doc-finish-fixed .doc-foot[b-flwzlw2xz1] {
        background: var(--surface);
        border: 1px solid var(--border);
        border-bottom: none;
        border-radius: var(--r-lg) var(--r-lg) 0 0;
        box-shadow: var(--shadow-md);
        padding: 8px 16px 6px;
    }

    .doc-finish-fixed .doc-total-row[b-flwzlw2xz1] {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .doc-finish-fixed .btn-emit[b-flwzlw2xz1] {
        border-radius: 0 0 var(--r-lg) var(--r-lg);
    }
}
/* /Components/Pages/Tenant/RemessaRetorno.razor.rz.scp.css */
/* RemessaRetorno.razor.css — porta as classes compartilhadas com Devolucoes.razor.css (que são
   CSS isolado, escopado só àquela página — por isso não se aplicavam aqui sem este arquivo) e
   adiciona as colunas próprias das tabelas de item deste módulo (diferentes das de Devolução:
   aqui tem CFOP/CBENEF editáveis e sem checkbox de seleção). */

.dv-stats[b-8nkn932vuy]{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); margin-bottom:var(--gap); }

.dv-table-wrap[b-8nkn932vuy]{ overflow:visible; }
.dv-table-wrap .prod-tbl thead th:first-child[b-8nkn932vuy]{ border-top-left-radius:var(--r-lg); }
.dv-table-wrap .prod-tbl thead th:last-child[b-8nkn932vuy]{ border-top-right-radius:var(--r-lg); }

.tipo-b[b-8nkn932vuy]{ display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:10px; font-weight:600; padding:3px 9px; border-radius:6px; letter-spacing:.04em; text-transform:uppercase; }
.tipo-b.venda[b-8nkn932vuy]{ background:var(--accent-rgbtint); color:var(--accent-deep); }
.tipo-b.compra[b-8nkn932vuy]{ background:var(--brand-tint); color:var(--brand); }

/* ===== FORMULÁRIO (sem stepper — abertura/fechamento não têm passo de origem) ===== */
.wz[b-8nkn932vuy]{ display:flex; flex-direction:column; }
.wz-head[b-8nkn932vuy]{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.wz-head .wh-t[b-8nkn932vuy]{ flex:1; min-width:0; }
.wz-head h2[b-8nkn932vuy]{ font-family:var(--font-display); font-size:23px; font-weight:600; color:var(--ink); letter-spacing:-.015em; }
.wz-head p[b-8nkn932vuy]{ color:var(--text-2); font-size:13px; margin-top:2px; }

.wz-body[b-8nkn932vuy]{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:var(--pad); }
.wz-q[b-8nkn932vuy]{ font-family:var(--font-display); font-size:16px; font-weight:600; color:var(--ink); margin-bottom:5px; }
.wz-sub[b-8nkn932vuy]{ font-size:12.5px; color:var(--text-2); margin-bottom:18px; }

/* cards de escolha do tipo de operação */
.pick-card[b-8nkn932vuy]{ text-align:left; border:1.5px solid var(--border); border-radius:var(--r-md); padding:18px; background:var(--surface); transition:.15s var(--ease); position:relative; }
.pick-card:hover[b-8nkn932vuy]{ border-color:var(--accent); box-shadow:var(--shadow-sm); }
.pick-card.on[b-8nkn932vuy]{ border-color:var(--accent); background:var(--accent-rgbtint); }
.pick-card .pi[b-8nkn932vuy]{ width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:21px; background:var(--brand-tint); color:var(--brand); margin-bottom:12px; }
.pick-card.on .pi[b-8nkn932vuy]{ background:var(--accent); color:#fff; }
.pick-card b[b-8nkn932vuy]{ font-family:var(--font-display); font-size:15px; font-weight:600; color:var(--ink); display:block; }
.pick-card p[b-8nkn932vuy]{ font-size:12px; color:var(--text-2); margin-top:5px; line-height:1.45; text-wrap:pretty; }
.pick-card .pchk[b-8nkn932vuy]{ position:absolute; top:15px; right:15px; color:var(--accent-deep); font-size:18px; opacity:0; transition:.14s var(--ease); }
.pick-card.on .pchk[b-8nkn932vuy]{ opacity:1; }

/* busca de cliente/produto */
.doc-find[b-8nkn932vuy]{ display:flex; align-items:center; gap:11px; padding:14px 16px; background:var(--surface-2); border:1.5px solid var(--border); border-radius:var(--r-md); margin-bottom:14px; }
.doc-find:focus-within[b-8nkn932vuy]{ border-color:var(--accent); background:var(--surface); }
.doc-find input[b-8nkn932vuy]{ border:none; outline:none; background:none; flex:1; font-family:var(--font-mono); font-size:15px; color:var(--text); }
.doc-find .ico[b-8nkn932vuy]{ font-size:20px; color:var(--text-3); }
.doc-list[b-8nkn932vuy]{ display:flex; flex-direction:column; gap:9px; max-height:280px; overflow-y:auto; }
.doc-opt[b-8nkn932vuy]{ display:flex; align-items:center; gap:13px; padding:14px 15px; border:1.5px solid var(--border); border-radius:var(--r-md); background:var(--surface); text-align:left; transition:.14s var(--ease); width:100%; }
.doc-opt:hover[b-8nkn932vuy]{ border-color:var(--accent); box-shadow:var(--shadow-sm); }
.doc-opt.on[b-8nkn932vuy]{ border-color:var(--accent); background:var(--accent-rgbtint); cursor:default; }
.doc-opt .dn[b-8nkn932vuy]{ flex:1; min-width:0; }
.doc-opt .dn b[b-8nkn932vuy]{ font-size:13.5px; font-weight:600; color:var(--ink); display:block; line-height:1.3; }
.doc-opt .dn small[b-8nkn932vuy]{ font-family:var(--font-mono); font-size:11px; color:var(--text-3); }

/* tabela de itens */
.it-tbl[b-8nkn932vuy]{ border:1px solid var(--border); border-radius:var(--r-md); overflow:hidden; }
.it-row[b-8nkn932vuy]{ display:grid; align-items:center; gap:12px; padding:12px 14px; border-bottom:1px solid var(--border-soft); }
.it-row:last-child[b-8nkn932vuy]{ border-bottom:none; }
.it-row.th[b-8nkn932vuy]{ background:var(--surface-2); padding:9px 14px; }
.it-row.th span[b-8nkn932vuy]{ font-family:var(--font-mono); font-size:9.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); }
.it-row.sel[b-8nkn932vuy]{ background:var(--accent-rgbtint); box-shadow:inset 3px 0 0 var(--accent); }
.it-nm b[b-8nkn932vuy]{ font-size:13.5px; font-weight:600; color:var(--ink); display:block; line-height:1.32; }
.it-nm small[b-8nkn932vuy]{ font-family:var(--font-mono); font-size:10.5px; color:var(--text-3); }
.it-orig[b-8nkn932vuy]{ font-family:var(--font-mono); font-size:12.5px; color:var(--text-2); text-align:right; }
.it-orig small[b-8nkn932vuy]{ font-size:10px; color:var(--text-3); margin-left:3px; display:block; }

/* abertura: Produto | Qtd | Vlr.unit. | CFOP | CBENEF | remover */
.it-tbl.abertura .it-row[b-8nkn932vuy]{ grid-template-columns:1fr 116px 110px 90px 100px 34px; }
/* fechamento: Produto | Remetido | Fechar | CFOP */
.it-tbl.fechamento .it-row[b-8nkn932vuy]{ grid-template-columns:1fr 100px 116px 90px; }

.it-row .doc-input[b-8nkn932vuy]{ width:100%; }

.wz-foot[b-8nkn932vuy]{ display:flex; align-items:center; gap:11px; margin-top:18px; }
.wz-foot .grow[b-8nkn932vuy]{ flex:1; }
.wz-warn[b-8nkn932vuy]{ font-size:12px; color:var(--warn-deep); display:flex; align-items:center; gap:6px; }
.wz-warn .ico[b-8nkn932vuy]{ font-size:15px; }

.fiscal-note[b-8nkn932vuy]{ display:flex; gap:11px; padding:14px 15px; border-radius:var(--r-md); background:var(--brand-tint); border:1px solid oklch(0.50 0.105 246 /.28); margin-top:16px; }
.fiscal-note .ico[b-8nkn932vuy]{ font-size:19px; color:var(--brand); flex-shrink:0; margin-top:1px; }
.fiscal-note b[b-8nkn932vuy]{ display:block; font-size:13px; font-weight:600; color:var(--ink); margin-bottom:3px; }
.fiscal-note p[b-8nkn932vuy]{ font-size:12px; color:var(--text-2); line-height:1.5; }

@media(max-width:900px){
  .dv-stats[b-8nkn932vuy]{ grid-template-columns:repeat(2,1fr); }
  .it-tbl.abertura .it-row[b-8nkn932vuy]{ grid-template-columns:1fr 90px 90px 34px; }
  .it-tbl.abertura .it-row.th span:nth-child(4)[b-8nkn932vuy], .it-tbl.abertura .it-row.th span:nth-child(5)[b-8nkn932vuy],
  .it-tbl.abertura .it-row div:nth-child(4)[b-8nkn932vuy], .it-tbl.abertura .it-row div:nth-child(5)[b-8nkn932vuy]{ display:none; }
  .it-tbl.fechamento .it-row[b-8nkn932vuy]{ grid-template-columns:1fr 90px 100px; }
  .it-tbl.fechamento .it-row.th span:nth-child(4)[b-8nkn932vuy], .it-tbl.fechamento .it-row div:nth-child(4)[b-8nkn932vuy]{ display:none; }
}

/* ══════════════════════════════════════════════════════════════════════
   ABERTURA — porta do mesmo padrão de VendaNota.razor.css (.vd-*/.ig-*/.vf-*)[b-8nkn932vuy],
   que também é CSS isolado (só se aplica na própria VendaNota.razor).
   ══════════════════════════════════════════════════════════════════════ */
.vd[b-8nkn932vuy]{ display:flex; flex-direction:column; gap:16px; padding-bottom:26px; }
.vd-top[b-8nkn932vuy]{ display:flex; align-items:center; gap:14px; }
.vd-top .vt[b-8nkn932vuy]{ flex:1; min-width:0; }
.vd-top .vt h2[b-8nkn932vuy]{ font-family:var(--font-display); font-size:19px; font-weight:700; color:var(--ink); display:flex; align-items:center; gap:10px; margin:0; }
.vd-top .vt p[b-8nkn932vuy]{ font-size:12.5px; color:var(--text-3); margin:2px 0 0; }

.vd-card[b-8nkn932vuy]{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:visible; }
.vd-card-h[b-8nkn932vuy]{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); }
.vd-card-h h3[b-8nkn932vuy]{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--ink); margin:0; }
.vd-card-h h3 .ico[b-8nkn932vuy]{ font-size:16px; color:var(--accent); }
.vd-card-h .toggle[b-8nkn932vuy]{ display:flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--text-2); background:none; border:none; cursor:pointer; }
.vd-card-b[b-8nkn932vuy]{ padding:16px; }
.vd-sumline[b-8nkn932vuy]{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:12px 16px; font-size:12.5px; color:var(--text-2); }
.vd-sumline b[b-8nkn932vuy]{ color:var(--ink); }
.vd-sumline a[b-8nkn932vuy]{ color:var(--accent-deep); font-size:12px; font-weight:600; display:flex; align-items:center; gap:3px; cursor:pointer; }

.vf-grid[b-8nkn932vuy]{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.vf[b-8nkn932vuy]{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.vf.w2[b-8nkn932vuy]{ grid-column:span 2; }
.vf.w4[b-8nkn932vuy]{ grid-column:span 4; }
.vf label[b-8nkn932vuy]{ font-size:11px; font-weight:600; color:var(--text-3); text-transform:uppercase; letter-spacing:.02em; }
.vf label .req[b-8nkn932vuy]{ color:oklch(0.60 0.20 25); }
.vf-in[b-8nkn932vuy]{ width:100%; padding:9px 11px; border-radius:9px; border:1.5px solid var(--border); background:var(--bg); color:var(--ink); font-size:13px; font-family:var(--font-ui); }
.vf-in:focus[b-8nkn932vuy]{ outline:none; border-color:var(--accent); }
textarea.vf-in[b-8nkn932vuy]{ resize:vertical; font-family:var(--font-ui); }
.vf-look[b-8nkn932vuy]{ position:relative; display:flex; align-items:center; }
.vf-look .vf-in[b-8nkn932vuy]{ padding-right:60px; }
.vf-look .lk[b-8nkn932vuy]{ position:absolute; right:6px; background:none; border:none; color:var(--text-3); cursor:pointer; padding:5px; display:flex; }
.vf-look .lk:hover[b-8nkn932vuy]{ color:var(--accent); }

.vd-tabs[b-8nkn932vuy]{ display:flex; gap:4px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:5px; overflow-x:auto; }
.vd-tabs button[b-8nkn932vuy]{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:9px 12px; border-radius:9px; border:none; background:none; font-size:12.5px; font-weight:600; color:var(--text-2); cursor:pointer; white-space:nowrap; transition:.14s var(--ease); }
.vd-tabs button.on[b-8nkn932vuy]{ background:var(--accent-rgbtint); color:var(--accent-deep); }
.vd-tabs button .ico[b-8nkn932vuy]{ font-size:16px; }
.vd-tabs button .bdg[b-8nkn932vuy]{ font-family:var(--font-mono); font-size:10px; font-weight:700; background:var(--border); color:var(--text-2); border-radius:20px; padding:1px 6px; }
.vd-tabs button.on .bdg[b-8nkn932vuy]{ background:var(--accent); color:#fff; }

.ig-find[b-8nkn932vuy]{ display:flex; align-items:center; gap:10px; border:1.5px solid var(--border); border-radius:var(--r-md); padding:11px 14px; color:var(--text-3); }
.ig-find input[b-8nkn932vuy]{ flex:1; border:none; background:none; outline:none; font-size:14px; color:var(--ink); }
.ig[b-8nkn932vuy]{ display:flex; flex-direction:column; gap:8px; }
.ig-empty[b-8nkn932vuy]{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:38px 0; color:var(--text-3); }
.ig-item[b-8nkn932vuy]{ border:1px solid var(--border); border-radius:10px; padding:10px 12px; display:flex; flex-direction:column; gap:8px; background:var(--bg); }
.ig-l1[b-8nkn932vuy]{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ig-cod[b-8nkn932vuy]{ font-family:var(--font-mono); font-size:11px; color:var(--text-3); }
.ig-desc[b-8nkn932vuy]{ flex:1; min-width:160px; font-size:13.5px; color:var(--ink); }
.ig-un[b-8nkn932vuy]{ font-size:11px; color:var(--text-3); }
.ig-x[b-8nkn932vuy]{ margin-left:auto; background:none; border:none; color:var(--text-3); cursor:pointer; padding:4px; display:flex; }
.ig-x:hover[b-8nkn932vuy]{ color:oklch(0.60 0.20 25); }
.ig-l2[b-8nkn932vuy]{ display:grid; grid-template-columns:90px 110px 90px 110px 1fr; gap:10px; align-items:end; }
.ig-fld[b-8nkn932vuy]{ display:flex; flex-direction:column; gap:4px; }
.ig-fld span[b-8nkn932vuy]{ font-size:10px; font-weight:600; color:var(--text-3); text-transform:uppercase; }
.ig-in[b-8nkn932vuy]{ padding:7px 9px; border-radius:8px; border:1.5px solid var(--border); background:var(--surface); font-size:12.5px; font-family:var(--font-mono); color:var(--ink); width:100%; }
.ig-fld.tt[b-8nkn932vuy]{ align-items:flex-end; text-align:right; }
.ig-tot[b-8nkn932vuy]{ font-family:var(--font-mono); font-weight:700; font-size:15px; color:var(--accent-deep); }

@media(max-width:1040px){ .vf-grid[b-8nkn932vuy]{ grid-template-columns:repeat(2,1fr); } .vf.w2[b-8nkn932vuy], .vf.w4[b-8nkn932vuy]{ grid-column:span 2; } }
@media(max-width:640px){ .ig-l2[b-8nkn932vuy]{ grid-template-columns:1fr 1fr; } }
/* /Components/Pages/Tenant/VendaNota.razor.rz.scp.css */
/* Venda / Nota — só o que não existe em speedassure.css (tokens/.btn-*/.pill/.toast/
   .modal-overlay/.dest-picker-*/.help-tip já são reaproveitados do CSS compartilhado). */

.vd[b-3dictsr4cm]{ display:flex; flex-direction:column; gap:16px; padding-bottom:150px; }

/* Reaproveita o @keyframes spin já definido globalmente em app.css. */
.sa-spin[b-3dictsr4cm]{ display:inline-flex; animation: spin .8s linear infinite; }

/* Topo */
.vd-top[b-3dictsr4cm]{ display:flex; align-items:center; gap:14px; }
.vd-top .vt[b-3dictsr4cm]{ flex:1; min-width:0; }
.vd-top .vt h2[b-3dictsr4cm]{ font-family:var(--font-display); font-size:19px; font-weight:700; color:var(--ink); display:flex; align-items:center; gap:10px; margin:0; }
.vd-top .vt h2 .num[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:13px; font-weight:600; color:var(--text-3); }
.vd-top .vt p[b-3dictsr4cm]{ font-size:12.5px; color:var(--text-3); margin:2px 0 0; }
.pill.draft[b-3dictsr4cm]{ background:oklch(0.74 0.15 70/.16); color:var(--warn-deep,#a75c00); }

/* Cards / dados principais — 1 coluna: o resumo (total/documento a emitir) que antes ficava
   na coluna lateral agora vive só dentro do modal "Finalizar venda". */
.vd-body[b-3dictsr4cm]{ display:grid; grid-template-columns:1fr; gap:16px; align-items:start; }
.vd-card[b-3dictsr4cm]{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:visible; }
.vd-card-h[b-3dictsr4cm]{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); }
.vd-card-h h3[b-3dictsr4cm]{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--ink); margin:0; }
.vd-card-h h3 .ico[b-3dictsr4cm], .vd-tabs .ico[b-3dictsr4cm]{ font-size:16px; color:var(--accent); }
.vd-card-h .toggle[b-3dictsr4cm]{ display:flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--text-2); background:none; border:none; cursor:pointer; }
.vd-card-b[b-3dictsr4cm]{ padding:16px; }
.vd-sumline[b-3dictsr4cm]{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:12px 16px; font-size:12.5px; color:var(--text-2); }
.vd-sumline b[b-3dictsr4cm]{ color:var(--ink); }
.vd-sumline a[b-3dictsr4cm]{ color:var(--accent-deep); font-size:12px; font-weight:600; display:flex; align-items:center; gap:3px; }

/* Grid de campos genérico */
.vf-grid[b-3dictsr4cm]{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.vf[b-3dictsr4cm]{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.vf.w2[b-3dictsr4cm]{ grid-column:span 2; }
.vf.w4[b-3dictsr4cm]{ grid-column:span 4; }
.vf label[b-3dictsr4cm]{ font-size:11px; font-weight:600; color:var(--text-3); text-transform:uppercase; letter-spacing:.02em; }
.vf label .req[b-3dictsr4cm]{ color:oklch(0.60 0.20 25); }
.vf-in[b-3dictsr4cm]{ width:100%; padding:9px 11px; border-radius:9px; border:1.5px solid var(--border); background:var(--bg); color:var(--ink); font-size:13px; font-family:var(--font-ui); }
.vf-in:focus[b-3dictsr4cm]{ outline:none; border-color:var(--accent); }
textarea.vf-in[b-3dictsr4cm]{ resize:vertical; font-family:var(--font-ui); }
.vf-look[b-3dictsr4cm]{ position:relative; display:flex; align-items:center; }
.vf-look .vf-in[b-3dictsr4cm]{ padding-right:60px; }
.vf-look .lk[b-3dictsr4cm]{ position:absolute; right:6px; background:none; border:none; color:var(--text-3); cursor:pointer; padding:5px; display:flex; }
.vf-look .lk:hover[b-3dictsr4cm]{ color:var(--accent); }
@media (max-width:1040px){ .vf-grid[b-3dictsr4cm]{ grid-template-columns:repeat(2,1fr); } .vf.w2[b-3dictsr4cm], .vf.w4[b-3dictsr4cm]{ grid-column:span 2; } }

/* Tabs */
.vd-tabs[b-3dictsr4cm]{ display:flex; gap:4px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:5px; overflow-x:auto; }
.vd-tabs button[b-3dictsr4cm]{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:9px 12px; border-radius:9px; border:none; background:none; font-size:12.5px; font-weight:600; color:var(--text-2); cursor:pointer; white-space:nowrap; transition:.14s var(--ease); }
.vd-tabs button.on[b-3dictsr4cm]{ background:var(--accent-rgbtint); color:var(--accent-deep); }
.vd-tabs button .bdg[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:10px; font-weight:700; background:var(--border); color:var(--text-2); border-radius:20px; padding:1px 6px; }
.vd-tabs button.on .bdg[b-3dictsr4cm]{ background:var(--accent); color:#fff; }
.vd-tabs button .warn[b-3dictsr4cm]{ color:oklch(0.68 0.19 45); display:flex; }

/* Busca de item / cliente (usa .dest-picker-list/.dest-picker-item do CSS compartilhado) */
.ig-find[b-3dictsr4cm]{ display:flex; align-items:center; gap:10px; border:1.5px solid var(--border); border-radius:var(--r-md); padding:11px 14px; color:var(--text-3); }
.ig-find input[b-3dictsr4cm]{ flex:1; border:none; background:none; outline:none; font-size:14px; color:var(--ink); }
.ig-find kbd[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:10px; background:var(--border-soft); color:var(--text-3); padding:2px 7px; border-radius:5px; }

/* Grade de itens */
.ig[b-3dictsr4cm]{ display:flex; flex-direction:column; gap:8px; }
.ig-empty[b-3dictsr4cm]{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:38px 0; color:var(--text-3); }
.ig-item[b-3dictsr4cm]{ border:1px solid var(--border); border-radius:10px; padding:10px 12px; display:flex; flex-direction:column; gap:8px; background:var(--bg); }
.ig-l1[b-3dictsr4cm]{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ig-cod[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:11px; color:var(--text-3); }
.ig-desc[b-3dictsr4cm]{ flex:1; min-width:160px; font-size:13.5px; color:var(--ink); }
.ig-un[b-3dictsr4cm]{ font-size:11px; color:var(--text-3); }
.ig-est[b-3dictsr4cm]{ font-weight:700; }
.ig-est.low[b-3dictsr4cm]{ color:oklch(0.62 0.20 30); }
.ig-x[b-3dictsr4cm]{ margin-left:auto; background:none; border:none; color:var(--text-3); cursor:pointer; padding:4px; display:flex; }
.ig-x:hover[b-3dictsr4cm]{ color:oklch(0.60 0.20 25); }
.adic[b-3dictsr4cm]{ display:flex; align-items:center; gap:5px; font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:20px; cursor:pointer; }
.adic.ok[b-3dictsr4cm]{ background:oklch(0.72 0.16 150/.16); color:oklch(0.42 0.13 150); }
.adic.pend[b-3dictsr4cm]{ background:oklch(0.74 0.15 70/.18); color:oklch(0.48 0.13 60); }
.ig-l2[b-3dictsr4cm]{ display:grid; grid-template-columns:110px 130px 120px 1fr; gap:10px; align-items:end; }
.ig-fld[b-3dictsr4cm]{ display:flex; flex-direction:column; gap:4px; }
.ig-fld span[b-3dictsr4cm]{ font-size:10px; font-weight:600; color:var(--text-3); text-transform:uppercase; }
.ig-in[b-3dictsr4cm]{ padding:7px 9px; border-radius:8px; border:1.5px solid var(--border); background:var(--surface); font-size:12.5px; font-family:var(--font-mono); color:var(--ink); width:100%; }
.ig-fld.tt[b-3dictsr4cm]{ align-items:flex-end; text-align:right; }
.ig-tot[b-3dictsr4cm]{ font-family:var(--font-mono); font-weight:700; font-size:15px; color:var(--accent-deep); }
@media (max-width:640px){ .ig-l2[b-3dictsr4cm]{ grid-template-columns:1fr 1fr; } }

/* Financeiro */
.doc-type-lbl[b-3dictsr4cm]{ display:flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--text-3); text-transform:uppercase; margin-bottom:8px; }
.plan-row[b-3dictsr4cm]{ display:flex; flex-wrap:wrap; gap:8px; }
.plan[b-3dictsr4cm]{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:9px 14px; border-radius:10px; border:1.5px solid var(--border); background:var(--surface); font-size:12.5px; font-weight:600; color:var(--ink); cursor:pointer; transition:.13s var(--ease); }
.plan small[b-3dictsr4cm]{ font-size:10px; font-weight:500; color:var(--text-3); }
.plan.on[b-3dictsr4cm]{ border-color:var(--accent); background:var(--accent-rgbtint); color:var(--accent-deep); }
.plan.on small[b-3dictsr4cm]{ color:var(--accent-deep); }
.pc[b-3dictsr4cm]{ border:1px solid var(--border); border-radius:10px; overflow:hidden; flex-shrink:0; }
.pc-row[b-3dictsr4cm]{ display:grid; grid-template-columns:50px 1fr 110px 140px 32px; gap:8px; align-items:center; padding:8px 12px; border-bottom:1px solid var(--border-soft); font-size:12.5px; }
.pc-row:last-of-type[b-3dictsr4cm]{ border-bottom:none; }
.pc-row.th[b-3dictsr4cm]{ background:var(--bg); font-size:10.5px; font-weight:700; color:var(--text-3); text-transform:uppercase; }
.pc-n[b-3dictsr4cm]{ font-family:var(--font-mono); font-weight:700; color:var(--accent-deep); }
.pc-bal[b-3dictsr4cm]{ padding:10px 12px; text-align:center; font-size:12.5px; margin-bottom:24px; }
.pc-bal.ok[b-3dictsr4cm]{ background:oklch(0.72 0.16 150/.14); color:oklch(0.38 0.13 150); }
.pc-bal.dif[b-3dictsr4cm]{ background:oklch(0.62 0.20 25/.14); color:oklch(0.42 0.20 25); }

/* Resumo (total / documento a emitir) — usado dentro do modal "Finalizar venda" */
.tot-card[b-3dictsr4cm]{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
.tot-big[b-3dictsr4cm]{ background:linear-gradient(120deg,var(--accent),var(--accent-deep)); color:#fff; padding:16px; display:flex; flex-direction:column; }
.tot-big .tb-l[b-3dictsr4cm]{ font-size:11px; opacity:.85; text-transform:uppercase; letter-spacing:.03em; }
.tot-big .tb-v[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:26px; font-weight:700; }
.tot-big .tb-r[b-3dictsr4cm]{ font-size:11.5px; opacity:.9; margin-top:2px; }
.tot-b[b-3dictsr4cm]{ padding:12px 16px; display:flex; flex-direction:column; gap:7px; }
.tl[b-3dictsr4cm]{ display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--text-2); }
.tl.sub[b-3dictsr4cm]{ color:var(--text-3); }
.tl-div[b-3dictsr4cm]{ height:1px; background:var(--border); margin:4px 0; }
.doc-pick[b-3dictsr4cm]{ display:flex; gap:6px; padding:0 16px 14px; }
.doc-pick button[b-3dictsr4cm]{ flex:1; padding:9px; border-radius:9px; border:1.5px solid var(--border); background:var(--surface); font-size:12.5px; font-weight:700; color:var(--text-2); cursor:pointer; }
.doc-pick button.on[b-3dictsr4cm]{ border-color:var(--accent); background:var(--accent); color:#fff; }
.chk-list[b-3dictsr4cm]{ padding:12px 16px; display:flex; flex-direction:column; gap:9px; }
.chk-i[b-3dictsr4cm]{ display:flex; align-items:center; gap:9px; font-size:12px; color:var(--text-2); }
.chk-i .ci[b-3dictsr4cm]{ width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.chk-i .ci.ok[b-3dictsr4cm]{ background:oklch(0.72 0.16 150/.18); color:oklch(0.38 0.13 150); }
.chk-i .ci.no[b-3dictsr4cm]{ background:oklch(0.74 0.15 70/.18); color:oklch(0.48 0.13 60); }

/* Atalhos de rodapé */
.fkeys[b-3dictsr4cm]{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; padding:10px; font-size:11.5px; color:var(--text-3); }
.fkeys kbd[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:10px; background:var(--border-soft); padding:2px 7px; border-radius:5px; margin-right:5px; color:var(--text-2); }

/* Botão Finalizar fixo no rodapé da tela — abre o modal de finalização em vez de emitir
   direto, prático tanto em celular quanto no desktop (não depende de rolar até o topo). O
   padding-bottom do ".vd" (regra no topo deste arquivo) já reserva 150px para o conteúdo
   (inclusive o último card de item) nunca ficar escondido atrás dela — precisa ser MAIOR
   que a altura real da barra (~96-104px com as 3 linhas de texto empilhadas + padding),
   nunca um valor justo, senão o card final fica parcialmente coberto ao rolar até o fim. */
.vd-finish-fixed[b-3dictsr4cm]{
    position:fixed; left:0; right:0; bottom:0; z-index:130;
    display:flex; justify-content:center; pointer-events:none;
}
.vd-finish-inner[b-3dictsr4cm]{
    pointer-events:auto; width:100%; max-width:900px; margin:0 16px;
    background:var(--surface); border:1px solid var(--border); border-bottom:none;
    border-radius:var(--r-lg) var(--r-lg) 0 0; box-shadow:var(--shadow-md);
    padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.vd-finish-total[b-3dictsr4cm]{ display:flex; flex-direction:column; }
.vd-finish-total span[b-3dictsr4cm]{ font-size:11px; color:var(--text-3); text-transform:uppercase; letter-spacing:.02em; }
.vd-finish-total b[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:20px; color:var(--ink); }
.vd-finish-total small[b-3dictsr4cm]{ font-size:11.5px; color:var(--text-3); }

@media (max-width:600px){
    .vd-finish-inner[b-3dictsr4cm]{ margin:0; border-radius:0; }
    .vd-finish-total b[b-3dictsr4cm]{ font-size:17px; }
}

/* Drawer de dados adicionais */
.ad-scrim[b-3dictsr4cm]{ position:fixed; inset:0; background:rgba(10,16,22,.45); z-index:1200; }
.ad-drawer[b-3dictsr4cm]{ position:fixed; top:0; right:0; bottom:0; width:min(460px,94vw); background:var(--surface); z-index:1201; display:flex; flex-direction:column; box-shadow:-8px 0 30px rgba(0,0,0,.18); }
.ad-h[b-3dictsr4cm]{ display:flex; align-items:center; gap:12px; padding:16px; border-bottom:1px solid var(--border); }
.ad-h .ai[b-3dictsr4cm]{ width:38px;height:38px;border-radius:10px;background:var(--accent-rgbtint);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.ad-h .at[b-3dictsr4cm]{ display:flex; flex-direction:column; min-width:0; }
.ad-h .at b[b-3dictsr4cm]{ font-size:13.5px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ad-h .at small[b-3dictsr4cm]{ font-size:11px; color:var(--text-3); }
.ad-b[b-3dictsr4cm]{ flex:1; overflow-y:auto; padding:16px; }
.ad-sec[b-3dictsr4cm]{ font-size:11px; font-weight:700; color:var(--text-3); text-transform:uppercase; letter-spacing:.02em; margin-bottom:8px; }
.ad-sec.mt[b-3dictsr4cm]{ margin-top:16px; }
.ad-grid[b-3dictsr4cm]{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ad-f[b-3dictsr4cm]{ display:flex; flex-direction:column; gap:4px; }
.ad-f.w2[b-3dictsr4cm]{ grid-column:span 2; }
.ad-f label[b-3dictsr4cm]{ font-size:10.5px; font-weight:600; color:var(--text-3); }
.serials[b-3dictsr4cm]{ display:flex; flex-direction:column; gap:7px; }
.serial[b-3dictsr4cm]{ display:flex; align-items:center; gap:10px; }
.serial .ser-n[b-3dictsr4cm]{ font-family:var(--font-mono); font-size:11px; font-weight:700; color:var(--text-3); width:24px; flex-shrink:0; }
.ad-foot[b-3dictsr4cm]{ display:flex; gap:10px; padding:14px 16px; border-top:1px solid var(--border); }