:root{
--pink:#ef2b68;--pink-dark:#d81857;--pink-soft:#fff0f5;--ink:#202536;--muted:#6f7687;
--line:#e8eaf0;--bg:#f7f8fb;--green:#148a55;--red:#d93b49;--yellow:#b97900;--blue:#226dc5;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.topbar{height:78px;background:linear-gradient(135deg,var(--pink-dark),var(--pink));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 3px 14px rgba(216,24,87,.18)}
.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:34px}.brand-name{font-weight:800;font-size:20px}.brand-sub{opacity:.85;font-size:12px}.user-pill{background:rgba(255,255,255,.16);padding:10px 14px;border-radius:999px;font-size:13px}
.app{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 78px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 12px}
.nav-btn{width:100%;border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:10px;margin-bottom:6px;font-size:15px;color:#343b4d;cursor:pointer}.nav-btn span{margin-left:8px}.nav-btn.active{background:var(--pink-soft);color:var(--pink-dark);font-weight:700}
.content{padding:28px}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.page-head h1{margin:0 0 4px;font-size:30px}.page-head p{margin:0;color:var(--muted)}
.date-chip{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;color:#51586a;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px rgba(25,31,48,.05)}
.card{padding:18px}.stock-card{background:linear-gradient(180deg,#fff,#fff7fa)}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;font-size:27px;margin-top:6px;color:var(--pink-dark)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:18px;margin-bottom:18px}.panel h2{font-size:18px;margin:0 0 16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.link-btn{border:0;background:transparent;color:var(--pink-dark);font-weight:700;cursor:pointer}
.quick{display:flex;flex-direction:column;gap:10px}.quick-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px;text-align:left;cursor:pointer}.quick-btn:hover{border-color:#f8a9c1;background:#fff8fb}.quick-btn b{display:block}.quick-btn span{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stock-item{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.stock-item .cat{font-size:11px;color:var(--pink-dark);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.stock-item .name{margin:5px 0 9px;font-weight:700;font-size:13px;min-height:32px}.stock-item .qty{font-size:22px;color:var(--ink);font-weight:800}.stock-item .unit{color:var(--muted);font-size:12px;margin-left:4px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:#737b8d;font-weight:600;background:#fafbfc}
.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge.in{background:#e9f8f0;color:var(--green)}.badge.out{background:#fff0f1;color:var(--red)}
.status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}.status.Pendente{background:#fff4dd;color:var(--yellow)}.status.Emprodução{background:#eaf3ff;color:var(--blue)}.status.Finalizado{background:#e9f8f0;color:var(--green)}
.form{display:grid;gap:13px}.form label{font-size:13px;color:#52596a;display:grid;gap:6px}.form input,.form select,.filter-row select,.search-input{width:100%;padding:12px;border:1px solid #dfe2e8;border-radius:9px;font:inherit;background:#fff}
.primary{border:0;background:var(--pink);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;cursor:pointer}.primary:hover{background:var(--pink-dark)}
.secondary{border:1px solid #f3a4bd;background:#fff7fa;color:var(--pink-dark);padding:12px 16px;border-radius:10px;font-weight:700;cursor:pointer}
.small-primary{border:0;background:var(--pink);color:#fff;padding:8px 10px;border-radius:8px;font-weight:700;cursor:pointer}
.danger-outline{border:1px solid #f3a7b2;color:var(--red);background:#fff;padding:10px 12px;border-radius:9px;cursor:pointer}
.sku-entry{display:grid;grid-template-columns:1.4fr .8fr auto;gap:10px;align-items:end}.draft-box{border:1px dashed #f0b3c6;background:#fff9fb;border-radius:12px;padding:12px}.draft-head{display:flex;justify-content:space-between;margin-bottom:10px}.draft-head span{font-size:12px;color:var(--muted)}.draft-list{display:grid;gap:7px}.draft-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 10px;background:#fff;border:1px solid var(--line);border-radius:9px}.draft-item span{font-size:13px}.remove-mini{border:0;background:#fff0f1;color:var(--red);border-radius:7px;padding:6px 8px;cursor:pointer}.empty-mini{color:var(--muted);font-size:13px;padding:5px}
.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-box{background:#fafbfc;border:1px solid var(--line);border-radius:12px;padding:14px}.summary-box span{display:block;color:var(--muted);font-size:12px}.summary-box strong{display:block;font-size:24px;margin-top:4px}.info-box{margin-top:14px;padding:14px;border-radius:12px;background:var(--pink-soft);color:#704054}.info-box p{margin:4px 0 0;font-size:13px}
.filter-row{display:flex;gap:8px;min-width:420px}.orders-list{display:grid;gap:14px}.order-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.order-card.priority{border:2px solid #f4a1ba;box-shadow:0 6px 18px rgba(239,43,104,.08)}.order-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:#fafbfc}.order-head .title{font-weight:800}.order-head .meta{font-size:12px;color:var(--muted);margin-top:3px}.priority-pill{background:var(--pink);color:#fff;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.order-items{padding:0 16px 10px}.order-row{display:grid;grid-template-columns:1fr .55fr .8fr .9fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.order-row:last-child{border-bottom:0}.sku{font-weight:800}.qty-note{font-size:13px}.status-select{padding:8px 9px;border:1px solid #dfe2e8;border-radius:8px;background:#fff}.stock-wait{font-size:12px;color:var(--green);font-weight:700;margin-top:3px}
.helper{color:var(--muted);font-size:13px;margin-top:-7px}.receive-list,.waiting-list{display:grid;gap:10px}.receive-card,.waiting-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.receive-card{display:grid;grid-template-columns:1fr .7fr auto;align-items:end;gap:10px}.receive-card .meta,.waiting-item .meta{font-size:12px;color:var(--muted);margin-top:4px}.receive-card label{font-size:12px;color:var(--muted);display:grid;gap:5px}.receive-card input{padding:9px;border:1px solid #dfe2e8;border-radius:8px;max-width:130px}.waiting-item strong{display:block}.waiting-list .waiting-item{background:#fff9fb}
.stock-info{padding:11px 12px;border-radius:9px;background:#fafbfc;border:1px solid var(--line);font-size:13px;color:var(--muted)}.stock-info.ok{background:#eef9f3;color:var(--green);border-color:#ccebd9}.stock-info.bad{background:#fff3f4;color:var(--red);border-color:#f2c6cc}
.search-input{max-width:240px;padding:9px 11px}
.toast{position:fixed;right:20px;bottom:20px;background:#1d2433;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.stock-grid{grid-template-columns:repeat(2,1fr)}.cards.four{grid-template-columns:repeat(2,1fr)}.order-row{grid-template-columns:1fr 1fr}.filter-row{min-width:0}.receive-card{grid-template-columns:1fr}}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-btn{min-width:max-content}.cards,.cards.four,.grid-2{grid-template-columns:1fr}.stock-grid{grid-template-columns:1fr}.sku-entry{grid-template-columns:1fr}.content{padding:18px}.topbar{padding:0 16px}.user-pill{display:none}.panel-head{align-items:flex-start;flex-direction:column}.filter-row{width:100%;flex-direction:column}.order-row{grid-template-columns:1fr}.search-input{max-width:none}}

/* MVP 06.2: três painéis de saldos em vez de cartões por item */
.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.material-group{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}
.material-group-title{font-weight:800;font-size:16px;color:var(--pink-dark);margin-bottom:12px}
.material-group-list{display:grid;gap:0}
.material-line{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.material-line:last-child{border-bottom:0}
.material-line strong{white-space:nowrap;font-size:17px;color:var(--ink)}
.material-line small{font-size:11px;color:var(--muted);font-weight:400}
@media(max-width:900px){.stock-grid{grid-template-columns:1fr}}

/* MVP 06.4: movimentação em lote */
.batch-items{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fbfcfe;min-height:45px}
.batch-heading,.batch-row{display:grid!important;grid-template-columns:minmax(0,1fr) 128px;gap:12px;align-items:center}
.batch-heading{font-size:11px;font-weight:750;color:var(--muted);padding:4px 3px 8px}
.batch-row{border-top:1px solid var(--line);padding:9px 3px;color:var(--ink)!important}
.batch-row span{font-size:13px;min-width:0}.batch-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.form .batch-row input{width:100%;padding:9px 10px;text-align:right;background:#fff}
.batch-items .helper{margin:12px 3px 3px;font-size:12px}
.batch-feedback{font-size:12px;color:var(--ink);line-height:1.5}
.form button:disabled{opacity:.6;cursor:wait}
@media(max-width:500px){.batch-heading,.batch-row{grid-template-columns:minmax(0,1fr) 95px;gap:8px}}

/* MVP 06.5 — Gestão de usuários */
#navUsuarios[hidden]{display:none!important}
.user-admin-row{display:grid;grid-template-columns:minmax(150px,1fr) 165px 95px 92px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:13px 3px;font-size:13px}
.user-admin-row:first-child{border-top:0}.user-admin-row strong,.user-admin-row small{display:block}.user-admin-row small{color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.user-admin-row select{width:100%;padding:9px;border-radius:8px;border:1px solid var(--line)}.user-admin-row button{padding:9px}.user-active{white-space:nowrap}
@media(max-width:750px){.user-admin-row{grid-template-columns:1fr 1fr}.user-admin-row>div{grid-column:1/-1}}