:root{
    --bg:#f3f6fb;
    --panel:#ffffff;
    --panel-soft:#f8faff;
    --ink:#101828;
    --muted:#667085;
    --line:#e4e7ec;
    --primary:#4d47e0;
    --primary-dark:#302aa8;
    --dark:#121626;
    --success:#12b76a;
    --warning:#f79009;
    --danger:#f04438;
    --info:#2e90fa;
    --shadow:0 20px 55px rgba(16,24,40,.08);
    --shadow-soft:0 10px 30px rgba(16,24,40,.06);
    --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(77,71,224,.12),transparent 32%),linear-gradient(135deg,#f9fbff 0%,#eef4ff 42%,#fbfdff 100%);color:var(--ink);font-size:15px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}

.app-shell{min-height:100vh;display:block}
.sidebar{background:linear-gradient(180deg,#121626,#171c31);color:#fff;padding:20px;display:flex;flex-direction:column;gap:22px;position:fixed;top:0;left:-310px;width:292px;height:100vh;box-shadow:18px 0 55px rgba(18,22,38,.25);z-index:40;transition:.25s ease;overflow:auto}.sidebar-open .sidebar{left:0}.sidebar-open:before{content:"";position:fixed;inset:0;background:rgba(18,22,38,.45);z-index:30}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--primary),#8378ff);font-weight:900;box-shadow:0 15px 35px rgba(77,71,224,.35);color:#fff}.brand strong{display:block;font-size:16px}.brand small{color:#a7adbe;font-size:12px}.menu{display:grid;gap:8px}.menu a{padding:13px 14px;border-radius:16px;color:#d3d8e8;font-weight:800;font-size:14px}.menu a:hover{background:rgba(255,255,255,.09);color:#fff}.sidebar-footer{margin-top:auto;background:rgba(255,255,255,.07);padding:14px;border-radius:20px;display:grid;gap:5px}.sidebar-footer span{font-weight:900}.sidebar-footer small{color:#a7adbe}.logout{margin-top:8px;color:#fff;background:rgba(255,255,255,.1);padding:11px 12px;border-radius:14px;text-align:center;font-weight:800}

.main{padding:16px;min-width:0}.topbar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-bottom:18px}.topbar h1{margin:0;font-size:23px;line-height:1.05;letter-spacing:-.045em}.topbar p{margin:5px 0 0;color:var(--muted);font-size:14px}.icon-button{border:0;background:rgba(255,255,255,.9);border-radius:15px;padding:11px 13px;box-shadow:var(--shadow-soft);font-size:20px;cursor:pointer}.sound-btn{grid-column:1 / -1;justify-self:stretch;border:0;background:var(--primary);color:#fff;padding:13px 16px;border-radius:16px;font-weight:900;cursor:pointer;box-shadow:0 14px 26px rgba(77,71,224,.22)}.sound-btn.active{background:var(--success)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:linear-gradient(135deg,var(--primary),#655df1);color:#fff;padding:13px 17px;border-radius:16px;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(77,71,224,.22);min-height:46px}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.danger{background:var(--danger);box-shadow:0 14px 28px rgba(240,68,56,.16)}.btn.small{padding:8px 12px;border-radius:12px;font-size:12px;min-height:36px}.btn.full{width:100%}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions .btn{flex:1 1 auto}

.grid{display:grid;gap:16px}.grid.cards,.grid.two,.grid.three,.grid.two.wide-left{grid-template-columns:1fr}.card{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.88);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h2,.card h3{margin:0 0 12px;letter-spacing:-.03em}.card p{color:var(--muted)}.soft-card{background:linear-gradient(180deg,#fff,#f9fbff)}.hero-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ffffff,#f1f4ff);border:1px solid #e8ebff}.eyebrow{display:inline-flex;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:1000;margin-bottom:6px}.section-title{display:grid;gap:12px;margin-bottom:14px}.section-title h2{margin-bottom:4px}.section-title p{margin:0;color:var(--muted)}.muted-text{color:var(--muted)}.empty-state{padding:24px;border:1px dashed var(--line);border-radius:18px;background:#fbfcff;color:var(--muted);font-weight:800;text-align:center}

.metric{display:flex;align-items:flex-start;justify-content:space-between}.metric strong{display:block;font-size:34px;letter-spacing:-.055em}.metric span{color:var(--muted);font-weight:800}.metric .dot{width:12px;height:12px;border-radius:99px;background:var(--primary);box-shadow:0 0 0 8px rgba(77,71,224,.12)}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000;white-space:nowrap}.badge-warning{background:#fff3dc;color:#b54708}.badge-info{background:#eaf4ff;color:#175cd3}.badge-primary{background:#ecebff;color:#3538cd}.badge-success{background:#dcfae6;color:#067647}.badge-danger{background:#fee4e2;color:#b42318}.badge-muted{background:#f2f4f7;color:#475467}

.form{display:grid;gap:14px}.field{display:grid;gap:7px;min-width:0}.field label{font-weight:900;font-size:13px}.field small{color:var(--muted);line-height:1.45}.input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 15px;outline:none;min-height:48px}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(77,71,224,.11)}textarea{min-height:110px;resize:vertical}.alert{padding:14px 16px;border-radius:18px;margin-bottom:14px;font-weight:800;line-height:1.45}.alert-success{background:#dcfae6;color:#067647}.alert-danger{background:#fee4e2;color:#b42318}.alert-info{background:#eaf4ff;color:#175cd3}.alert-warning{background:#fff3dc;color:#b54708}

.table-wrap{overflow:auto;border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:620px}.table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:12px}.table td{padding:14px 12px;border-bottom:1px solid #eef0f4;vertical-align:middle}.table tr:hover td{background:#fbfcff}

.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,rgba(77,71,224,.28),transparent 35%),linear-gradient(135deg,#121626,#242b46)}.login-card{width:min(460px,100%);background:#fff;border-radius:30px;padding:24px;box-shadow:0 35px 90px rgba(0,0,0,.25)}.login-card .brand{color:var(--ink);margin-bottom:22px}.login-card h1{margin:0 0 8px;font-size:30px;letter-spacing:-.05em}.login-card p{color:var(--muted);margin:0 0 22px}

.order-lines{display:grid;gap:12px}.order-line{display:grid;grid-template-columns:1fr;gap:12px;align-items:end;background:#f8faff;border:1px solid var(--line);padding:14px;border-radius:20px;margin-bottom:0}.premium-line{position:relative}.line-number{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#121626;color:#fff;font-weight:1000;letter-spacing:.04em}.sticky-actions{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;flex-wrap:wrap;background:rgba(244,247,251,.82);backdrop-filter:blur(16px);padding:12px 0}.sticky-actions .btn{flex:1 1 180px}

.order-head{display:grid;gap:12px;margin-bottom:16px}.order-head h2{font-size:26px;margin-bottom:6px}.order-head p{margin:0}.items-stack{display:grid;gap:14px}.item-card{display:grid;gap:16px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--shadow-soft)}.item-card-main{display:flex;gap:12px;align-items:flex-start;min-width:0}.item-index{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:#121626;color:#fff;font-weight:1000}.item-card h3{margin:0 0 5px;font-size:19px}.item-card p{margin:0 0 9px}.item-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-weight:800}.item-meta span{background:#f2f4f7;border-radius:999px;padding:6px 9px}.code-inline,.code-pill{letter-spacing:.16em;font-weight:1000}.item-status-area{display:grid;gap:12px;align-content:start}.item-action-form{display:grid;grid-template-columns:1fr;gap:10px;background:#f8faff;border:1px solid #e9ecf7;border-radius:18px;padding:12px}.code-input{text-transform:uppercase;text-align:center;font-weight:1000;letter-spacing:.18em}.side-panel{min-width:0}.sticky-card{position:static}.timeline{display:grid;gap:12px}.timeline-item{border-left:3px solid var(--primary);padding:0 0 0 12px}.timeline-item strong{display:block}.timeline-item small{color:var(--muted)}.timeline-item p{margin:6px 0 0}

.filter-pills{display:flex;gap:8px;overflow:auto;padding-bottom:6px;margin-bottom:16px}.pill{display:inline-flex;white-space:nowrap;padding:10px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900;color:#475467}.pill.active{background:var(--dark);color:#fff;border-color:var(--dark)}.order-list,.product-list{display:grid;gap:12px}.order-card-row,.product-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.order-card-row h3,.product-card h3{margin:0 0 6px;font-size:20px;letter-spacing:-.03em}.order-card-row p,.product-card p{margin:0;color:var(--muted)}.order-card-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.product-card-head{display:grid;gap:10px}.variation-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

.search-code-form{display:grid;grid-template-columns:1fr;gap:10px;align-items:end}.code-search{text-transform:uppercase;font-size:22px;font-weight:1000;letter-spacing:.18em;text-align:center}.code-result{margin:18px 0;background:#f8faff;border:1px dashed var(--primary);border-radius:20px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.code-result span{color:var(--muted);font-weight:900}.code-result strong{font-size:32px;letter-spacing:.18em}

.install-hero{min-height:100vh;padding:18px;background:linear-gradient(135deg,#121626,#24304f);display:grid;place-items:center}.install-card{width:min(980px,100%);background:#fff;border-radius:30px;box-shadow:0 35px 90px rgba(0,0,0,.25);padding:22px}.install-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:20px}.install-header h1{margin:0;letter-spacing:-.05em}.install-header p{margin:5px 0;color:var(--muted)}

@media(min-width:720px){
    .main{padding:24px}.topbar{grid-template-columns:auto 1fr auto}.sound-btn{grid-column:auto;justify-self:end}.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{grid-template-columns:1fr auto;align-items:center}.actions .btn{flex:0 0 auto}.order-line{grid-template-columns:44px 1.1fr 1.1fr 130px auto}.order-head,.product-card-head{grid-template-columns:1fr auto;align-items:flex-start}.item-card{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr)}.order-card-row{grid-template-columns:1fr auto;align-items:center}.search-code-form{grid-template-columns:minmax(160px,280px) auto}.code-search{font-size:24px}.login-card{padding:30px}.install-card{padding:26px}
}
@media(min-width:1040px){
    .app-shell{display:grid;grid-template-columns:290px 1fr}.sidebar{position:sticky;left:0;top:0;width:auto;height:100vh;box-shadow:10px 0 40px rgba(18,22,38,.12)}.icon-button{display:none}.main{padding:30px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two.wide-left{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.sticky-card{position:sticky;top:24px}.topbar h1{font-size:29px}.card{padding:22px}
}
@media(max-width:520px){
    .main{padding:14px}.card{padding:16px;border-radius:20px}.btn{width:100%;padding:13px 14px}.topbar h1{font-size:21px}.topbar p{font-size:13px}.order-card-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.order-card-actions .badge{justify-content:center}.code-result{align-items:flex-start;flex-direction:column}.install-header{grid-template-columns:1fr}.install-header .brand-mark{display:none}
}

/* V5: unidades individuais por quantidade + alertas visuais mais fortes */
.unit-item-card{grid-template-columns:1fr;gap:18px}
.unit-list{display:grid;gap:12px;min-width:0}
.unit-row{background:#fff;border:1px solid #e6e9f5;border-radius:20px;padding:14px;box-shadow:0 12px 28px rgba(16,24,40,.05);display:grid;gap:12px}
.unit-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.unit-row-head strong{display:block;font-size:15px;letter-spacing:-.02em}
.unit-row-head small{display:block;color:var(--muted);font-weight:800;margin-top:3px}
.unit-action-form{display:grid;grid-template-columns:1fr;gap:10px;background:#f8faff;border:1px solid #edf0fb;border-radius:18px;padding:12px}
.cp-live-toast{position:fixed;right:18px;top:18px;background:#121626;color:#fff;padding:16px 18px;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.32);font-weight:900;z-index:9999;max-width:min(420px,calc(100vw - 28px));line-height:1.35;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;animation:cpToastIn .22s ease-out;border:1px solid rgba(255,255,255,.14)}
.cp-live-toast span{font-size:22px;grid-row:span 2}.cp-live-toast strong{font-size:15px}.cp-live-toast small{color:#c8cde0;font-size:12px;font-weight:800}
@keyframes cpToastIn{from{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:720px){.unit-action-form{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end}.unit-item-card{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}}
@media(max-width:520px){.unit-row{padding:12px;border-radius:18px}.unit-row-head{display:grid;grid-template-columns:1fr;align-items:start}.unit-row-head .badge{justify-content:center;width:100%}.cp-live-toast{left:14px;right:14px;top:14px}.sound-btn{font-size:13px}}

/* V6: módulos de aparelhos, relatórios, personalização e ajustes mobile-first */
.brand-mark.logo-mark{overflow:hidden;background:#fff;padding:6px}
.brand-mark.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.order-update-card,.sticky-card{position:static!important;top:auto!important;z-index:auto!important}
.side-panel{display:grid;gap:18px;align-content:start}
.side-panel .card{margin-top:0!important;position:relative;z-index:1}
.grid.two.wide-left{align-items:start}
.order-list{contain:layout paint}
.filter-box{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;background:var(--panel-soft);border:1px solid var(--line);border-radius:22px;padding:14px}.filter-actions{align-self:end}.compact-metrics{margin:12px 0 4px}.mini-metric{padding:14px!important}.mini-metric strong{font-size:25px}.device-list{display:grid;gap:12px}.device-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.device-main{display:flex;gap:13px;align-items:flex-start;min-width:0}.device-main h3{margin:0 0 4px;font-size:18px}.device-main p{margin:0;color:var(--muted);font-weight:800}.device-main small{display:block;color:var(--muted);margin-top:8px;line-height:1.45}.device-code{flex:0 0 auto;min-width:64px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--dark);color:#fff;font-weight:1000;letter-spacing:.16em;padding:0 10px}.muted-code{background:#f2f4f7;color:#98a2b3}.device-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.report-metrics .metric strong{font-size:30px}.report-card{overflow:hidden}.report-table th,.report-table td{white-space:nowrap}.color-field{min-height:56px;padding:8px}.check-line{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;color:var(--muted);font-weight:800;font-size:13px}.brand-preview{display:grid;gap:14px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#f8faff}.preview-sidebar{background:linear-gradient(180deg,var(--preview-dark),#171c31);color:#fff;padding:18px;display:grid;gap:12px}.preview-sidebar .brand{margin-bottom:8px}.preview-sidebar span:not(.brand-mark){padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);font-weight:900}.preview-content{padding:18px}.preview-content h3{margin:12px 0 6px;font-size:24px}.favicon-preview{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-left:8px}.cp-live-toast{top:12px;right:12px;z-index:99999;border:1px solid rgba(255,255,255,.18)}

@media(min-width:720px){.filter-box{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.device-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.brand-preview{grid-template-columns:240px 1fr}.compact-metrics.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1040px){.filter-box{grid-template-columns:repeat(4,minmax(150px,1fr));}.compact-metrics.grid.cards{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.two.wide-left{grid-template-columns:minmax(0,1fr) minmax(360px,400px)}.unit-item-card{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}}
@media(max-width:720px){.device-main{display:grid;grid-template-columns:1fr}.device-code{width:100%;height:44px}.device-actions{display:grid;grid-template-columns:1fr}.device-actions .badge{justify-content:center}.report-table{min-width:900px}.brand-preview{display:block}.preview-sidebar{border-radius:24px 24px 0 0}}
@media(max-width:520px){.filter-box{padding:12px;border-radius:20px}.sound-btn{border-radius:14px}.unit-action-form{padding:10px}.unit-row{overflow:hidden}.device-card{padding:14px}.cp-live-toast{left:12px;right:12px;top:12px}}
@media print{.sidebar,.topbar,.no-print,.sound-btn,.icon-button{display:none!important}.app-shell{display:block!important}.main{padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important}.table{min-width:0!important;font-size:11px}.report-card{break-inside:avoid}.btn{display:none!important}body{background:#fff!important}}

/* V7 — sidebar premium, topbar pro e menu sanfona */
.sidebar-pro{padding:16px;gap:14px;overflow:hidden;border-right:1px solid rgba(255,255,255,.08)}
.brand-pro{padding:8px 6px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-copy{min-width:0}.brand-copy strong{font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{display:block;margin-top:3px}
.menu-pro{flex:1;min-height:0;overflow:auto;padding:2px 2px 8px;scrollbar-width:none;display:grid;align-content:start;gap:7px}.menu-pro::-webkit-scrollbar{display:none}
.menu-link,.menu-group summary{display:flex;align-items:center;gap:10px;width:100%;padding:11px 11px;border-radius:16px;color:#d9deef;font-weight:900;font-size:14px;cursor:pointer;transition:.18s ease;list-style:none;outline:none}.menu-group summary::-webkit-details-marker{display:none}.menu-group summary b{margin-left:auto;font-size:18px;line-height:1;transition:.18s ease;color:#aab1c5}.menu-group[open] summary b{transform:rotate(90deg)}
.menu-link:hover,.menu-group summary:hover,.menu-link.is-active{background:rgba(255,255,255,.1);color:#fff}.menu-link.is-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.12)}
.menu-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.08);color:#fff}.menu-icon svg{width:19px;height:19px}.menu-group[open] summary .menu-icon,.menu-link.is-active .menu-icon{background:linear-gradient(135deg,var(--primary),#8178ff);box-shadow:0 12px 22px rgba(77,71,224,.28)}
.submenu{margin:3px 0 4px 44px;padding-left:10px;border-left:1px solid rgba(255,255,255,.1);display:grid;gap:4px}.submenu-link{display:block;padding:9px 10px;border-radius:13px;color:#aeb6cc;font-size:13px;font-weight:850}.submenu-link:hover,.submenu-link.is-active{background:rgba(255,255,255,.08);color:#fff}.submenu-link.is-active{color:#fff;background:rgba(77,71,224,.26)}
.sidebar-footer-pro{margin-top:0;padding:11px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.08)}.user-mini{display:flex;align-items:center;gap:10px;min-width:0}.user-mini div{min-width:0}.user-mini strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.user-mini small{display:block;font-size:12px;color:#aeb6cc}.user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.11);font-weight:1000;color:#fff}.sidebar-footer-pro .logout{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:10px 12px}.sidebar-footer-pro .logout .menu-icon{width:26px;height:26px;flex-basis:26px;border-radius:10px;background:rgba(255,255,255,.09)}.sidebar-footer-pro .logout svg{width:16px;height:16px}
.topbar-pro{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow);border-radius:28px;padding:14px;margin-bottom:20px;align-items:center}.topbar-title{min-width:0}.topbar-title .eyebrow{margin-bottom:4px}.topbar-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:10px;align-items:center}.topbar-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:16px;background:#f8faff;border:1px solid var(--line);min-width:0}.topbar-chip span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:1000}.topbar-chip strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-pro .sound-btn{grid-column:auto;justify-self:stretch;white-space:nowrap}.sidebar-toggle{background:#fff;color:var(--ink)}

@media(min-width:720px){.topbar-pro{grid-template-columns:auto minmax(0,1fr) auto;padding:16px 18px}.topbar-actions{grid-column:auto;grid-template-columns:auto auto}.topbar-chip{min-width:190px}.topbar-pro .sound-btn{justify-self:end;padding-inline:18px}.brand-copy strong{font-size:16px}}
@media(min-width:1040px){.app-shell{grid-template-columns:286px minmax(0,1fr)}.sidebar-pro{height:100vh;position:sticky;top:0;width:auto;left:0;box-shadow:10px 0 40px rgba(18,22,38,.12)}.main{padding:28px 30px 34px}.topbar-pro{position:sticky;top:18px;z-index:20}.sidebar-footer-pro{flex:0 0 auto}.menu-link,.menu-group summary{padding:10px 10px}.submenu-link{padding:8px 10px}.brand-mark{width:46px;height:46px}.sidebar-footer-pro .logout{padding:9px 10px}}
@media(max-width:520px){.sidebar-pro{width:88vw;max-width:310px;padding:14px}.brand-pro{padding-top:4px}.topbar-pro{border-radius:22px;padding:12px}.topbar-actions{gap:8px}.topbar-chip{display:none}.menu-link,.menu-group summary{padding:11px 10px}.submenu{margin-left:38px}.sidebar-footer-pro{padding:10px}}

/* V9 — busca digitável de produtos/variações + pedido sem campos espremidos */
.searchable-order-line{align-items:end}
.searchable-field{position:relative}
.searchable-field .input{font-weight:850;background:#fff}
.searchable-field .input::placeholder{color:#98a2b3;font-weight:750}
.searchable-field .input:disabled{background:#eef2f8;color:#98a2b3;cursor:not-allowed}
.search-hint{display:block;min-height:16px;color:#7d89a3;font-size:11px;font-weight:800;line-height:1.3}
.qty-field .input{text-align:center;font-weight:950}

@media(min-width:1180px){
    .searchable-order-line{grid-template-columns:44px minmax(280px,1.15fr) minmax(300px,1.25fr) 140px auto}
}
@media(min-width:720px) and (max-width:1179px){
    .searchable-order-line{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);align-items:end}
    .searchable-order-line .qty-field{grid-column:2/3}
    .searchable-order-line .remove{grid-column:3/4;justify-self:stretch}
}
@media(max-width:719px){
    .searchable-order-line{grid-template-columns:1fr;padding:14px;border-radius:22px}
    .searchable-order-line .line-number{width:100%;height:38px;border-radius:15px}
    .searchable-order-line .remove{width:100%}
    .search-hint{display:none}
}

/* V10 — administração de produtos/usuários + gerador de variações */
.products-admin-grid,.users-admin-grid{align-items:start}
.variation-generator-box{display:grid;gap:14px;padding:15px;border:1px solid #dfe4ff;border-radius:22px;background:linear-gradient(135deg,#f8faff,#ffffff);box-shadow:var(--shadow-soft)}
.variation-generator-box h3{margin:0 0 4px;font-size:18px;letter-spacing:-.03em}.variation-generator-box p{margin:0;color:var(--muted);font-weight:700;line-height:1.45}.variation-generator-box.compact{padding:12px;border-radius:18px;background:#fbfcff}.variation-generator-box.compact textarea{min-height:76px}.compact-generator{gap:12px}.admin-note{display:grid;gap:4px;margin-top:16px;padding:14px;border-radius:18px;background:#f2f4ff;border:1px solid #e4e7ff;color:#475467}.admin-note strong{color:var(--ink)}.admin-note span{line-height:1.45;font-weight:750}
.admin-card-list{display:grid;gap:14px}.admin-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.admin-card-head{display:grid;gap:12px;align-items:start}.admin-card-head h3{margin:0 0 6px;font-size:20px;letter-spacing:-.035em}.admin-card-head p{margin:0;color:var(--muted);line-height:1.45}.admin-actions-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-top:2px}.admin-actions-row form{margin:0}.inline-editor{display:block}.inline-editor>summary{list-style:none}.inline-editor>summary::-webkit-details-marker{display:none}.inline-editor[open]{flex-basis:100%}.editor-panel{margin-top:12px;padding:14px;border-radius:20px;border:1px solid var(--line);background:#f8faff}.permission-list{display:grid;gap:8px}.permission-list p{margin:0;line-height:1.45}.user-card-list{grid-template-columns:1fr}.user-admin-main{display:flex;gap:12px;align-items:center;min-width:0}.user-admin-main h3{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.light-avatar{background:linear-gradient(135deg,var(--primary),#8178ff);color:#fff;box-shadow:0 12px 24px rgba(77,71,224,.20)}.user-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.product-editor-form textarea[data-variation-output],.editor-panel textarea[data-variation-output]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px;line-height:1.55}.product-editor-form textarea[data-variation-output]{min-height:140px}.editor-panel textarea[data-variation-output]{min-height:130px}
@media(min-width:760px){.admin-card-head{grid-template-columns:minmax(0,1fr) auto}.user-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-generator.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1120px){.products-admin-grid.grid.two,.users-admin-grid.grid.two{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.user-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.admin-actions-row{display:grid;grid-template-columns:1fr}.admin-actions-row .btn,.admin-actions-row form,.inline-editor{width:100%}.inline-editor>summary{width:100%}.editor-panel{padding:12px;border-radius:18px}.variation-generator-box{padding:12px;border-radius:20px}.user-admin-main{align-items:flex-start}.user-badges{justify-content:flex-start}}

/* V11 — novo pedido alinhado + busca customizada premium */
.order-builder-card{overflow:visible;position:relative;z-index:70}
.order-builder-card:focus-within{z-index:120}
.soft-card{position:relative;z-index:1}
.order-seller-hero{position:relative;z-index:5}
.order-builder-card .section-title{gap:14px}
.v11-order-line{position:relative;overflow:visible;background:linear-gradient(135deg,#f8faff,#ffffff);border:1px solid #e3e8f5;box-shadow:0 16px 34px rgba(18,22,38,.055);padding:16px;gap:14px;align-items:start}
.v11-order-line .field{align-self:start}
.v11-order-line .field label{margin-bottom:2px;color:#101828;font-size:12px;text-transform:uppercase;letter-spacing:.035em}
.v11-order-line .input{height:54px;border-radius:18px;background:#fff;font-weight:900;color:#121626;padding-right:46px}
.v11-order-line .input::placeholder{font-weight:750;color:#98a2b3}
.v11-order-line .input:disabled{background:#f1f4f9;color:#98a2b3;border-color:#e6eaf2}
.v11-order-line .qty-field .input{padding-right:15px;text-align:center;font-size:16px}
.v11-order-line .remove{min-height:54px;border-radius:18px;box-shadow:0 14px 26px rgba(240,68,56,.16);align-self:start;margin-top:23px}
.v11-order-line .line-number{width:46px;height:54px;border-radius:17px;margin-top:23px;box-shadow:0 14px 28px rgba(18,22,38,.18)}
.search-box{position:relative;z-index:40}
.search-box:focus-within{z-index:160}
.search-clear{position:absolute;right:9px;top:9px;width:36px;height:36px;border:0;border-radius:12px;background:#f2f4f7;color:#667085;font-weight:1000;font-size:20px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:.15s ease}
.search-box:focus-within .search-clear,.search-box .input:not(:placeholder-shown)+.search-clear{opacity:1;pointer-events:auto}
.search-clear:hover{background:#e7ebf3;color:#121626}
.search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;max-height:360px;overflow:auto;background:#fff;border:1px solid #dfe5f2;border-radius:20px;box-shadow:0 35px 90px rgba(18,22,38,.24);padding:8px;z-index:999}
.search-results.is-open{display:grid;gap:6px}
.search-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;background:#fff;border-radius:15px;padding:11px 12px;cursor:pointer;transition:.14s ease;color:#121626}
.search-option:hover,.search-option:focus{background:#f3f5ff;outline:none;transform:translateY(-1px)}
.search-option-main{display:grid;gap:3px;min-width:0}
.search-option-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;letter-spacing:-.015em}
.search-option-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667085;font-weight:750;font-size:12px}
.search-option-badge{flex:0 0 auto;border-radius:999px;background:#ecebff;color:#3538cd;font-size:11px;font-weight:1000;padding:6px 9px}
.search-empty{padding:16px;border-radius:16px;background:#f8faff;color:#667085;font-weight:850;text-align:center}
.v11-order-line.has-product .variation-picker .input{border-color:#c9d3ff;background:#fff}
.v11-order-line .search-hint{margin-top:1px;min-height:18px;font-size:11px;color:#667085;font-weight:800}

@media(min-width:1260px){
    .v11-order-line{grid-template-columns:46px minmax(280px,1.25fr) minmax(300px,1.25fr) 116px 112px}
}
@media(min-width:900px) and (max-width:1259px){
    .v11-order-line{grid-template-columns:46px minmax(0,1fr) minmax(0,1fr) 116px}
    .v11-order-line .remove{grid-column:4/5;margin-top:8px;width:100%}
    .v11-order-line .line-number{grid-row:1/3}
}
@media(min-width:720px) and (max-width:899px){
    .v11-order-line{grid-template-columns:46px minmax(0,1fr) minmax(0,1fr)}
    .v11-order-line .qty-field{grid-column:2/3}
    .v11-order-line .remove{grid-column:3/4;margin-top:23px;width:100%}
    .v11-order-line .line-number{grid-row:1/3}
}
@media(max-width:719px){
    .v11-order-line{grid-template-columns:1fr;padding:14px;border-radius:22px;gap:12px}
    .v11-order-line .line-number{width:100%;height:40px;margin-top:0;border-radius:15px}
    .v11-order-line .remove{width:100%;margin-top:0}
    .v11-order-line .input{height:52px}
    .search-results{position:fixed;left:14px;right:14px;top:auto;bottom:86px;max-height:48vh;border-radius:22px;padding:10px;z-index:120}
    .search-option{padding:13px 12px}
    .search-option-badge{display:none}
}

/* V12 — código curto do pedido + exclusão segura pelo admin */
.order-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.inline-delete-form{margin:0;display:inline-flex;align-items:center}
.order-card-actions{flex-wrap:wrap}
.btn.ghost-danger{background:#fff;color:#d92d20;border:1px solid #fecdca;box-shadow:none}
.btn.ghost-danger:hover{background:#fff1f0;border-color:#f97066;color:#b42318;transform:translateY(-1px)}
.order-card-actions .inline-delete-form .btn{min-height:38px}
@media(max-width:620px){.order-head-actions{justify-content:flex-start}.order-card-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.order-card-actions .badge,.order-card-actions .btn,.order-card-actions .inline-delete-form{width:100%;justify-content:center}.order-card-actions .inline-delete-form .btn{width:100%}}

/* V13 - vendedores e pedido por vendedor */
.order-seller-hero{display:grid;grid-template-columns:1fr minmax(280px,460px);gap:22px;align-items:center}
.seller-select-field{margin:0}.seller-select-field select{min-height:54px;font-weight:800;background:#fff}.seller-admin-grid{align-items:start}.seller-form .btn{margin-top:6px}
.login-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.choice-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(18,22,38,.1);border-radius:18px;background:linear-gradient(180deg,#fff,#f8f9ff);cursor:pointer;box-shadow:0 12px 30px rgba(18,22,38,.06)}.choice-card input{margin-top:4px;accent-color:var(--primary)}.choice-card strong{display:block;color:#111827;font-size:14px}.choice-card small{display:block;color:#6b7280;font-size:12px;margin-top:3px;line-height:1.35}.compact-choice{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0}.seller-card-list .admin-card{border-left:4px solid var(--primary)}
@media(max-width:900px){.order-seller-hero{grid-template-columns:1fr}.login-choice{grid-template-columns:1fr}.compact-choice{grid-template-columns:1fr}}


/* V15 — correções de responsividade enterprise + tela buscar código */
img,svg,video,canvas{max-width:100%;height:auto}
.main,.card,.topbar-title,.topbar-actions,.order-card-row,.product-card,.device-card,.admin-card,.item-card,.unit-row{min-width:0}
.card{overflow-wrap:anywhere}
.card h2,.card h3,.topbar h1,.order-card-row h3,.product-card h3,.device-main h3{overflow-wrap:anywhere}
.btn{max-width:100%;white-space:normal;text-align:center;line-height:1.15}
.actions{min-width:0}.actions form{min-width:0}.actions .btn{min-width:0}
.input,select,textarea{min-width:0;max-width:100%}
.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}

.code-result-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.code-result-head h2{margin:0 0 6px;font-size:clamp(20px,2vw,28px);line-height:1.08}
.code-result-head p{margin:0;color:var(--muted);line-height:1.45;font-weight:750}
.code-result-actions{justify-content:flex-start}.code-result-actions .btn{flex:0 1 auto}
.code-result strong{min-width:0;word-break:break-word}

@media(min-width:1040px) and (max-width:1280px){
    .app-shell{grid-template-columns:260px minmax(0,1fr)}
    .sidebar-pro{padding:14px;width:auto}
    .main{padding:20px 18px 28px}
    .topbar-pro{top:12px;border-radius:24px;grid-template-columns:minmax(0,1fr);gap:14px}
    .topbar-pro .sidebar-toggle{display:none}
    .topbar-actions{grid-template-columns:1fr auto;width:100%}
    .topbar-chip{min-width:0}
    .topbar-pro .sound-btn{justify-self:stretch;min-width:164px}
    .grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
    .grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
    .grid.two.wide-left{grid-template-columns:1fr}
    .products-admin-grid.grid.two,.users-admin-grid.grid.two{grid-template-columns:1fr}
    .filter-box{grid-template-columns:repeat(2,minmax(0,1fr))}
    .order-card-row{grid-template-columns:1fr;align-items:stretch}
    .order-card-actions{justify-content:flex-start}
    .item-card{grid-template-columns:1fr}
    .unit-item-card{grid-template-columns:1fr}
}

@media(max-width:1039px){
    .main{max-width:100vw;overflow-x:hidden}
    .topbar-pro{position:relative;top:auto}
}

@media(max-width:900px){
    .hero-card{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
    .hero-card .btn,.hero-card .badge{justify-self:start}
    .code-result-head{grid-template-columns:1fr}.code-result-head .badge{justify-self:start}
    .code-result-actions{display:grid;grid-template-columns:1fr}.code-result-actions .btn{width:100%}
}

@media(max-width:720px){
    body{font-size:14px}
    .topbar-pro{grid-template-columns:auto minmax(0,1fr);align-items:start}
    .topbar-actions{grid-column:1/-1;grid-template-columns:1fr}
    .topbar-pro .sound-btn{width:100%}
    .section-title{grid-template-columns:1fr}.section-title .btn{width:100%}
    .filter-box{grid-template-columns:1fr}.filter-actions .btn{width:100%}
    .order-card-row,.product-card,.device-card,.admin-card,.item-card{padding:14px;border-radius:20px}
    .item-card-main,.device-main,.user-admin-main{display:grid;grid-template-columns:1fr;gap:10px}
    .item-index,.device-code{width:100%;max-width:none}
    .unit-row-head{display:grid;grid-template-columns:1fr}.unit-row-head .badge{justify-self:start}
    .search-code-form{grid-template-columns:1fr}.code-search{font-size:20px;letter-spacing:.14em;text-align:center}
    .code-result{padding:14px;border-radius:18px}.code-result strong{font-size:26px;letter-spacing:.14em}
}

@media(max-width:420px){
    .main{padding:10px}
    .card{padding:14px;border-radius:18px}
    .topbar h1{font-size:20px}
    .topbar p{font-size:12px}
    .badge{white-space:normal;justify-content:center;text-align:center}
    .code-search{font-size:18px}
}

/* V16 - ações condicionais na busca por código */
.inline-action-form{
    display:inline-flex;
    align-items:center;
    margin:0;
    min-width:0;
}
.action-hint{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:0 14px;
    border-radius:14px;
    background:rgba(100,116,139,.10);
    color:#64748b;
    font-size:14px;
    font-weight:700;
    line-height:1.35;
}
.action-hint strong{
    color:#111827;
}
@media (max-width: 760px){
    .inline-action-form,
    .inline-action-form .btn{
        width:100%;
    }
    .action-hint{
        width:100%;
        justify-content:center;
        text-align:center;
    }
}

/* V18 — densidade enterprise compacta: sidebar menor, fontes reduzidas e cards mais enxutos */
:root{
    --radius:20px;
    --shadow:0 14px 36px rgba(16,24,40,.07);
    --shadow-soft:0 8px 22px rgba(16,24,40,.055);
}
body{font-size:14px;line-height:1.35}
.main{padding:20px 22px 28px}
.grid{gap:12px}.order-list,.product-list,.items-stack,.admin-card-list,.timeline{gap:10px}
.card{padding:15px;border-radius:20px}.soft-card,.hero-card{border-radius:20px}
.card h2,.card h3{margin-bottom:8px}.card p{margin-top:6px;margin-bottom:8px}
.section-title{gap:8px;margin-bottom:10px}.section-title h2{margin:0 0 2px;font-size:21px}.section-title p{font-size:13px}
.eyebrow{font-size:10px;margin-bottom:4px}.muted-text{font-size:13px}
.topbar-pro{padding:12px 14px;border-radius:22px;margin-bottom:14px}.topbar h1{font-size:25px;letter-spacing:-.04em}.topbar p{font-size:13px;margin-top:3px}.topbar-chip{padding:8px 11px;border-radius:14px}.topbar-chip span{font-size:10px}.topbar-chip strong{font-size:12px}.topbar-pro .sound-btn{min-height:42px;padding:10px 14px;border-radius:14px}
.btn{padding:10px 14px;border-radius:13px;min-height:40px;font-size:13px;gap:7px}.btn.small{padding:7px 10px;min-height:32px;border-radius:10px;font-size:11px}.actions{gap:8px}
.badge{padding:5px 9px;font-size:11px}.pill{padding:8px 11px;font-size:13px}.filter-pills{gap:6px;margin-bottom:12px}
.input,select,textarea{min-height:42px;padding:11px 12px;border-radius:13px;font-size:13px}textarea{min-height:92px}.field{gap:5px}.field label{font-size:12px}.form{gap:11px}.alert{padding:11px 13px;border-radius:14px;font-size:13px;margin-bottom:10px}
.table-wrap{border-radius:14px}.table th{padding:9px 10px;font-size:11px}.table td{padding:10px}
.metric strong{font-size:28px}.metric span{font-size:13px}.empty-state{padding:18px;border-radius:15px;font-size:13px}
.order-card-row,.product-card,.admin-card,.device-card,.item-card{padding:13px;border-radius:18px;gap:10px}.order-card-row h3,.product-card h3,.admin-card-head h3,.device-main h3{font-size:17px;margin-bottom:4px}.order-card-row p,.product-card p,.admin-card-head p{font-size:13px}.order-card-actions{gap:8px}.product-card-head{gap:8px}.variation-chips{gap:6px;margin-top:8px}
.order-head{gap:8px;margin-bottom:12px}.order-head h2{font-size:22px;margin-bottom:4px}.order-head-actions{gap:8px}.item-card h3{font-size:17px;margin-bottom:3px}.item-card p{font-size:13px}.item-meta{gap:6px;font-size:12px}.item-meta span{padding:5px 8px}.item-index{width:38px;height:38px;border-radius:13px}.item-action-form{padding:10px;border-radius:14px;gap:8px}
.unit-row,.unit-item-card{padding:12px;border-radius:16px}.timeline-item{font-size:13px}.timeline-item p{margin-top:4px}
.search-code-form{gap:8px}.code-search{font-size:19px;min-height:42px}.code-result{margin:14px 0;padding:14px;border-radius:18px}.code-result-head{gap:10px}.code-result-head h2{font-size:22px}.code-result-head p{font-size:13px}.code-result strong{font-size:25px}.code-result-actions{gap:8px}.action-hint{min-height:38px;padding:0 11px;font-size:13px;border-radius:12px}
.v11-order-line{padding:13px;gap:10px;border-radius:18px}.v11-order-line .input{height:46px;border-radius:14px}.v11-order-line .line-number{width:40px;height:46px;border-radius:14px}.v11-order-line .remove{min-height:46px;border-radius:14px}.search-clear{width:30px;height:30px;right:8px;top:8px;border-radius:10px}.search-results{border-radius:16px}.search-option{padding:9px 10px;border-radius:12px}.search-option-main strong{font-size:13px}.search-option-main small{font-size:11px}
.variation-generator-box{padding:12px;border-radius:18px;gap:10px}.variation-generator-box h3{font-size:16px}.variation-generator-box p{font-size:13px}.admin-note{padding:11px;border-radius:14px;margin-top:12px}.admin-actions-row{gap:7px}.editor-panel{padding:11px;border-radius:16px;margin-top:9px}

@media(min-width:1040px){
    .app-shell{grid-template-columns:248px minmax(0,1fr)}
    .sidebar-pro{padding:14px 12px;gap:14px}
    .brand-pro{gap:9px;padding-bottom:10px}
    .brand-mark{width:40px;height:40px;border-radius:14px;font-size:13px}
    .brand-copy strong{font-size:14px}.brand-copy small{font-size:11px}
    .menu{gap:5px}.menu-link,.menu-group summary{padding:8px 9px;border-radius:13px;font-size:13px;gap:8px}.menu-icon{width:30px;height:30px;flex-basis:30px;border-radius:11px}.menu-icon svg{width:17px;height:17px}
    .submenu{margin-left:38px;padding-left:8px;gap:3px}.submenu-link{padding:7px 9px;border-radius:11px;font-size:12px}
    .sidebar-footer-pro{padding:9px;border-radius:16px}.user-avatar{width:32px;height:32px;border-radius:12px}.user-mini strong{font-size:13px}.user-mini small{font-size:11px}.sidebar-footer-pro .logout{padding:8px 10px;border-radius:12px;font-size:13px}.sidebar-footer-pro .logout .menu-icon{width:23px;height:23px;flex-basis:23px}
    .main{padding:20px 22px 28px}
    .topbar-pro{top:12px}
}
@media(min-width:1281px){
    .grid.cards{gap:12px}.grid.two,.grid.three{gap:12px}
}
@media(min-width:1040px) and (max-width:1280px){
    .app-shell{grid-template-columns:238px minmax(0,1fr)}
    .sidebar-pro{padding:12px 10px}
    .main{padding:16px 16px 24px}
    .topbar h1{font-size:23px}.topbar-pro{border-radius:20px;padding:11px 12px}
    .card{padding:13px;border-radius:18px}.section-title h2{font-size:20px}
    .btn{min-height:38px;padding:9px 12px}.input,select,textarea{min-height:40px;padding:10px 11px}
}
@media(max-width:1039px){
    .main{padding:14px}.card{padding:14px}.topbar-pro{padding:12px;border-radius:20px}.topbar h1{font-size:23px}.sidebar-pro{gap:14px}.menu-link,.menu-group summary{font-size:13px}.submenu-link{font-size:12px}
}
@media(max-width:720px){
    body{font-size:13px}.main{padding:10px}.card{padding:12px;border-radius:17px}.topbar h1{font-size:21px}.topbar p{font-size:12px}.section-title h2{font-size:19px}.btn{width:auto;min-height:39px}.order-card-row,.product-card,.device-card,.admin-card,.item-card{padding:12px;border-radius:17px}.code-result strong{font-size:23px}.code-search{font-size:18px}
}

/* V19 - Condição novo/seminovo no pedido */
.condition-field select.product-condition{font-weight:900;cursor:pointer}
.condition-meta{margin-top:4px;margin-bottom:6px}
.badge-success{background:#dcfce7;color:#166534}
.badge-warning{background:#ffedd5;color:#9a3412}
@media (min-width: 1180px){
  .v11-order-line{grid-template-columns:40px minmax(220px,1.15fr) minmax(230px,1.15fr) 128px 88px 104px}
  .v11-order-line .condition-field select{height:46px}
}
@media (max-width: 1179px) and (min-width: 860px){
  .v11-order-line{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 120px 90px}
  .v11-order-line .remove{grid-column:4/6;margin-top:0;width:100%}
  .v11-order-line .line-number{grid-row:1/3}
}
@media (max-width: 859px) and (min-width: 641px){
  .v11-order-line{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr)}
  .v11-order-line .condition-field{grid-column:2/3}
  .v11-order-line .qty-field{grid-column:3/4}
  .v11-order-line .remove{grid-column:2/4;margin-top:0;width:100%}
}

/* V20 - Tipo Novo/Seminovo visível no novo pedido */
.v11-order-line .condition-field{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.v11-order-line .condition-field label::after{
    content:"";
}
.v11-order-line .condition-field .product-condition{
    min-width:112px;
    appearance:auto;
    background:#fff;
    border:1px solid #cfd7ea;
}
.v11-order-line .condition-field .search-hint{
    white-space:normal;
}
@media (min-width:1180px){
    .v11-order-line{
        grid-template-columns:40px minmax(112px,126px) minmax(210px,1.1fr) minmax(230px,1.15fr) 78px 104px !important;
    }
    .v11-order-line .condition-field{grid-column:auto !important;grid-row:auto !important;}
    .v11-order-line .qty-field{grid-column:auto !important;}
    .v11-order-line .remove{grid-column:auto !important;margin-top:23px;width:auto;}
}
@media (max-width:1179px) and (min-width:860px){
    .v11-order-line{
        grid-template-columns:40px 120px minmax(0,1fr) minmax(0,1fr) !important;
    }
    .v11-order-line .condition-field{grid-column:2/3 !important;grid-row:auto !important;}
    .v11-order-line .product-picker{grid-column:3/4;}
    .v11-order-line .variation-picker{grid-column:4/5;}
    .v11-order-line .qty-field{grid-column:2/3 !important;}
    .v11-order-line .remove{grid-column:3/5 !important;margin-top:0;width:100%;}
}
@media (max-width:859px) and (min-width:641px){
    .v11-order-line{
        grid-template-columns:40px minmax(0,.65fr) minmax(0,1fr) !important;
    }
    .v11-order-line .condition-field{grid-column:2/3 !important;}
    .v11-order-line .product-picker{grid-column:3/4;}
    .v11-order-line .variation-picker{grid-column:2/4;}
    .v11-order-line .qty-field{grid-column:2/3 !important;}
    .v11-order-line .remove{grid-column:3/4 !important;margin-top:0;width:100%;}
}
@media (max-width:640px){
    .v11-order-line .condition-field,
    .v11-order-line .condition-field .product-condition{width:100%;}
}

/* V23 — filtros avançados na fila de pedidos + leitura compacta de movimentação */
.orders-filter-panel{
    display:grid;
    grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(140px,.75fr));
    gap:10px;
    align-items:end;
    padding:12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,#fff,#f8faff);
    margin:10px 0 12px;
}
.orders-filter-panel .field{min-width:0}
.orders-filter-panel .input,
.orders-filter-panel select{width:100%}
.orders-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.orders-filter-actions .btn{min-height:42px;padding-inline:14px;white-space:nowrap}
.orders-summary-strip{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
    margin:0 0 12px;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
}
.orders-summary-strip span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:6px 9px;
    border-radius:999px;
    background:#f3f5ff;
    border:1px solid var(--line);
}
.order-movement-line{font-size:12px!important;color:var(--muted);margin-top:4px!important}
@media(max-width:1280px){
    .orders-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
    .orders-filter-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:820px){
    .orders-filter-panel{grid-template-columns:1fr 1fr}
    .orders-filter-panel .field:first-child{grid-column:1/-1}
}
@media(max-width:560px){
    .orders-filter-panel{grid-template-columns:1fr;padding:10px;border-radius:16px}
    .orders-filter-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
    .orders-filter-actions .btn{width:100%;justify-content:center}
}