:root{font-family:Segoe UI,Arial,sans-serif;color:#162a3d;background:#f3f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:245px;background:#112b41;color:#fff;padding:30px 20px;position:fixed;height:100vh;display:flex;flex-direction:column}.brand{font-size:23px;display:flex;gap:10px;margin-bottom:20px}.brand b{color:#3cd6b1}aside small{color:#8aa7bd;font-size:10px;letter-spacing:1.5px}nav{margin-top:30px;display:grid;gap:8px}nav button{text-align:left;background:transparent;color:#b7ccdc;border:0;padding:13px}nav button.active{background:#1e4c64;color:#66e6c7}.asidebottom{margin-top:auto;font-size:11px;color:#8aa7bd;line-height:2}main{margin-left:245px;width:calc(100% - 245px);padding:30px 38px}header{display:flex;align-items:center;gap:20px;margin-bottom:25px}header div{flex:1}header small{color:#768ba0;letter-spacing:1px;font-size:10px}h1{font-size:28px;margin:8px 0}h2{font-size:18px}button{cursor:pointer;border:1px solid #d8e2eb;background:white;border-radius:7px;padding:10px 15px;color:#214259;font-weight:600}button.primary,form button{background:#0b9177;color:white;border:0}button:hover{filter:brightness(.95)}.badge{background:#def6eb;color:#167655;border-radius:20px;padding:8px 13px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card,.panel{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:23px;margin-bottom:20px}.card strong{font-size:27px;display:block;margin:13px 0}.muted{color:#788c9e;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}label{display:grid;gap:6px;color:#52677a;font-size:12px}input,select{padding:10px;border:1px solid #d4dfe8;border-radius:6px;width:100%;background:white;color:#162a3d}table{width:100%;border-collapse:collapse}th{text-align:left;color:#7b8b9b;font-size:11px;text-transform:uppercase}td,th{padding:13px 9px;border-bottom:1px solid #edf1f5}.table{overflow:auto}.empty{padding:30px;color:#8494a4;text-align:center}#notice:not(:empty){padding:14px;background:#fff0cc;border-radius:8px;margin-bottom:20px}.login{max-width:550px;margin:60px auto}.login form{grid-template-columns:1fr}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input{max-width:400px}footer{margin-top:30px;font-size:11px;color:#8999a8}.total{font-size:35px;font-weight:700;color:#0b9177;margin:20px 0}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}form,.grid{grid-template-columns:1fr}aside{width:190px}main{margin-left:190px;width:calc(100% - 190px);padding:20px}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;height:auto;padding:16px}nav{display:flex;overflow:auto;margin-top:10px}.asidebottom,aside small{display:none}main{margin:0;width:100%}.cards{gap:8px}.card{padding:15px}.card strong{font-size:21px}header{flex-wrap:wrap}}

.pos-status{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#123d52;color:#fff;border-radius:10px;padding:18px 22px;margin-bottom:20px}.pos-status>span{font-size:12px;color:#b9d8e3}.pos-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:22px}.pos-section,.pos-summary{display:flex;justify-content:space-between;align-items:center;gap:10px}.pos-section>span{color:#71899a;font-size:12px}.pos-checkout{border-top:5px solid #0b9177;align-self:start;position:sticky;top:20px}.pos-total{font-size:48px;font-weight:750;letter-spacing:-1.5px;color:#087b65;margin:18px 0 25px}.pos-summary{padding:15px 0;border-top:1px solid #e5edf3;border-bottom:1px solid #e5edf3;margin-bottom:22px}.pos-checkout form{grid-template-columns:1fr}.pos-checkout form button{font-size:18px;padding:18px;margin-top:12px}.pos-warning{display:flex;justify-content:space-between;align-items:center;background:#fff0c7;border:1px solid #f0d08b;border-radius:9px;padding:18px 22px;margin-bottom:20px}.pos-warning p{margin-bottom:0}.pos-change{font-size:20px;font-weight:650;padding:20px 0;color:#137e69}button:disabled{cursor:not-allowed;opacity:.45}.pos-layout td{padding:16px 8px}.pos-layout td small{color:#899ca9}.pos-layout #clear-cart{margin-top:18px}@media(max-width:1150px){.pos-layout{grid-template-columns:1fr}.pos-checkout{position:static}.pos-status{flex-wrap:wrap}.pos-total{font-size:38px}}

/* Identidade azul do supermercado */
:root{background:#edf3fa;color:#16314d;font-family:Segoe UI,Arial,sans-serif}aside{background:linear-gradient(180deg,#063263,#082747);width:225px;padding:24px 16px}.brand{font-size:22px}.brand b{color:#ffd24a}main{margin-left:225px;width:calc(100% - 225px);padding:22px 28px}header{background:linear-gradient(100deg,#073563,#075aa2);color:white;padding:18px 24px;border-radius:10px;box-shadow:0 3px 10px #153f6520}header small{color:#afcce9}h1{font-size:25px}nav{gap:3px;margin-top:24px}nav button{color:#e1edf9;padding:11px 12px;display:flex;align-items:center;gap:12px;border-radius:5px}nav button.active{color:white;background:linear-gradient(#1679db,#0750b6);box-shadow:0 2px 6px #001f4330}.nav-icon{font-size:18px;min-width:20px}button.primary,form button{background:linear-gradient(#1685e4,#0755b8)}.panel{padding:20px;border-color:#ccdbec;border-radius:9px;box-shadow:0 2px 5px #14355c07}.panel h2{color:#0a4e8f}.card{border-radius:8px;border-color:#d2dfed;padding:20px}.card strong{color:#064a91}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.quick-grid button{background:linear-gradient(#f1f8ff,#d4e7fb);border:1px solid #c4d9ef;box-shadow:0 2px 3px #1639570c;padding:20px;font-size:16px;color:#10375a}.quick-grid button span{display:block;font-size:32px;margin-bottom:10px}.pos-status{background:linear-gradient(100deg,#073563,#0a67ad)}.pos-checkout{border-top-color:#075bb4}.pos-total{color:#082e57}.pos-checkout form button{background:linear-gradient(#14bd30,#009219)}.pos-change{color:#075bb4}th{background:#edf4fb;color:#3d5f80}input:focus,select:focus{outline:2px solid #79b5ec;outline-offset:1px}.pos-layout .panel:first-child{border-top:3px solid #075bb4}@media(max-width:1000px){aside{width:190px}main{margin-left:190px;width:calc(100% - 190px);padding:18px}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{width:100%}main{margin:0;width:100%}.quick-grid button{padding:16px}nav button{white-space:nowrap}}@media print{aside,header,footer,#notice,#report,button{display:none!important}main{margin:0;width:100%;padding:0}.panel,.card{box-shadow:none;break-inside:avoid}.cards{grid-template-columns:repeat(4,1fr)}body{background:white;color:black}.panel h2{color:black}}