:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152338;background:#f5f7fb;--accent:#117b71;--deep:#0b1727;--line:#e4e9ef;--muted:#64758c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:#fff;border:1px solid #d9e1eb;border-radius:10px;padding:11px 12px;color:#152338;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1696811a}input[type=checkbox]{width:auto;accent-color:var(--accent)}label{font-size:13px;font-weight:650;color:#334155;display:grid;gap:7px}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.9px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.55}.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-weight:800;color:var(--accent);font-size:11px;letter-spacing:1.4px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:750;border:1px solid transparent;white-space:nowrap}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(.94)}.btn.outline{background:#fff;border-color:#d9e2eb;color:#22334b}.btn.soft{background:#e9f7f2;color:#10645e}.btn.danger{background:#fff1ef;color:#9f332e}.btn.full{width:100%}.link-btn{background:none;border:0;color:var(--accent);font-weight:700;padding:12px 0}.icon-btn{background:#fff;border:1px solid var(--line);border-radius:10px;min-width:38px;height:38px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#fff}.auth-wrap[hidden],.shell[hidden],#shade[hidden],#modal[hidden]{display:none!important}.auth-hero{background:radial-gradient(circle at 10% 20%,#0f544c,#0b1727 65%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,8vw,115px)}.auth-hero h1{font-size:clamp(32px,4vw,56px);max-width:650px;line-height:1.08}.auth-hero p{font-size:18px;color:#bdccdc;max-width:520px}.logo-large{width:58px;height:58px;background:#fff;color:#122b31;border-radius:17px;font-weight:900;font-size:34px;text-align:center;padding:8px;margin-bottom:40px}.logo-large span,.mark span{color:#24c3a7}.auth-card{max-width:460px;width:calc(100% - 48px);margin:auto;padding:32px 20px}.auth-card h2{font-size:30px;margin:13px 0 7px}.auth-card>p{color:var(--muted);font-size:14px}.auth-card form{display:grid;gap:16px;margin:28px 0 10px}.demo-entry{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.demo-entry p{color:var(--muted);font-size:12px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--deep);color:#e5eef7;width:246px;min-width:246px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 12px 14px;z-index:11;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:750;padding:0 10px;margin-bottom:30px;letter-spacing:-.6px}.brand strong{color:#30bca9;font-size:12px;letter-spacing:0}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#879baa;font-weight:600;margin-top:3px}.mark{background:#fff;color:#0a1c2d;width:38px;height:38px;border-radius:10px;text-align:center;padding:5px;font-size:25px;font-weight:900}.store-chip{background:#17283b;border:1px solid #2b4056;border-radius:12px;padding:13px;font-size:13px;font-weight:650;margin:0 6px 24px;overflow-wrap:anywhere}.store-chip small{display:block;color:#a6b7c8;font-size:10px;font-weight:450;margin-top:4px}.nav-caption{font-weight:800;font-size:9px;color:#728498;letter-spacing:1.4px;padding:7px 16px 10px;margin-top:7px}nav{display:grid;gap:3px}.navitem{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;text-align:left;color:#b8c6d5;padding:12px 14px;border-radius:10px;font-weight:550;font-size:12.5px}.navitem span{width:20px;text-align:center;font-size:17px}.navitem:hover{background:#1d3145;color:#fff}.navitem.active{background:#12483f;color:#e9fff7}.side-foot{margin-top:auto;padding:18px 13px 3px;border-top:1px solid #24364a;font-size:11px;color:#9cdaaf}.side-foot small{display:block;color:#8e9bad;margin-top:7px}.layout{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;min-height:70px;border-bottom:1px solid var(--line);padding:0 28px;gap:12px}.topbar .left,.topbar .right{display:flex;align-items:center;gap:12px}.crumb{font-size:12px;color:#7b8aa0}.crumb b{color:#203149}.mode-badge{border:1px solid #f4df9e;color:#a0671a;background:#fff9e3;padding:7px 10px;font-size:10px;letter-spacing:.8px;border-radius:50px;font-weight:800}.layout main{padding:31px;max-width:1500px;width:100%;margin:0 auto;flex:1}.layout footer{text-align:center;color:#8a99ab;padding:16px;font-size:10px}.pagehead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:22px}.pagehead h1{margin-bottom:6px}.pagehead p{color:var(--muted);font-size:13px;margin:0}.head-actions{display:flex;flex-wrap:wrap;gap:9px}.grid{display:grid;gap:16px}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 20px #102a4510}.pad{padding:20px}.metric{padding:18px;min-height:123px}.metric .kicker{display:block;font-size:12px;color:#657790;margin-bottom:15px}.metric strong{font-size:27px;letter-spacing:-.8px}.metric small{display:block;color:#7990a3;font-size:11px;margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:10px 0 15px}.section-heading h2{margin:0}.shortcut{background:#fff;text-align:left;border:1px solid var(--line);border-radius:14px;padding:19px;color:#24354d;transition:transform .1s}.shortcut:hover{transform:translateY(-2px);border-color:#a6cbc7}.shortcut .symbol{font-size:26px;display:block;margin-bottom:15px}.shortcut strong{font-size:14px}.shortcut p{color:var(--muted);font-size:12px;margin:6px 0 0}.table-scroll{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}th{text-transform:uppercase;color:#8090a5;font-weight:800;text-align:left;font-size:10px;letter-spacing:.5px;background:#fafbfd}th,td{padding:13px 14px;border-bottom:1px solid #eaf0f5;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-weight:700}.badge{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:750;background:#e7f6ef;color:#167857}.badge.warn{background:#fff1d6;color:#94611d}.badge.info{background:#eaf2ff;color:#326aab}.badge.gray{background:#eff2f6;color:#64748b}.btn-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tiny{border:1px solid #dce6ed;background:#fff;border-radius:8px;padding:7px 10px;color:#20455c;font-size:11px;font-weight:650}.tiny:hover{border-color:var(--accent)}.stack{display:grid;gap:14px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid .wide{grid-column:1/-1}.actionbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.actionbar input{max-width:420px}.pdv{grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);align-items:start}.product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-tile{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:9px}.product-tile h3{margin:0;font-size:13px}.product-tile small{color:var(--muted)}.product-tile strong{font-size:16px}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-line .qtyctl{display:flex;align-items:center;gap:7px}.qtyctl button{width:29px;height:29px;border-radius:7px;border:1px solid var(--line);background:#fff}.total{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:15px 0}.total strong{font-size:28px}.hint{background:#ecf8f6;border:1px solid #bfddd9;border-radius:10px;padding:12px;color:#255d54;font-size:12px}.hint.warning{background:#fff7e9;border-color:#f6deaa;color:#7e551c}.empty{text-align:center;color:#8191a3;padding:38px 15px}.clickable{cursor:pointer}.separator{height:1px;background:var(--line);margin:16px 0}.checkline{display:flex;gap:10px;align-items:center;font-size:12px;color:#53657d}.checkline input{width:16px}.suggestion{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.suggestion p{font-size:12px;color:var(--muted);margin:5px 0}.suggestion .count{font-size:23px;color:var(--accent);font-weight:800}.report-chart{display:grid;gap:12px}.barrow{display:grid;grid-template-columns:100px 1fr 90px;gap:12px;align-items:center;font-size:12px}.bartrack{height:10px;border-radius:20px;background:#e8edf3;overflow:hidden}.barfill{height:100%;background:var(--accent);border-radius:20px}#shade{position:fixed;inset:0;background:#0817299c;z-index:40}#modal{position:fixed;inset:0;z-index:41;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}#modal .dialog{width:min(630px,100%);max-height:min(92vh,900px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 80px #07112455;padding:25px}#modal .dialog h2{display:flex;justify-content:space-between;align-items:center}#modal .dialog form{display:grid;gap:15px}#toast{position:fixed;bottom:20px;right:20px;z-index:60}.toast-item{background:#112d3d;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 8px 30px #15263333;font-size:13px;max-width:370px}.xml-lines{display:grid;gap:10px}.xml-line{border:1px solid var(--line);border-radius:10px;padding:12px}.xml-line .field-grid{margin-top:9px}.auth-help{background:#eef5fd;border-radius:10px;padding:12px;font-size:12px;color:#355773}@media(max-width:1100px){.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}.pdv{grid-template-columns:1fr}.sidebar{width:218px;min-width:218px}}@media(max-width:750px){.auth-wrap{grid-template-columns:1fr}.auth-hero{padding:24px;min-height:210px}.auth-hero h1{font-size:30px}.auth-hero p{font-size:14px}.auth-hero .logo-large{margin:0 0 20px}.sidebar{position:fixed;left:-260px;top:0;transition:left .2s;width:244px}.sidebar.open{left:0;box-shadow:0 0 0 100vmax #04152788}.layout main{padding:18px 13px}.topbar{padding:0 12px;min-height:62px}.topbar .right{gap:7px}.topbar .right .btn{font-size:11px;padding:9px}.mode-badge{font-size:9px}.pagehead{display:block}.pagehead h1{font-size:23px}.head-actions{margin-top:12px}.cols4,.cols3,.cols2{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:13px;min-height:111px}.metric strong{font-size:21px}.field-grid,.field-grid.three{grid-template-columns:1fr}.product-cards{grid-template-columns:1fr}.barrow{grid-template-columns:75px 1fr 65px}.crumb{font-size:10px}.card.pad{padding:14px}}
/* Em telas estreitas, conservar a largura real da viewport sem forçar zoom horizontal. */
@media(max-width:480px){
 .layout,.layout main,.topbar{min-width:0;width:100%}
 .topbar{gap:5px}
 .topbar .crumb,.topbar .mode-badge{display:none}
 .topbar .right{gap:5px;margin-left:auto}
 .topbar .right .btn{padding:9px 10px;font-size:11px}
 .topbar .icon-btn{width:34px;min-width:34px}
 .metrics{gap:9px}
 .metric strong{font-size:20px;overflow-wrap:anywhere}
 .card,.shortcut{min-width:0}
}