:root{--navy:#10243e;--navy2:#183a5d;--blue:#2563eb;--bg:#f4f6f9;--surface:#fff;--text:#1f2937;--muted:#718096;--line:#e3e8ef;--danger:#c24141;--warning:#bc7415;--green:#237a57;--radius:10px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.hidden{display:none!important}button{cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-brand{display:flex;align-items:center;justify-content:center;gap:34px;padding:60px;background:linear-gradient(145deg,#0b1d33,#153b60);color:#fff}.login-brand img{width:190px;height:190px;object-fit:cover;border:6px solid #fff;border-radius:28px;box-shadow:0 22px 55px #0005}.login-brand h1{margin:0;font-size:52px;letter-spacing:-2px}.login-brand p{color:#bdd1e2;font-size:16px}.login-form{width:min(380px,86%);margin:auto;padding:34px;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #14263c12}.login-form small,.section-kicker{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.login-form h2{margin:8px 0 24px;font-size:30px}label{display:block;margin:15px 0;color:#465569;font-size:12px;font-weight:700}input,select{display:block;width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid #ccd6e2;border-radius:8px;background:#fff;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb18}.primary,.secondary{min-height:40px;padding:9px 15px;border-radius:8px;font-weight:700}.primary{border:0;background:var(--blue);color:#fff}.primary:hover{background:#1d4ed8}.secondary{border:1px solid var(--line);background:#fff;color:#334155}.full{width:100%;min-height:46px;margin-top:18px}.app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;padding:24px 16px 18px;background:var(--navy);color:#a9b9ca;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 7px 28px;color:#fff;font-size:19px}.brand img{width:44px;height:44px;object-fit:cover;border:3px solid #fff;border-radius:11px;background:#fff}nav{display:grid;gap:5px}nav button{width:100%;padding:12px 13px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font-size:13px;font-weight:650}nav button:hover{background:#ffffff0d;color:#fff}nav button.active{background:#fff;color:var(--navy);box-shadow:0 5px 15px #06101f42}.account{margin-top:auto;padding:16px 8px 0;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account button{padding:6px 8px;border:0;border-radius:6px;background:#ffffff0d;color:#c8d4df}.workspace{width:100%;max-width:1520px;margin:auto;padding:32px clamp(22px,4vw,58px) 55px}.page-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.page-header h1{margin:4px 0 0;font-size:28px;letter-spacing:-.6px}.page{animation:fade .18s ease}@keyframes fade{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-grid article{padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--radius);background:#fff}.metric-grid article.warning{border-left-color:var(--warning)}.metric-grid article.danger{border-left-color:var(--danger)}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:11px}.metric-grid strong{display:block;margin:8px 0 3px;font-size:28px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel,.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.panel{padding:20px}.overview-panel{padding:0}.overview-panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line)}.overview-panel h3{margin:0;font-size:14px}.overview-panel header p{margin:4px 0 0;color:var(--muted);font-size:10px}.text-button{padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#475569;font-size:10px;font-weight:700}.overview-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid #eef1f4;font-size:11px}.overview-row:first-of-type{border-top:0}.overview-row b{display:block}.overview-row small{display:block;margin-top:3px;color:var(--muted)}.empty-message,.empty-panel{text-align:center;color:var(--muted);font-size:11px;padding:28px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:#59677a;font-size:12px}.table-wrap{overflow:auto}table{width:100%;min-width:740px;border-collapse:collapse}th,td{padding:14px 17px;border-top:1px solid #e9edf2;text-align:left;font-size:12px}th{border-top:0;background:#f8fafc;color:#708096;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}tbody tr:hover{background:#fafcff}td b{color:#253348}td small{display:block;margin-top:4px;color:#8c99aa}.link{padding:6px 9px;border:1px solid #d9e1eb;border-radius:6px;background:#fff;color:#315f9e;font-size:10px;font-weight:700}.link:hover{background:#f3f7fc}.badge{display:inline-block;padding:4px 7px;border-radius:5px;background:#eaf1fb;color:#315f9e;font-size:9px;font-weight:700}.badge.off{background:#eef1f4;color:#6b7280}.empty-cell{text-align:center;color:var(--muted);padding:28px}.toast{position:fixed;z-index:60;right:20px;top:20px;max-width:380px;padding:13px 15px;border-radius:8px;background:#18283d;color:#fff;box-shadow:0 12px 32px #0003;transform:translateY(-90px);opacity:0;transition:.25s;font-size:12px}.toast.show{transform:none;opacity:1}.toast.error{background:#b83232}.overlay{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:20px;background:#09192db8;backdrop-filter:blur(4px)}.modal{width:min(580px,100%);max-height:92vh;overflow:auto;padding:24px;border-radius:12px;background:#fff;box-shadow:0 24px 70px #0004}.modal>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:20px}.modal header button{width:34px;height:34px;border:0;border-radius:7px;background:#f1f4f7;color:#64748b;font-size:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span2{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:8px;padding:10px;background:#f8fafc;border-radius:7px}.checkbox input{width:auto;min-height:auto;margin:0}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.loading{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:#ffffffc7}.loading span{width:40px;height:40px;border:4px solid #dbe3ec;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scanner-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr-video{width:100%;aspect-ratio:4/3;border-radius:8px;background:#0b1d33;object-fit:cover}.scanner-actions{display:flex;gap:8px;margin:12px 0}.camera-status{padding:9px 11px;border-radius:7px;background:#edf4fd;color:#315f9e;font-size:11px}.details p{display:flex;justify-content:space-between;gap:15px;padding:11px 0;margin:0;border-top:1px solid var(--line);font-size:11px}.consume-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.consume-button{width:100%;min-height:43px;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:700}.consumed-note{padding:11px;border-radius:7px;background:#eaf6f0;color:#27634b}@media(max-width:900px){.login{grid-template-columns:1fr}.login-brand{display:none}.app{display:block}aside{position:fixed;z-index:20;top:auto;bottom:0;width:100%;height:68px;padding:8px;flex-direction:row}.brand,.account{display:none}nav{display:flex;width:100%;justify-content:space-around;gap:3px}nav button{padding:9px 6px;text-align:center;font-size:10px}.workspace{padding:24px 14px 88px}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid,.scanner-layout{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:14px}.metric-grid strong{font-size:24px}}

.form-note{margin:3px 0 0;padding:10px 12px;border-left:3px solid var(--blue);background:#f5f8fc;color:#64748b;font-size:11px;line-height:1.45}

/* Alinhamento das paginas no topo */
.workspace{margin:0 auto!important;align-self:start!important;padding-top:22px!important}
.page-header{margin:0 0 18px!important;padding:0 0 14px!important}
.page-header h1{margin:0!important}
.section-kicker,.form-note{display:none!important}
@media(max-width:900px){.workspace{padding-top:18px!important}}

.purchase-panel{margin-top:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.purchase-panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line)}.purchase-panel h3{margin:0;font-size:14px}.purchase-panel header p{margin:4px 0 0;color:var(--muted);font-size:10px}.recommendations-list{padding:0 18px 10px}@media(max-width:600px){.purchase-panel>header{align-items:flex-start;gap:12px}.recommendations-list{padding-left:14px;padding-right:14px}}


.recommendation-setup{margin:16px 0;padding:15px;border:1px solid #d7e0ea;border-radius:8px;background:#f8fafc}.recommendation-setup b{font-size:12px}.recommendation-setup p{margin:5px 0 0;color:var(--muted);font-size:10px}.lowest-list{width:100%}.lowest-head,.lowest-row{display:grid;grid-template-columns:minmax(220px,1.6fr) 130px minmax(130px,.8fr) 90px;gap:16px;align-items:center}.lowest-head{padding:11px 0;color:#8a96a7;font-size:9px;font-weight:800;text-transform:uppercase}.lowest-row{padding:13px 0;border-top:1px solid #e8edf2;font-size:11px}.lowest-row b{display:block}.lowest-row small{display:block;overflow:hidden;margin-top:4px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.lowest-row strong{font-size:14px}.lowest-row a{padding:7px 9px;border-radius:6px;background:var(--blue);color:#fff;text-align:center;text-decoration:none;font-size:9px;font-weight:700}.lowest-row.unavailable{color:#8a96a7}@media(max-width:750px){.lowest-list{overflow-x:auto}.lowest-head,.lowest-row{min-width:680px}}

.stock-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.stock-out-button{padding:6px 9px;border:1px solid #b8ddc9;border-radius:6px;background:#edf8f2;color:#17633f;font-size:10px;font-weight:700}.stock-out-button:hover{border-color:#237a57;background:#237a57;color:#fff}

/* Resumo alinhado */
.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.metric-grid article{min-width:0}
/* Histórico */
.history-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.history-toolbar>div b{display:block;color:#253348;font-size:13px}.history-toolbar>div span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.history-search{width:min(330px,100%);margin:0}.history-search>span{display:block;margin-bottom:6px;color:#64748b;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.history-search input{min-height:40px;margin:0;padding-left:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 13px center}.history-table{min-width:760px}.history-table th:nth-child(1){width:170px}.history-table th:nth-child(3){width:145px}.history-table th:nth-child(4){width:110px}.history-table th:nth-child(5){width:170px}.history-table td{padding-top:15px;padding-bottom:15px}.history-date{color:#526174;font-variant-numeric:tabular-nums;white-space:nowrap}.history-quantity{color:#253348;font-variant-numeric:tabular-nums}.history-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef6f1;color:#25704d;font-size:9px;font-weight:700}.history-type.entry,.history-type.positive_adjustment{background:#e9f6ef;color:#23704e}.history-type.consumption,.history-type.negative_adjustment{background:#fff3df;color:#9a610e}.history-type.loss,.history-type.expired{background:#fdecec;color:#a83b3b}@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.history-toolbar{align-items:stretch;flex-direction:column}.history-search{width:100%}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}}