:root{
  --bg:#090b0f;--bg2:#0e1117;--side:#0b0d11;--card:#12161d;--card2:#171c24;--card3:#1d232d;
  --line:#262d38;--line2:#333c49;--txt:#f7f8fa;--muted:#9ba4b2;--gold:#f3b317;--gold2:#ffd25c;
  --gold3:#9e6e00;--danger:#ff625d;--ok:#3ed47b;--shadow:0 18px 45px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#090b0f,#0d1117 45%,#090b0f);color:var(--txt);min-height:100vh}button,input,select,textarea{font:inherit}
a{color:inherit}
.login-page{min-height:100vh;background:radial-gradient(circle at 12% 15%,#3b2a08 0,#15130e 18%,#090b0f 52%,#06070a 100%);display:grid;place-items:center;padding:24px}
.login-shell{width:min(1040px,100%);min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;background:#0c0f14;border:1px solid #2b313b;border-radius:28px;overflow:hidden;box-shadow:0 42px 110px #000b}
.brand-panel{padding:68px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(145deg,#171b22,#0b0e13 58%,#2d2008);color:#fff;position:relative;overflow:hidden}
.brand-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#f1b32312;right:-160px;bottom:-150px;box-shadow:0 0 90px #f1b32320}
.login-logo{width:230px;border-radius:30px;margin-bottom:28px;filter:drop-shadow(0 16px 32px #0009)}
.brand-copy{display:grid;gap:10px;max-width:380px}.login-slogan{font-size:18px;line-height:1.35;font-weight:700;color:#f7d36f;letter-spacing:.01em}.login-card{background:#10141b;display:grid;place-items:center;padding:48px;border-left:1px solid #242b35}.login-card>div{width:min(390px,100%)}.login-form{display:grid;gap:2px}.muted{color:var(--muted)}
.login-card label,.modal label,.panel label{display:block;font-size:13px;font-weight:800;margin:15px 0 6px;color:#cfd5dd}
.login-card input,input,select,textarea{width:100%;border:1px solid #313946;border-radius:12px;padding:12px 14px;background:#0d1117;color:#fff;outline:none}select option{background:#11151c;color:#fff}input::placeholder,textarea::placeholder{color:#6e7887}input:focus,select:focus,textarea:focus{border-color:#c88e0b;box-shadow:0 0 0 3px #f1b32320}.password-wrap{position:relative}.password-wrap .eye{position:absolute;right:8px;top:6px;background:none;border:0;padding:8px;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #303743;border-radius:11px;padding:11px 15px;background:#202631;color:#fff;cursor:pointer;text-decoration:none;font-weight:900;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#4b5666}.btn.primary{background:linear-gradient(135deg,#ffd458,#d89b09);color:#161005;border-color:#e7ad25;box-shadow:0 8px 24px #f1b32324}.btn.danger{background:#2a1517;color:#ff8a86;border-color:#5d292d}.btn.ok{background:#11261a;color:#65e693;border-color:#255b36}.btn.tiny{padding:7px 10px;font-size:12px}.btn.full{width:100%;margin-top:18px}.btn.plus{padding:10px 14px;font-size:22px}.alert{padding:13px 15px;border-radius:11px;margin-bottom:16px}.alert.danger{background:#2a1517;color:#ff9793;border:1px solid #5a292d}.alert.success{background:#12251a;color:#7de6a1;border:1px solid #29553a}
.app{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:252px;background:linear-gradient(180deg,#0d1015,#090b0f);color:white;position:fixed;inset:0 auto 0 0;padding:18px 13px;display:flex;flex-direction:column;z-index:20;border-right:1px solid #202630;box-shadow:10px 0 35px #0005}.side-brand{display:flex;align-items:center;gap:14px;padding:8px 8px 18px;border-bottom:1px solid #242a33}.side-brand img{width:58px;height:58px;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px #0008}.side-brand b{display:block;font-size:15px;line-height:1.2}.sidebar nav{padding:15px 0;overflow:auto;flex:1}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#303844;border-radius:10px}.sidebar nav a{color:#b7bfca;text-decoration:none;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;margin:3px 0;font-size:13px;transition:.16s}.sidebar nav a:hover{background:#161c24;color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,#2b2512,#171c24 62%);color:#fff;box-shadow:inset 3px 0 0 var(--gold);border:1px solid #342d1a}.sidebar nav em{margin-left:auto;background:var(--gold);color:#1b1507;border-radius:99px;padding:2px 7px;font-style:normal;font-size:11px;font-weight:900}.logout{color:#ff8d89;text-decoration:none;padding:12px}
.main{margin-left:252px;width:calc(100% - 252px);min-height:100vh;background:radial-gradient(circle at 80% 0,#181c21 0,#0d1117 30%,#090b0f 65%)}.topbar{height:76px;background:rgba(13,16,21,.92);backdrop-filter:blur(12px);border-bottom:1px solid #242a33;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.topbar h2{font-size:20px;color:#fff}.topbar small{color:#8e98a6}.hamb{display:none;border:1px solid #303742;background:#161b23;color:#fff;padding:8px 10px;border-radius:8px;margin-right:10px}.notif{margin-left:auto;position:relative;text-decoration:none;font-size:21px}.notif b{position:absolute;top:-8px;right:-11px;background:#d6453f;color:#fff;border-radius:99px;font-size:10px;padding:3px 6px}.content{padding:28px;max-width:1560px;margin:auto}
.hero{background:linear-gradient(125deg,#151a22,#221b0c 55%,#12161c);color:#fff;border:1px solid #2f2b1d;border-radius:22px;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:#f1b3230d}.hero span{color:var(--gold)}.hero h1{margin:4px 0 6px;font-size:34px}.hero p{margin:0;color:#b8c0cb}.slogan{font-weight:900;color:#f6c64a!important;font-size:19px;max-width:330px;text-align:right;z-index:1}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:linear-gradient(180deg,#151a22,#11151b);border:1px solid #262e39;border-radius:17px;padding:20px;box-shadow:0 9px 24px #0004;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--gold2),var(--gold3))}.metric small,.metric span{display:block;color:#8f99a6}.metric b{display:block;font-size:26px;margin:8px 0;color:#fff}.panel{background:linear-gradient(180deg,#151a21,#11151b);border:1px solid #262e39;border-radius:18px;padding:20px;margin:18px 0;box-shadow:0 12px 28px #0003}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-head h3{margin:0;color:#fff}.panel-head span{color:#858f9d;font-size:13px}.bars{display:grid;gap:13px}.bar-row label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px;color:#d9dee5}.bar-row>div{height:9px;background:#262d37;border-radius:10px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#d99c08,#ffd35c);border-radius:10px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.search{flex:1;max-width:520px}.table-wrap{overflow:auto;padding:0;border-radius:14px;border:1px solid #272e38}.table-wrap table{min-width:760px}table{border-collapse:collapse;width:100%;background:#11151b}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #242b34;font-size:13px;color:#dfe4ea}th{background:#1b212a;color:#9ca6b3;position:sticky;top:0}tr:hover td{background:#151b23}td small{display:block;color:#7f8996;margin-top:4px}.pill{display:inline-block;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900;background:#242b34;color:#aeb6c1;border:1px solid #303844}.pill.ok,.pill.confirmed{background:#10251a;color:#58df8a;border-color:#25563a}.pill.pending{background:#2c240c;color:#ffd45c;border-color:#5d4a16}.pill.refused,.pill.expired,.pill.danger{background:#2a1517;color:#ff8d89;border-color:#5d292d}.stock-total{font-size:20px;font-weight:900;color:#ffc13b}
.modal{position:fixed;inset:0;background:#05070be8;z-index:100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{background:#12171e;width:min(720px,100%);max-height:92vh;overflow:auto;border-radius:20px;padding:24px;position:relative;border:1px solid #303844;box-shadow:0 25px 80px #000b}.modal-card.large{width:min(1000px,100%)}.modal-card h3{margin-top:0;color:#fff}.x{position:absolute;right:16px;top:12px;border:1px solid #333b47;background:#1c222b;color:#fff;width:34px;height:34px;border-radius:50%;font-size:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.withplus{display:flex;gap:6px}.withplus select{flex:1}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:18px}.product-card{background:linear-gradient(180deg,#171c24,#12161c);border:1px solid #2a323d;border-radius:18px;overflow:hidden;box-shadow:0 12px 26px #0004}.product-card img,.product-card .ph{width:100%;height:180px;object-fit:cover;background:radial-gradient(circle at 50% 45%,#33290f,#151a20 65%);display:grid;place-items:center;font-size:62px}.product-card>div:last-child{padding:16px}.product-card h3{margin:6px 0;color:#fff}.product-card p{color:#929ca9}.prices{display:flex;justify-content:space-between;align-items:end}.prices b{font-size:20px;color:#ffd155}.prices span{font-size:12px;color:#9199a5}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:16px}.list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #252c35}.list span small{display:block;color:#818b98;margin-top:4px}.list strong{color:#4ad27b}.inline{display:flex;gap:6px;align-items:center}.inline input{min-width:150px;padding:7px}.rep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.rep-card{background:linear-gradient(180deg,#171c24,#12161c);border:1px solid #2a323d;border-radius:18px;padding:20px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ffd358,#d89806);color:#181106;display:grid;place-items:center;font-weight:900}.rep-card h3{margin-bottom:3px;color:#fff}.rep-card p{color:#8d96a2}.rep-card>div:last-child{display:grid;gap:8px}.rep-card>div:last-child span{display:flex;justify-content:space-between}.sale-head{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.add-item{display:grid;grid-template-columns:2fr 1.2fr .5fr .6fr .8fr;gap:8px;align-items:end;margin:18px 0;padding:14px;background:#0d1117;border:1px solid #242b34;border-radius:13px}.cart{border:1px solid #2a313b;border-radius:13px;overflow:hidden;background:#0f1319}.cart-row{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #242b34}.cart-row>div{flex:1}.cart-row small{display:block;color:#8993a0;margin-top:3px}.cart-row button{border:1px solid #543035;background:#281517;color:#ff8d89;border-radius:50%;width:28px;height:28px}.empty-cart{padding:22px;text-align:center;color:#7f8995}.sale-total{display:flex;justify-content:flex-end;gap:20px;align-items:center;padding:18px}.sale-total b{font-size:24px;color:#ffd155}.notif-list{display:grid;gap:10px}.notif-item{display:flex;gap:13px;padding:14px;border:1px solid #29313c;border-radius:13px;background:#11161c}.notif-item.unread{border-color:#7c5d14;background:#221c0d}.notif-item p{margin:5px 0;color:#b3bbc5}.notif-item small{color:#818a96}.empty-state{text-align:center;padding:70px 20px;color:#7e8895;font-size:18px}.empty-state h3{color:#e5e9ef}.hint{padding:14px 16px;background:#231d0d;border:1px solid #5a4614;border-radius:12px;color:#e4c768}.check{display:flex!important;align-items:center;gap:9px}.check input{width:auto}.mini-search{max-width:300px}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.hamb{display:block}.cards{grid-template-columns:1fr 1fr}.hero{align-items:flex-start}.slogan{font-size:15px}.split{grid-template-columns:1fr}.sale-head,.add-item{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr}.brand-panel{padding:34px;min-height:360px}.login-card{padding:34px;border-left:0;border-top:1px solid #242b35}.login-logo{width:180px;margin-bottom:18px}}
@media(max-width:620px){.content{padding:14px}.cards{grid-template-columns:1fr;gap:10px}.metric{padding:14px}.metric b{font-size:20px}.hero{padding:20px;display:block}.hero h1{font-size:28px}.slogan{text-align:left;margin-top:20px}.grid2,.sale-head,.add-item{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.topbar{padding:0 14px}.panel{padding:14px}.login-page{padding:0}.login-shell{border-radius:0;min-height:100vh}.brand-panel{min-height:280px}.login-slogan{font-size:15px}.login-card{padding:28px 22px}.product-grid{grid-template-columns:1fr}}
@media print{body{background:#fff;color:#111}.sidebar,.topbar,.btn,.toolbar{display:none!important}.main{margin:0;width:100%;background:#fff}.content{padding:0}.panel{box-shadow:none;background:#fff;color:#111;border-color:#ddd}table{background:#fff}th,td{color:#111;border-color:#ddd}th{background:#f2f2f2}}

/* ===== V6 PRODUÇÃO / RESPONSIVO / MODULAR ===== */
.login-stage{width:min(1120px,100%);display:grid;gap:18px;justify-items:center}
.login-stage .login-shell{width:100%;min-height:650px;grid-template-columns:1.08fr .92fr}
.brand-panel{align-items:center!important;text-align:center;padding:58px!important}
.brand-center{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}
.login-logo{width:290px!important;max-width:78%;margin:0 auto 30px!important;border-radius:34px!important;filter:drop-shadow(0 18px 38px rgba(0,0,0,.72))}
.login-slogan{font-size:20px!important;line-height:1.35!important;font-weight:800!important;max-width:420px;color:#f4ca59!important;text-align:center}
.login-card{padding:52px!important}
.login-box{width:min(390px,100%)}
.login-title{text-align:center;font-size:28px;letter-spacing:.16em;margin:0 0 34px;color:#fff;font-weight:900}
.login-form label{margin-top:16px}
.login-footer,.system-footer{font-size:12px;color:#7f8996;text-align:center}
.login-footer a,.system-footer a{color:#d8ae3c;text-decoration:none;font-weight:800}
.login-footer a:hover,.system-footer a:hover{text-decoration:underline;color:#f3c95b}
.system-footer{padding:26px 18px 30px;border-top:1px solid #1f252e;margin-top:30px}
.main{display:flex;flex-direction:column}.content{width:100%;flex:1}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:15;backdrop-filter:blur(2px)}
.access-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.access-picker form{margin:0}.access-picker label{margin:0}
.access-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}.owner-builder{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.access-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #242b34}.access-row:last-child{border-bottom:0}.access-row .check{margin:0}.access-row .check span{line-height:1.25}.order-input{width:72px!important;padding:8px 9px!important;text-align:center}.access-check{padding:9px 0;margin:0!important;border-bottom:1px solid #242b34}.override-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:18px}.override-grid label{margin:0!important}.sticky-save{position:sticky;bottom:14px;z-index:8;margin:0 0 20px;box-shadow:0 12px 38px rgba(0,0,0,.55)}
.owner-config-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.owner-config-head form{min-width:280px}.owner-kicker{display:block;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:7px}

@media(max-width:980px){
  .login-stage{width:min(720px,100%)}.login-stage .login-shell{grid-template-columns:1fr;min-height:auto}.brand-panel{min-height:390px!important;padding:42px 28px!important}.login-logo{width:245px!important;margin-bottom:24px!important}.login-slogan{font-size:18px!important}.login-card{padding:42px 28px!important;border-left:0!important;border-top:1px solid #242b35!important}.login-title{margin-bottom:25px}
  .sidebar-backdrop.show{display:block}.sidebar{z-index:30;width:min(84vw,300px)}.sidebar.open{transform:none}.access-grid{grid-template-columns:1fr}.owner-builder{grid-template-columns:1fr}.access-picker{grid-template-columns:1fr}.override-grid{grid-template-columns:1fr}.owner-config-head{display:grid}.owner-config-head form{min-width:0;width:100%}
}
@media(max-width:620px){
  body{font-size:14px}.login-page{padding:0!important;display:block}.login-stage{width:100%;min-height:100dvh;gap:0}.login-stage .login-shell{min-height:calc(100dvh - 44px);border:0!important;border-radius:0!important;box-shadow:none!important}.brand-panel{min-height:310px!important;padding:30px 22px!important}.login-logo{width:220px!important;max-width:72vw!important;margin-bottom:18px!important}.login-slogan{font-size:16px!important;max-width:310px}.login-card{padding:30px 22px 36px!important;align-items:start}.login-box{width:100%;max-width:420px}.login-title{font-size:24px;margin-bottom:22px}.login-card input,input,select,textarea{font-size:16px;min-height:46px}.login-footer{padding:14px 12px 18px;background:#090b0f;font-size:10.5px;line-height:1.5}
  .content{padding:12px!important}.topbar{height:66px;padding:0 12px!important}.topbar h2{font-size:17px;margin:0 0 3px}.topbar small{font-size:11px}.hamb{min-width:42px;min-height:42px}.notif{font-size:20px}.hero{border-radius:16px!important;padding:18px!important;margin-bottom:12px!important}.hero h1{font-size:24px!important}.hero p{font-size:12px}.slogan{font-size:14px!important}.cards{grid-template-columns:1fr 1fr!important;gap:9px!important}.metric{padding:13px!important;border-radius:14px!important}.metric b{font-size:18px!important}.metric small,.metric span{font-size:10.5px}.panel{margin:12px 0!important;border-radius:15px!important;padding:12px!important}.panel-head{align-items:flex-start}.panel-head h3{font-size:16px}.panel-head span{font-size:11px}.toolbar{gap:8px!important}.toolbar .btn{width:100%}.table-wrap{margin-left:-2px;margin-right:-2px}.table-wrap table{min-width:680px}.product-grid{grid-template-columns:1fr!important;gap:12px!important}.modal{padding:0!important;align-items:end}.modal-card,.modal-card.large{width:100%!important;max-height:94dvh!important;border-radius:22px 22px 0 0!important;padding:20px 16px calc(20px + env(safe-area-inset-bottom))!important}.grid2,.sale-head,.add-item{grid-template-columns:1fr!important}.add-item{padding:10px!important}.cart-row{align-items:flex-start}.system-footer{padding:22px 12px calc(24px + env(safe-area-inset-bottom));font-size:10.5px}.access-row{grid-template-columns:1fr 58px}.order-input{width:58px!important}.btn{min-height:42px}.btn.tiny{min-height:34px}.side-brand img{width:54px;height:54px}.sidebar nav a{padding:12px;font-size:14px}
}
@media(max-width:390px){.cards{grid-template-columns:1fr!important}.login-logo{width:205px!important}.brand-panel{min-height:290px!important}}

/* ===== V7 ROBUSTO / INTERATIVO ===== */
a.metric-link{display:block;text-decoration:none;transition:.18s}a.metric-link:hover{transform:translateY(-2px);border-color:#6b5317;box-shadow:0 14px 34px #0006}.cards.compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.clickable-bars a.bar-row{display:block;text-decoration:none;padding:8px 10px;border-radius:10px;transition:.16s}.clickable-bars a.bar-row:hover{background:#171d25}.summary-list{display:grid;gap:8px}.summary-list>a{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;padding:12px 14px;border:1px solid #272e38;background:#10151b;border-radius:12px}.summary-list>a:hover{border-color:#6c5214;background:#181711}.summary-list small{color:#8993a0;font-weight:500}.clickable-row{cursor:pointer}.clickable-row a{text-decoration:none}.card-actions{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.card-actions form{margin:0}.stock-low{background:#27170d!important;box-shadow:inset 3px 0 0 #ff9b42}.stock-low b{color:#ffb36f}.mini-form{display:flex;gap:6px;align-items:center;margin-top:8px}.mini-form input{min-height:auto!important;width:80px!important;padding:7px 8px!important}.warn-text{color:#ffb74d}.inline-form{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end}.filters-inline,.report-filters{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.filters-inline select,.report-filters select,.report-filters input{min-width:150px}.report-filters label{margin:0!important;min-width:150px}.report-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.detail-panel{border-color:#5b4818}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.detail-grid>div{background:#0d1117;border:1px solid #252c35;border-radius:12px;padding:12px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:#8f99a6;margin-bottom:5px}.mini-progress{height:7px;background:#252d37;border-radius:99px;overflow:hidden;margin-top:6px}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#d99c08,#ffd35c)}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 0}.owner-preview{border-color:#6b5215}.preview-shell{display:grid;grid-template-columns:220px 1fr;border:1px solid #2d3440;border-radius:16px;overflow:hidden;background:#0b0e13;min-height:430px}.preview-menu{background:#090b0f;padding:18px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #242a33}.preview-menu b{margin-bottom:10px;color:#fff}.preview-menu span{font-size:12px;color:#b9c1cb;padding:8px;border-radius:8px;background:#11161d}.preview-main{padding:20px}.preview-block{border:1px dashed #3a424f;border-radius:12px;padding:16px;margin-top:12px;color:#aeb7c2}.preview-block p{margin:5px 0 0;color:#7f8996}.access-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.detail-grid{grid-template-columns:repeat(2,1fr)}.access-grid{grid-template-columns:1fr}.preview-shell{grid-template-columns:170px 1fr}}
@media(max-width:620px){.filters-inline,.report-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.filters-inline>* ,.report-filters>*{min-width:0!important;width:100%}.filters-inline .btn,.report-filters .btn{grid-column:1/-1}.inline-form{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.preview-shell{grid-template-columns:1fr}.preview-menu{border-right:0;border-bottom:1px solid #242a33;display:grid;grid-template-columns:1fr 1fr}.preview-menu b{grid-column:1/-1}.preview-main{padding:14px}.report-actions{flex-direction:column}.report-actions .btn{width:100%}.summary-list>a{padding:11px 12px}.mini-form{align-items:stretch}.mini-form input{width:72px!important}.inline{flex-wrap:wrap}.inline input{min-width:120px;flex:1}.product-card .card-actions .btn{flex:1}.product-card .card-actions form{flex:1}.product-card .card-actions form .btn{width:100%}}
.scope-badge{display:inline-flex;align-items:center;padding:10px 12px;border:1px solid #3a4655;border-radius:10px;background:#131922;color:#ffd15a;font-size:12px;font-weight:800;white-space:nowrap}

/* V9 - Permissões por abas + importação + consulta CNPJ */
.access-header{margin-bottom:10px}.access-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:4px;scrollbar-width:thin}.access-tabs a{white-space:nowrap;text-decoration:none;border:1px solid #2a323d;background:#11161d;color:#aeb7c2;padding:10px 14px;border-radius:11px;font-weight:800;font-size:13px}.access-tabs a:hover{color:#fff;border-color:#4b5666}.access-tabs a.active{background:linear-gradient(135deg,#ffd458,#d89b09);color:#171005;border-color:#e5aa1d}.access-section{max-width:1180px}.access-list{display:grid;gap:2px;margin-bottom:18px}.permission-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin-bottom:20px}.permission-item{display:flex!important;align-items:center;gap:11px;margin:0!important;padding:12px 13px;border:1px solid #27303a;background:#0f141a;border-radius:12px;cursor:pointer}.permission-item input{width:auto;min-height:auto}.permission-item span{display:grid;gap:3px}.permission-item b{color:#e7ebef;font-size:13px}.permission-item small{color:#687382;font-size:10px}.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.scope-grid label{background:#0f141a;border:1px solid #27303a;border-radius:13px;padding:14px;margin:0!important}.scope-grid b,.scope-grid small{display:block}.scope-grid small{color:#7f8996;margin:4px 0 10px}.user-exception-groups{display:grid;gap:10px;margin-bottom:18px}.user-exception-groups details{border:1px solid #27303a;background:#0e1319;border-radius:13px;padding:0 14px}.user-exception-groups summary{cursor:pointer;padding:13px 2px;font-weight:900;color:#e7ebef}.user-exception-groups .override-grid{padding:3px 0 15px}.import-help{padding:13px 15px;border:1px solid #544313;background:#211c0d;border-radius:12px;margin-bottom:16px}.import-help p{margin:6px 0 0;color:#c6b676}.import-upload{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.import-upload label{margin:0!important}.import-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.import-actions form{margin:0}.lookup-wrap{display:grid;grid-template-columns:1fr auto;gap:7px}.lookup-wrap .btn{min-width:122px}.lookup-feedback{display:block;min-height:18px;margin-top:5px;font-size:11px;color:#8d98a5}.lookup-feedback.loading{color:#f3c34a}.lookup-feedback.ok{color:#64df91}.lookup-feedback.error{color:#ff8f8a}
@media(max-width:760px){.permission-cards,.scope-grid{grid-template-columns:1fr}.import-upload{grid-template-columns:1fr}.import-upload .btn{width:100%}.import-actions{flex-direction:column}.import-actions .btn{width:100%}.lookup-wrap{grid-template-columns:1fr}.lookup-wrap .btn{width:100%}.access-tabs{margin-left:-2px;margin-right:-2px}.access-tabs a{padding:10px 12px}}

.delivery-unit-box{margin:16px 0;padding:14px;border:1px solid var(--line,#303844);border-radius:12px}.delivery-unit-box small{display:block;margin:4px 0 10px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.delivery-unit-box .check{padding:8px;background:rgba(255,255,255,.025);border-radius:8px}
.stock-choice-box{margin:10px 0 14px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.03)}
.stock-choice-title{margin-bottom:10px;font-size:14px}.stock-choice-title b{color:#f2c14e;font-size:18px}.stock-actions{display:flex;gap:8px;flex-wrap:wrap}.factory-order{border-color:#f2c14e!important;color:#f2c14e!important}.sale-product-picker{grid-template-columns:minmax(260px,1fr) 90px 90px!important}.stock-choice-box .hint{margin:8px 0 0}.stock-total{font-size:20px;font-weight:800}.modal-card.large .table-wrap{max-height:60vh}
@media(max-width:700px){.sale-product-picker{grid-template-columns:1fr 1fr!important}.sale-product-picker select{grid-column:1/-1}.stock-actions{display:grid;grid-template-columns:1fr}.stock-actions .btn{width:100%}.stock-choice-box{padding:12px}}


/* V11 - Estoque simplificado e decisão clara na venda */
.stock-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stock-legend{display:flex;gap:18px;align-items:center;margin:-4px 0 14px;color:#8e98a5;font-size:11px}.stock-legend span{display:flex;gap:6px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.available{background:#62d58a}.dot.reserved{background:#e1ad35}.stock-cell b,.stock-cell small{display:block}.stock-cell small{margin-top:4px;color:#8f99a6}.full-search{width:100%;margin:10px 0 12px}.min-stock-wrap{max-height:55vh}.min-input{width:78px!important;min-height:38px!important;padding:7px!important}.stock-choice-box{display:grid;gap:9px;margin:10px 0 14px}.stock-choice-title{font-weight:900;color:#fff;margin-bottom:2px}.stock-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f8996;margin:7px 2px 0}.stock-decision{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #29323d;background:#10161d;border-radius:12px}.stock-decision.own-store{border-color:#33483a}.stock-decision.factory{border-color:#5d4918;background:#19170e}.stock-decision-head b,.stock-decision-head small{display:block}.stock-decision-head small{margin-top:4px;color:#8e99a5}.stock-empty-line{padding:10px 12px;border:1px dashed #303945;border-radius:10px;color:#7f8996;font-size:12px}.factory-order{background:linear-gradient(135deg,#ffd458,#d99b09)!important;color:#1a1204!important;border-color:#e2aa26!important;font-weight:900}
@media(max-width:720px){.stock-head-actions{width:100%;display:grid;grid-template-columns:1fr}.stock-head-actions .btn{width:100%}.stock-decision{align-items:flex-start;flex-direction:column}.stock-decision .btn{width:100%}}

/* V12 - sinal, saldo na entrega e preços por condição de pagamento */
.signal-box{grid-column:1/-1;grid-template-columns:1fr 1.2fr;gap:14px;align-items:end;padding:14px;border:1px solid #5b4918;background:#1a170d;border-radius:14px;margin-top:6px}.signal-box label{margin:0!important}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-summary span{display:block;padding:10px 12px;border:1px solid #303844;background:#0e1319;border-radius:10px;color:#98a2af;font-size:11px}.payment-summary b{display:block;color:#fff;font-size:15px;margin-top:4px}.payment-summary .balance{border-color:#6b5016;background:#211b0d}.payment-summary .balance b{color:#ffd15a}.delivery-balance-box{padding:13px 14px;border:1px solid #6a5016;background:#211b0d;border-radius:12px;color:#c7b570;margin-bottom:10px}.delivery-balance-box b{display:block;color:#ffd15a;font-size:22px;margin-top:4px}.percent-input{display:flex;align-items:center;gap:6px}.percent-input input{min-width:90px}.percent-input span{font-weight:900;color:#c8d0da}.sale-head{align-items:start}
@media(max-width:760px){.signal-box{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr}.payment-summary span{padding:9px 10px}}

/* V13 - Cliente final/Revenda e venda mais limpa */
.sale-head{grid-template-columns:2fr 1fr 1fr;align-items:start}
.sale-head label{margin-top:0}
.sale-head .hint,.sale-head small.hint{display:block;margin-top:6px;padding:0;background:transparent;border:0;border-radius:0;color:#8f99a6;font-size:11px;min-height:16px}
.sale-product-picker{grid-template-columns:minmax(280px,1fr) 90px minmax(210px,260px)!important;align-items:end}
.discount-inline{display:block}.discount-inline label{margin:0 0 4px!important}.discount-inline small{display:block;color:#8f99a6;font-size:10px;line-height:1.25}
.payment-after-products{margin:4px 0 14px;padding:14px;border:1px solid #2b333e;background:#10151c;border-radius:14px}.payment-after-products>label{margin:0!important}.payment-after-products .signal-box{margin-top:12px}
.actions-cell{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.actions-cell form{margin:0}
@media(max-width:760px){.sale-head,.sale-product-picker{grid-template-columns:1fr!important}.discount-inline{grid-column:1/-1}.payment-after-products{padding:12px}}

.test-mode-banner{border:1px solid #d4a72c;background:#2a230f;color:#ffe082}.test-mode-banner b{color:#ffd54f}.test-delete-form{display:inline-flex;margin-left:4px}.actions-cell .test-delete-form{display:inline-flex}

/* V20 - Nova venda alinhada + cadastros globais */
.shared-register-note{display:flex;align-items:center;gap:10px;margin:12px 0 14px;padding:11px 13px;border:1px solid #2d3a45;background:#101821;border-radius:12px;color:#8f9aa7;font-size:12px}.shared-register-note b{color:#e8edf2;white-space:nowrap}.shared-register-note span{line-height:1.35}
.sale-head{grid-template-columns:minmax(0,2fr) minmax(210px,1fr) minmax(180px,1fr)!important;gap:14px!important;align-items:stretch!important;margin-bottom:14px}.sale-head>label{display:flex;flex-direction:column;margin:0!important;min-width:0}.sale-head>label>select,.sale-head .withplus{margin-top:6px}.sale-head .withplus{min-height:46px}.sale-head .withplus select,.sale-head>label>select{height:46px}.sale-head .hint,.sale-head small.hint{min-height:31px!important;line-height:1.35;margin-top:6px!important}
.sale-product-section{margin:12px 0 14px;padding:14px;border:1px solid #29323d;background:#0d1218;border-radius:14px}.sale-product-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#8f99a6;font-weight:900;margin-bottom:10px}.sale-product-picker{margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;grid-template-columns:minmax(320px,1fr) 110px minmax(220px,270px)!important;gap:12px!important;align-items:end!important}.sale-product-picker>label,.sale-product-picker .discount-inline{margin:0!important;min-width:0}.sale-product-picker select,.sale-product-picker input{height:46px}.sale-product-picker .discount-inline label{display:flex;flex-direction:column;gap:6px}.sale-product-picker .discount-inline small{min-height:26px;margin-top:5px}.stock-choice-box{margin-top:0!important}.stock-decision{min-height:72px}.stock-decision>.btn{min-width:190px}.cart{margin-top:12px}.payment-after-products{margin-top:10px!important}
@media(max-width:900px){.sale-head{grid-template-columns:1fr 1fr!important}.sale-head>label:first-child{grid-column:1/-1}.sale-product-picker{grid-template-columns:1fr 110px!important}.sale-product-picker .discount-inline{grid-column:1/-1}}
@media(max-width:620px){.shared-register-note{align-items:flex-start;flex-direction:column;gap:4px}.sale-head,.sale-product-picker{grid-template-columns:1fr!important}.sale-head>label:first-child,.sale-product-picker .discount-inline{grid-column:auto}.sale-head .hint,.sale-head small.hint{min-height:0!important}.sale-product-section{padding:12px}.stock-decision>.btn{min-width:0;width:100%}}

/* V21 - feedback inline no estoque mínimo */
.stock-min-form{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.stock-min-form input{min-width:76px}
.stock-min-form .inline-save-status{font-size:11px;min-width:54px;white-space:nowrap;opacity:.85}
.stock-min-form .inline-save-status.ok{color:#86d993}

/* V22 - retorno inline do estoque mínimo */
.inline-save-status{display:block;margin-top:4px;font-size:11px;min-height:14px}.inline-save-status.ok{color:#75d68a}.inline-save-status.error{color:#ff7b7b}

/* V24 - Nova Venda redesenhada e estruturada */
.sale-modal-card{width:min(1080px,96vw)!important;padding:26px 28px 24px!important;overflow:auto}.sale-modal-title{display:flex;align-items:flex-start;justify-content:space-between;padding-right:44px;margin-bottom:18px}.sale-modal-title h3{font-size:22px;margin:0 0 4px!important}.sale-modal-title small{color:#8f99a6;font-size:12px}.sale-block{margin:0 0 14px;padding:16px;border:1px solid #29323d;background:linear-gradient(180deg,#111720,#0d1218);border-radius:15px}.sale-block-main{background:linear-gradient(180deg,#121922,#0f141b)}.sale-block-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sale-block-title>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#2a230f;border:1px solid #6a5016;color:#ffd45d;font-size:12px;font-weight:900;flex:0 0 26px}.sale-block-title>div{min-width:0}.sale-block-title b{display:block;color:#f3f5f7;font-size:14px}.sale-block-title small{display:block;color:#7f8996;font-size:11px;margin-top:2px}.sale-head{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(210px,.9fr) minmax(190px,.8fr)!important;gap:14px!important;align-items:start!important;margin:0!important}.sale-head>label{display:flex!important;flex-direction:column!important;margin:0!important;min-width:0}.sale-head>label>select,.sale-head .withplus{margin-top:7px!important}.sale-head .withplus{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:7px;min-height:46px}.sale-head .withplus select,.sale-head>label>select{height:46px!important;min-height:46px}.sale-head .btn.plus{height:46px;min-height:46px;padding:0;font-size:22px}.sale-field-help{display:block;min-height:30px;margin-top:6px;color:#8994a1;font-size:10.5px;line-height:1.35;font-weight:600}.sale-product-picker{display:grid!important;grid-template-columns:minmax(0,1fr) 110px minmax(210px,250px)!important;gap:12px!important;align-items:start!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}.sale-product-picker>label,.sale-product-picker .discount-inline{margin:0!important;min-width:0}.sale-product-picker label{margin:0!important}.sale-product-picker select,.sale-product-picker input{height:46px!important;margin-top:7px}.sale-product-picker .discount-inline label{display:flex;flex-direction:column}.sale-product-picker .discount-inline small{display:block;min-height:28px;margin-top:6px;color:#8994a1;font-size:10px;line-height:1.3}.stock-choice-box{margin:14px 0 0!important;padding:13px!important}.stock-choice-box>.hint{margin:0!important}.stock-decision{min-height:64px!important}.sale-cart-block{padding-bottom:14px}.sale-cart-title{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center}.sale-cart-title>span{grid-column:1}.sale-cart-title>div:not(.sale-total){grid-column:2}.sale-total-top{grid-column:3;margin:0!important;padding:0!important;display:flex!important;flex-direction:column;align-items:flex-end!important;gap:2px!important;min-width:150px}.sale-total-top small{color:#8f99a6!important;font-size:11px!important}.sale-total-top b{font-size:23px!important;color:#ffd155!important}.cart{margin:0!important;min-height:58px}.cart .empty-cart{padding:17px}.payment-after-products{margin:0 0 14px!important;padding:16px!important}.payment-after-products>label{margin:0!important;max-width:420px}.payment-after-products>label select{margin-top:7px}.signal-box{margin-top:14px!important}.sale-footer{position:sticky;bottom:-24px;margin:0 -28px -24px;padding:14px 28px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(300px,430px);justify-content:end;align-items:center;gap:18px;background:linear-gradient(180deg,rgba(15,20,27,.9),#11161d 32%);border-top:1px solid #29323d;backdrop-filter:blur(12px);z-index:5}.sale-footer-total{text-align:right;min-width:150px}.sale-footer-total small{display:block;color:#8994a1;font-size:11px}.sale-footer-total b{display:block;color:#ffd155;font-size:21px;margin-top:2px}.sale-finish{width:100%;min-height:48px;font-size:14px;letter-spacing:.02em}.sale-modal-card .x{z-index:8}
@media(max-width:900px){.sale-modal-card{width:min(860px,96vw)!important}.sale-head{grid-template-columns:1fr 1fr!important}.sale-head>label:first-child{grid-column:1/-1}.sale-product-picker{grid-template-columns:minmax(0,1fr) 100px!important}.sale-product-picker .discount-inline{grid-column:1/-1}.sale-footer{grid-template-columns:1fr 1.4fr}}
@media(max-width:620px){.sale-modal-card{padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important}.sale-modal-title{padding-right:40px;margin-bottom:14px}.sale-modal-title h3{font-size:20px}.sale-block{padding:13px;margin-bottom:11px}.sale-head,.sale-product-picker{grid-template-columns:1fr!important}.sale-head>label:first-child,.sale-product-picker .discount-inline{grid-column:auto}.sale-field-help,.sale-product-picker .discount-inline small{min-height:0}.sale-cart-title{grid-template-columns:26px minmax(0,1fr)}.sale-total-top{grid-column:1/-1;align-items:flex-start!important;margin:8px 0 0 36px!important}.sale-footer{position:static;margin:0;padding:0;grid-template-columns:1fr;gap:10px;background:none;border:0;backdrop-filter:none}.sale-footer-total{text-align:right;padding:4px 2px}.sale-finish{min-height:50px}.stock-decision{align-items:flex-start!important}.payment-summary{grid-template-columns:1fr!important}}


/* V32 - Financeiro explícito + pendências em destaque */
.finance-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.finance-nav .btn{text-decoration:none}.finance-alert{border-color:#6b5215!important}.financial-pending{border-color:#7a5a13!important;background:#221b0b!important}.financial-pending b{color:#ffd155!important;font-size:18px}.financial-pending small:last-child{color:#ffca62!important}.detail-grid .financial-pending{box-shadow:inset 3px 0 0 #e4a910}
@media(max-width:620px){.finance-nav{display:grid;grid-template-columns:1fr 1fr}.finance-nav .btn{width:100%}.finance-nav .btn:first-child{grid-column:1/-1}}

.clickable-card{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.clickable-card:hover{transform:translateY(-2px);border-color:#d9a900}.clickable-card span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.filter-note{margin:10px 0 14px;padding:10px 14px;border:1px solid #4a3a00;border-radius:10px;background:#171408}.filter-note a{margin-left:10px;color:#f5c518}

/* V35 - Pós-venda operacional */
.after-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.after-detail .inset,.after-treatment{margin-top:14px}.evidence-links{display:flex;gap:8px;flex-wrap:wrap}.photo-strip{display:flex;gap:10px;flex-wrap:wrap}.photo-strip img{width:120px;height:90px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.timeline{display:flex;flex-direction:column;gap:10px}.timeline-item{border-left:3px solid #e9b20f;padding:10px 14px;background:rgba(255,255,255,.02);border-radius:8px}.timeline-item>b{display:block}.timeline-item>span,.timeline-item>small{display:block;color:var(--muted);margin-top:3px}.timeline-item p{margin:8px 0 0}.after-treatment textarea{min-height:88px}@media(max-width:760px){.after-columns{grid-template-columns:1fr}.photo-strip img{width:92px;height:72px}}

/* V36 — Painel do Pós-venda */
.aftersales-metric{position:relative;overflow:hidden}
.aftersales-metric:after{content:'›';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--gold,#f5b900);opacity:.9}
.aftersales-metric span{color:var(--gold,#f5b900);font-weight:700}
.aftersales-dashboard-list{margin-top:18px}
.compact-empty{padding:24px;text-align:center}
@media(max-width:760px){.aftersales-dashboard-list table{min-width:780px}}


/* Dashboard organizado por módulo */
.dashboard-module{margin:20px 0 26px}
.dashboard-module-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 10px;padding-bottom:9px;border-bottom:1px solid #252d37}
.dashboard-module-head h3{margin:0;color:#fff;font-size:17px}
.dashboard-module-head span{font-size:11px;color:#8290a3}
.dashboard-module .cards{margin:0}
@media(max-width:760px){.dashboard-module{margin:14px 0 20px}.dashboard-module-head{align-items:flex-start;flex-direction:column;gap:2px}.dashboard-module-head h3{font-size:15px}}
.goal-card{display:flex;flex-direction:column;gap:7px;min-height:150px}
.goal-card>span{white-space:normal}
.goal-values{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:3px}
.goal-values em{font-style:normal;font-size:11px;color:#aab5c4}
.goals-dashboard-cards .mini-progress{margin-top:auto}