:root{--black:#101114;--yellow:#ffc400;--bg:#f4f5f7;--white:#fff;--muted:#68707d;--border:#e2e5ea;--danger:#c62828}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--black)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#0d0e10,#24262b)}.login-card{width:min(420px,100%);background:#fff;padding:34px;border-radius:22px;box-shadow:0 20px 60px #0007}.brand{font-size:25px;font-weight:800}.brand span{color:#dca900}.login-card h1{margin:28px 0 8px}.login-card p{color:var(--muted);margin:0 0 24px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#e0aa00;box-shadow:0 0 0 3px #ffc40025}.primary,.secondary{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:var(--yellow);color:#111}.secondary{background:#1c1e22;color:#fff}.login-card .primary{width:100%;margin-top:18px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#111216;color:#fff;padding:24px 17px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:4px 10px 28px}.sidebar nav{display:grid;gap:8px}.nav-btn,.logout{border:0;background:transparent;color:#c8ccd3;padding:13px;text-align:left;border-radius:10px;cursor:pointer;font-weight:700}.nav-btn i,.logout i{width:26px}.nav-btn:hover,.nav-btn.active{background:#ffc400;color:#111}.logout{margin-top:auto}.app main{margin-left:250px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}.topbar div{display:flex;flex-direction:column}.topbar span{font-size:12px;color:var(--muted);margin-top:3px}.menu-btn{display:none;border:0;background:none;font-size:22px}.page{display:none;padding:28px}.page.active{display:block}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:22px}.panel h2{margin:0 0 20px;font-size:19px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:22px 0}.cards article{background:#fff;padding:20px;border:1px solid var(--border);border-radius:15px}.cards span{display:block;color:var(--muted);font-size:13px}.cards strong{display:block;font-size:22px;margin-top:9px}.filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.inline-filters{background:#fff;padding:16px;border:1px solid var(--border);border-radius:15px}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.full{grid-column:1/-1}.actions{display:flex;gap:15px;align-items:center}.message{display:block;min-height:18px;color:var(--danger);font-size:13px}.message.success{color:#18823a}.panel-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}th{background:#f7f8fa}.delete-btn{border:0;background:#ffebee;color:#b71c1c;padding:8px 10px;border-radius:8px;cursor:pointer}.chart-wrap{height:330px}.toast{position:fixed;right:24px;bottom:24px;background:#111;color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app main{margin-left:0}.menu-btn{display:block;margin-right:14px}.page{padding:16px}.grid-form,.filters{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.topbar{padding:0 16px}.panel{padding:17px}}

.receipt-option{display:flex!important;align-items:center;gap:10px;font-weight:600;color:#333;background:#fff8d8;border:1px solid #f1d45a;border-radius:10px;padding:12px 14px}.receipt-option input{width:18px!important;height:18px!important;margin:0}.print-btn{border:0;background:#111;color:#ffd600;width:34px;height:34px;border-radius:8px;cursor:pointer;margin-right:6px}.print-btn:hover{transform:translateY(-1px)}

.commission-note{margin:-12px 0 0;color:var(--muted);font-size:13px;font-weight:500}.commission-filter{grid-template-columns:minmax(220px,320px);margin-top:18px}.commission-cards{grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.commission-cards{grid-template-columns:1fr}.panel-head{align-items:flex-start;gap:15px;flex-wrap:wrap}}
.edit-btn{border:0;background:#e8f1ff;color:#1457a6;padding:8px 10px;border-radius:8px;cursor:pointer;margin-right:6px}.edit-modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:18px;z-index:100}.edit-card{background:#fff;width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:22px}.edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.edit-head h2{margin:0}.edit-close{border:0;background:#eee;width:36px;height:36px;border-radius:50%;font-size:25px;cursor:pointer}
.edit-main{background:#ffc400;color:#111;font-weight:800;white-space:nowrap;padding:9px 12px}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:2;background:#fff}.table-wrap th:first-child{background:#f7f8fa;z-index:3}

.field-help{display:block;margin-top:6px;color:#777;font-size:12px}.product-thumb{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eee}.site-actions{display:flex;gap:6px;flex-wrap:wrap}.site-actions button{border:0;border-radius:8px;padding:7px 9px;cursor:pointer;font-weight:700}.site-actions .publish{background:#dff6e7;color:#14733a}.site-actions .hide{background:#eee;color:#333}.site-actions .reserve{background:#fff0c7;color:#805b00}.site-actions .price{background:#e7efff;color:#214f9c}

.thumb-stack{display:grid;gap:4px;justify-items:center}.thumb-stack small{white-space:nowrap;font-size:11px;color:#666}

.edit-photo-list{display:flex;gap:10px;flex-wrap:wrap;padding:10px;background:#f7f8fa;border-radius:12px}.edit-photo-list img{width:88px;height:88px;object-fit:cover;border-radius:10px;border:1px solid #ddd}

.delete-product-site{background:#c62828!important;color:#fff!important;border:0!important;padding:12px 16px!important;border-radius:9px!important;font-weight:800!important;cursor:pointer}.delete-product-site:hover{background:#a91f1f!important}.delete-product-site:disabled{opacity:.65;cursor:not-allowed}


/* Dashboard e catálogo — visual organizado */
#page-dashboard .cards{grid-template-columns:repeat(3,minmax(210px,1fr));gap:16px}
#page-dashboard .cards article{position:relative;overflow:hidden;min-height:116px;padding:22px 22px 20px;border-radius:18px;box-shadow:0 8px 24px rgba(17,18,22,.06);border:1px solid #e7e9ee}
#page-dashboard .cards article:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#ffc400}
#page-dashboard .cards span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
#page-dashboard .cards strong{font-size:25px;line-height:1.15;margin-top:12px}
#page-dashboard .panel{border-radius:18px;box-shadow:0 8px 24px rgba(17,18,22,.05)}

.products-table-wrap{max-height:68vh;border:1px solid var(--border);border-radius:15px;background:#fff}
.products-table{min-width:1080px;border-collapse:separate;border-spacing:0}
.products-table thead th{position:sticky;top:0;z-index:6;height:50px;background:#17191d;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.045em;border-bottom:0}
.products-table thead th:first-child{left:0;z-index:8;background:#17191d}
.products-table tbody td{height:82px;vertical-align:middle;background:#fff}
.products-table tbody tr:hover td{background:#fafbfc}
.products-table tbody td:first-child{z-index:4;background:#fff}
.products-table .col-price{background:#137a3d}
.products-table .col-cost{background:#b3261e}
.products-table .col-profit{background:#9a6500}
.products-table .col-margin{background:#1769aa}
.products-table .col-actions{text-align:center;min-width:240px}
.cell-price,.cell-cost,.cell-profit,.cell-margin{font-weight:800;text-align:center;border-left:4px solid #fff;border-right:4px solid #fff;border-radius:10px;background-clip:padding-box}
.cell-price{background:#dcf7e6!important;color:#116b36}
.cell-cost{background:#ffe2e0!important;color:#a51f18}
.cell-profit{background:#fff2c8!important;color:#775000}
.cell-margin{background:#dceeff!important;color:#12598f}
.cell-profit.negative,.cell-margin.negative{background:#ffe2e0!important;color:#a51f18}
.site-actions{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:7px;min-width:210px}
.site-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:8px 10px!important;border-radius:9px!important;font-size:12px;transition:.18s}
.site-actions button:hover{transform:translateY(-1px);filter:brightness(.97)}
.site-actions .edit-main{background:#ffc400;color:#111}
.site-actions .publish{background:#dff6e7;color:#14733a}
.site-actions .hide{background:#edf0f3;color:#34383f}
.site-actions .reserve{background:#fff0c7;color:#805b00}
.status-pill{min-width:88px;justify-content:center}

@media(max-width:1100px){#page-dashboard .cards{grid-template-columns:repeat(2,minmax(200px,1fr))}}
@media(max-width:760px){#page-dashboard .cards{grid-template-columns:1fr}.products-table-wrap{max-height:70vh}.site-actions{grid-template-columns:1fr;min-width:105px}.site-actions button span{display:none}.site-actions button{min-width:42px}.products-table .col-actions{min-width:120px}}

/* ===== CellTech Panamby — tema profissional premium ===== */
:root{
  --black:#090c10;
  --yellow:#f6c400;
  --bg:#0d1117;
  --white:#fff;
  --muted:#8d97a5;
  --border:#252c35;
  --danger:#ef4444;
  --surface:#141a21;
  --surface-2:#181f28;
  --surface-3:#202832;
}
body{background:var(--bg);color:#edf1f6}
.app{background:radial-gradient(circle at 85% 0%,rgba(246,196,0,.055),transparent 26%),#0d1117}
.sidebar{width:228px;background:linear-gradient(180deg,#080b0f 0%,#0d1218 100%);border-right:1px solid #202730;padding:24px 15px}
.sidebar .brand{font-size:22px;line-height:1.05;padding:4px 12px 30px}.sidebar .brand span{display:block;margin-top:4px;color:var(--yellow)}
.sidebar nav{gap:6px}.nav-btn,.logout{color:#aeb7c2;border:1px solid transparent;padding:13px 14px;border-radius:11px;font-weight:600}.nav-btn:hover{background:#171d25;color:#fff;border-color:#252e38}.nav-btn.active{background:linear-gradient(135deg,#ffd21a,#eeb500);color:#111;box-shadow:0 8px 24px rgba(246,196,0,.18)}
.logout:hover{background:#241519;color:#ff7777;border-color:#532329}
.app main{margin-left:228px}.topbar{height:72px;background:rgba(13,17,23,.92);backdrop-filter:blur(16px);border-bottom:1px solid #252c35;padding:0 30px}.topbar strong{font-size:17px;color:#fff}.topbar span{color:#7d8794}
.page{padding:28px 30px 36px}.panel{background:linear-gradient(180deg,#151b22,#12171e);border:1px solid #272f39;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.15)}.panel h2{color:#f7f9fb}
.dashboard-intro{display:flex;justify-content:space-between;align-items:end;margin:2px 0 22px}.dashboard-intro .eyebrow{display:block;color:#f6c400;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.dashboard-intro h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.035em}.dashboard-intro p{margin:0;color:#8e98a5;font-size:14px}
#page-dashboard .dashboard-cards{grid-template-columns:repeat(5,minmax(178px,1fr));gap:14px;margin:0 0 22px}
#page-dashboard .dashboard-cards .kpi{position:relative;min-height:150px;padding:20px;border:1px solid #29323d;background:linear-gradient(150deg,#171e26,#11171d);border-radius:17px;box-shadow:0 12px 36px rgba(0,0,0,.17);overflow:hidden;transition:.2s}
#page-dashboard .dashboard-cards .kpi:hover{transform:translateY(-2px);border-color:#3a4654}
#page-dashboard .dashboard-cards .kpi:before{display:none}
.kpi:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-44px;top:-48px;background:var(--kpi-color);opacity:.08}
.kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--kpi-color) 15%,transparent);color:var(--kpi-color);font-size:16px;margin-bottom:17px;border:1px solid color-mix(in srgb,var(--kpi-color) 22%,transparent)}
#page-dashboard .dashboard-cards .kpi span{color:var(--kpi-color);font-size:10px;font-weight:800;letter-spacing:.065em;text-transform:uppercase;padding-right:35px}
#page-dashboard .dashboard-cards .kpi strong{color:#fff;font-size:22px;letter-spacing:-.025em;margin-top:9px;white-space:nowrap}
.kpi small{display:block;margin-top:7px;color:#7e8996;font-size:11px}.kpi-blue{--kpi-color:#4a9cff}.kpi-violet{--kpi-color:#b070ff}.kpi-cyan{--kpi-color:#42c8d7}.kpi-amber{--kpi-color:#f3b940}.kpi-emerald{--kpi-color:#42ca79}.kpi-orange{--kpi-color:#ff8b3d}
#page-dashboard .panel{padding:23px 24px}#page-dashboard .panel h2{font-size:16px;margin-bottom:16px}.chart-wrap{height:300px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);border-radius:12px}
input,select,textarea{background:#10161d;color:#eef2f7;border-color:#303945}input::placeholder,textarea::placeholder{color:#697481}input:focus,select:focus,textarea:focus{border-color:#caa000;box-shadow:0 0 0 3px rgba(246,196,0,.13)}label{color:#c9d0d8}.inline-filters{background:#141a21;border-color:#28313b}.secondary{background:#252d37;color:#fff;border:1px solid #343e4a}.primary{background:linear-gradient(135deg,#ffd21a,#eeb500)}
/* Produtos: tabela sóbria e fácil de ler */
.products-table-wrap{border-color:#2a333e;background:#10151b;max-height:70vh}.products-table thead th{background:#1d242c;color:#d8dee6;border-bottom:1px solid #313b46;height:52px}.products-table thead th:first-child{background:#1d242c}.products-table tbody td{background:#11171e;color:#dce2e9;border-bottom-color:#252d36;height:78px}.products-table tbody tr:hover td{background:#171e26}.products-table tbody td:first-child{background:#11171e}.products-table tbody tr:hover td:first-child{background:#171e26}
.products-table .col-price{background:#143b28}.products-table .col-cost{background:#45201f}.products-table .col-profit{background:#173924}.products-table .col-margin{background:#403516}
.cell-price,.cell-cost,.cell-profit,.cell-margin{border:0!important;border-radius:0!important;background:transparent!important;text-align:left;padding-left:18px!important}.cell-price{color:#58da87}.cell-cost{color:#ff7770}.cell-profit{color:#60d98b}.cell-margin{color:#f5c94e}.cell-profit.negative,.cell-margin.negative{background:transparent!important;color:#ff7770}
.product-thumb{border-color:#39434f;background:#1d252e}.thumb-stack small{color:#76818d}.status-pill{background:#202a34;color:#c8d0d9;border:1px solid #34404c;min-width:82px}.site-actions{display:flex;flex-wrap:nowrap;justify-content:center;min-width:245px}.site-actions button{min-width:42px!important;width:42px;padding:0!important;font-size:0;border:1px solid #343e49!important;background:#202730!important;color:#cbd3dc!important}.site-actions button i{font-size:13px}.site-actions .edit-main{color:#71aaff!important}.site-actions .publish{color:#58d888!important}.site-actions .hide{color:#abb4bf!important}.site-actions .reserve{color:#f3c64e!important}.site-actions button:hover{background:#2a333d!important;border-color:#465362!important}.site-actions button span{display:none}
.panel-head .commission-note{color:#87919d}.message.success{color:#57d584}.table-wrap table:not(.products-table) th{background:#202731;color:#dce2e8}.table-wrap table:not(.products-table) td{color:#cbd2da;border-color:#2a323c}.edit-card{background:#151b22;color:#fff;border:1px solid #303945}.edit-close{background:#252d36;color:#fff}.edit-photo-list{background:#10161c}.receipt-option{background:#2a2411;border-color:#5c4c14;color:#e9d78f}
@media(max-width:1250px){#page-dashboard .dashboard-cards{grid-template-columns:repeat(3,minmax(190px,1fr))}}
@media(max-width:900px){#page-dashboard .dashboard-cards{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:760px){.app main{margin-left:0}.page{padding:20px 15px}.dashboard-intro h1{font-size:25px}#page-dashboard .dashboard-cards{grid-template-columns:1fr}.site-actions{min-width:200px}.topbar{padding:0 16px}}


/* =========================================================
   TEMA CLARO PADRÃO + ALTERNADOR
========================================================= */
.theme-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 13px;border:1px solid #dce1e7;border-radius:11px;background:#fff;color:#343a43;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 5px 16px rgba(17,24,39,.06);transition:.2s}
.theme-toggle:hover{transform:translateY(-1px);border-color:#c5ccd5}.theme-toggle i{color:#b38700;font-size:14px}
.login-theme-toggle{position:fixed;top:20px;right:20px;width:42px;padding:0;z-index:5}.login-theme-toggle span{display:none}

body:not(.dark-theme){--bg:#f4f6f9;--white:#fff;--border:#e2e6ec;color:#15191f;background:#f4f6f9}
body:not(.dark-theme) .app{background:radial-gradient(circle at 90% 0%,rgba(246,196,0,.08),transparent 25%),#f4f6f9}
body:not(.dark-theme) .sidebar{background:linear-gradient(180deg,#101419,#171d24);border-right:1px solid #222a33}
body:not(.dark-theme) .app main{background:transparent}
body:not(.dark-theme) .topbar{background:rgba(255,255,255,.94);border-bottom-color:#e2e6ec;box-shadow:0 4px 20px rgba(16,24,40,.04)}
body:not(.dark-theme) .topbar strong{color:#171b21}body:not(.dark-theme) .topbar span{color:#707985}
body:not(.dark-theme) .page{color:#171b21}
body:not(.dark-theme) .dashboard-intro h1,body:not(.dark-theme) .panel h2{color:#171b21}
body:not(.dark-theme) .dashboard-intro p,body:not(.dark-theme) .panel-head .commission-note{color:#6f7884}
body:not(.dark-theme) .eyebrow{color:#a17600}
body:not(.dark-theme) .panel{background:#fff;border-color:#e1e6ec;box-shadow:0 12px 35px rgba(17,24,39,.055)}
body:not(.dark-theme) #page-dashboard .dashboard-cards .kpi{background:linear-gradient(155deg,#fff,#fafbfc);border-color:#e2e7ed;box-shadow:0 9px 28px rgba(17,24,39,.055)}
body:not(.dark-theme) #page-dashboard .dashboard-cards .kpi:hover{border-color:#cfd6de;box-shadow:0 14px 34px rgba(17,24,39,.08)}
body:not(.dark-theme) .kpi span{color:#697381}body:not(.dark-theme) .kpi strong{color:#171b21}body:not(.dark-theme) .kpi small{color:#9199a3}
body:not(.dark-theme) .chart-wrap{background:linear-gradient(180deg,#fafbfc,#fff)}
body:not(.dark-theme) input,body:not(.dark-theme) select,body:not(.dark-theme) textarea{background:#fff;color:#1c2128;border-color:#dce2e8}
body:not(.dark-theme) input::placeholder,body:not(.dark-theme) textarea::placeholder{color:#9aa2ac}
body:not(.dark-theme) label{color:#343b44}
body:not(.dark-theme) .inline-filters{background:#fafbfc;border-color:#e2e7ed}
body:not(.dark-theme) .secondary{background:#20252c;color:#fff;border-color:#20252c}
body:not(.dark-theme) .products-table-wrap{border-color:#e0e5eb;background:#fff}
body:not(.dark-theme) .products-table thead th{background:#20252c;color:#fff;border-bottom-color:#20252c}
body:not(.dark-theme) .products-table thead th:first-child{background:#20252c}
body:not(.dark-theme) .products-table tbody td{background:#fff;color:#343a42;border-bottom-color:#edf0f3}
body:not(.dark-theme) .products-table tbody tr:hover td{background:#f8fafb}
body:not(.dark-theme) .products-table tbody td:first-child{background:#fff}
body:not(.dark-theme) .products-table tbody tr:hover td:first-child{background:#f8fafb}
body:not(.dark-theme) .products-table .col-price{background:#176f43}
body:not(.dark-theme) .products-table .col-cost{background:#9e2e2a}
body:not(.dark-theme) .products-table .col-profit{background:#217348}
body:not(.dark-theme) .products-table .col-margin{background:#8a6814}
body:not(.dark-theme) .cell-price{color:#147344!important}body:not(.dark-theme) .cell-cost{color:#b32a23!important}body:not(.dark-theme) .cell-profit{color:#17713f!important}body:not(.dark-theme) .cell-margin{color:#8a6700!important}
body:not(.dark-theme) .status-pill{background:#f0f3f6;color:#3e4650;border-color:#dce2e8}
body:not(.dark-theme) .site-actions button{background:#f5f7f9!important;border-color:#dce2e8!important;color:#59636f!important}
body:not(.dark-theme) .site-actions .edit-main{color:#236bc0!important}body:not(.dark-theme) .site-actions .publish{color:#19804a!important}body:not(.dark-theme) .site-actions .hide{color:#5c6671!important}body:not(.dark-theme) .site-actions .reserve{color:#9a7200!important}
body:not(.dark-theme) .site-actions button:hover{background:#e9edf1!important;border-color:#cdd4dc!important}
body:not(.dark-theme) .table-wrap table:not(.products-table) th{background:#f1f4f7;color:#353c45}
body:not(.dark-theme) .table-wrap table:not(.products-table) td{color:#424a54;border-color:#e7ebef}
body:not(.dark-theme) .edit-card{background:#fff;color:#1a1f25;border-color:#dfe5eb}
body:not(.dark-theme) .edit-close{background:#eef1f4;color:#222}
body:not(.dark-theme) .edit-photo-list{background:#f5f7f9}
body:not(.dark-theme) .receipt-option{background:#fff8d8;border-color:#efd56b;color:#554500}
body:not(.dark-theme) .login-screen{background:radial-gradient(circle at 85% 15%,rgba(255,196,0,.15),transparent 28%),linear-gradient(145deg,#f7f8fa,#eef1f5)}
body:not(.dark-theme) .login-card{background:#fff;color:#171b21;box-shadow:0 24px 70px rgba(24,32,44,.14);border:1px solid #e2e6eb}

body.dark-theme .theme-toggle{background:#1b222b;color:#dbe1e8;border-color:#343e49;box-shadow:none}
body.dark-theme .theme-toggle i{color:#f2c64b}
body.dark-theme .login-screen{background:linear-gradient(135deg,#0d0e10,#24262b)}
body.dark-theme .login-card{background:#151b22;color:#fff;border:1px solid #303945}
body.dark-theme .login-card p{color:#9aa4af}

@media(max-width:760px){.theme-toggle span{display:none}.theme-toggle{width:40px;padding:0}.login-theme-toggle{width:42px}}

/* Correção de contraste no tema claro: os valores dos cards precisam
   sobrescrever a regra premium do tema escuro, que possui maior especificidade. */
body:not(.dark-theme) #page-dashboard .dashboard-cards .kpi strong{
  color:#171b21!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:#171b21!important;
}
body:not(.dark-theme) #page-dashboard .dashboard-cards .kpi span{
  color:var(--kpi-color)!important;
  opacity:1!important;
}
body:not(.dark-theme) #page-dashboard .dashboard-cards .kpi small{
  color:#7b8591!important;
  opacity:1!important;
}


/* Catálogo exclusivo para revendedores */
.reseller-hero{margin-bottom:24px;padding:32px;border-radius:22px;background:linear-gradient(135deg,#111820,#26313d);color:#fff;box-shadow:0 16px 40px rgba(17,24,39,.14)}
.reseller-hero span{display:inline-block;color:#ffd43b;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:8px}.reseller-hero h1{margin:0 0 8px;font-size:30px}.reseller-hero p{margin:0;color:#cbd2da}
.reseller-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.reseller-card{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--white);box-shadow:0 10px 30px rgba(17,24,39,.07);transition:.2s}.reseller-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(17,24,39,.12)}
.reseller-photo{height:235px;background:#f0f2f5;display:flex;align-items:center;justify-content:center}.reseller-photo img{width:100%;height:100%;object-fit:cover}.reseller-photo i{font-size:62px;color:#9aa3ad}.reseller-body{padding:18px}.reseller-category{font-size:11px;font-weight:800;color:#9a7500;text-transform:uppercase}.reseller-body h2{font-size:19px;margin:7px 0}.reseller-body p{min-height:38px;font-size:13px;color:#717b87;line-height:1.45}.reseller-price{margin-top:15px;padding-top:14px;border-top:1px solid var(--border)}.reseller-price small{display:block;color:#707985;margin-bottom:4px}.reseller-price strong{font-size:25px;color:#16804b}.empty-catalog{grid-column:1/-1;text-align:center;padding:45px}
body.dark-theme .reseller-card{background:#151b22;border-color:#303945}body.dark-theme .reseller-photo{background:#202832}body.dark-theme .reseller-body p,body.dark-theme .reseller-price small{color:#aab3bd}
@media(max-width:600px){.reseller-hero{padding:24px}.reseller-hero h1{font-size:25px}.reseller-grid{grid-template-columns:1fr}.reseller-photo{height:290px}}

.users-list-panel{margin-top:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{margin:0}.role-badge,.status-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#f0f0f0}.status-badge.active{background:#e7f8ed;color:#16713a}.status-badge.inactive{background:#fdeaea;color:#a92727}@media(max-width:700px){.panel-head{align-items:flex-start;flex-direction:column}}

/* Galeria e comparação de preços do catálogo de revenda */
.reseller-gallery{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px;background:#f0f2f5;scrollbar-width:thin}.reseller-gallery img{flex:0 0 100%;width:100%;height:235px;object-fit:cover;border-radius:12px;scroll-snap-align:start}.reseller-photo-empty{height:235px;background:#f0f2f5;display:flex;align-items:center;justify-content:center}.reseller-photo-empty i{font-size:62px;color:#9aa3ad}.reseller-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid var(--border)}.reseller-price,.reseller-price-normal{margin:0;padding:12px;border-radius:12px}.reseller-price-normal{background:#f3f4f6}.reseller-price{background:#eaf8f0}.reseller-price small,.reseller-price-normal small{display:block;margin-bottom:4px;font-size:11px}.reseller-price-normal strong{font-size:18px;color:#626b76;text-decoration:line-through}.reseller-price strong{font-size:21px;color:#16804b}.reseller-gallery::-webkit-scrollbar{height:6px}.reseller-gallery::-webkit-scrollbar-thumb{background:#c1c7cf;border-radius:99px}body.dark-theme .reseller-gallery,body.dark-theme .reseller-photo-empty{background:#202832}body.dark-theme .reseller-price-normal{background:#222a34}body.dark-theme .reseller-price{background:#153226}@media(max-width:600px){.reseller-gallery img{height:290px}.reseller-prices{grid-template-columns:1fr}}

.user-delete-btn{padding:8px 11px;font-size:12px;white-space:nowrap}.users-list-panel td:last-child{min-width:110px}

/* Catálogo profissional de revenda */
.reseller-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px 40px;background:radial-gradient(circle at 90% 20%,rgba(255,212,59,.2),transparent 30%),linear-gradient(135deg,#0d141c,#263442)}
.reseller-hero>div:first-child{max-width:720px}.reseller-hero-badge{min-width:210px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);display:grid;gap:5px;text-align:center}.reseller-hero-badge i{font-size:28px;color:#ffd43b;margin-bottom:4px}.reseller-hero-badge strong{font-size:16px}.reseller-hero-badge small{color:#cbd2da}
.reseller-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 28px}.reseller-benefits article{display:flex;gap:13px;padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--white);box-shadow:0 7px 22px rgba(17,24,39,.05)}.reseller-benefits i{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#fff4bf;color:#806000;display:grid;place-items:center}.reseller-benefits strong{display:block;font-size:14px;margin-bottom:5px}.reseller-benefits p{margin:0;font-size:12px;line-height:1.5;color:#717b87}
.reseller-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 17px}.reseller-section-head span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#9a7500}.reseller-section-head h2{margin:5px 0 0;font-size:24px}.reseller-section-head>p{margin:0;color:#717b87;font-size:13px}
.reseller-specs{min-height:38px}.reseller-note{display:flex;gap:10px;margin-top:13px;padding:12px;border:1px solid #f1c56c;border-radius:12px;background:#fff8e6;color:#604510}.reseller-note i{margin-top:2px;color:#bd7d00}.reseller-note strong{display:block;font-size:12px;margin-bottom:3px}.reseller-note p{min-height:0!important;margin:0!important;color:#745719!important;font-size:12px!important;white-space:pre-line}
.reseller-saving{margin-top:10px;padding:9px 10px;border-radius:10px;background:#f1f8f4;color:#167044;font-size:11px;font-weight:800;text-align:center}.reseller-saving i{margin-right:5px}.reseller-trust{display:flex;align-items:center;gap:14px;margin-top:25px;padding:20px 22px;border-radius:17px;background:#111820;color:#fff}.reseller-trust i{font-size:27px;color:#ffd43b}.reseller-trust strong{display:block;margin-bottom:3px}.reseller-trust p{margin:0;color:#bdc6cf;font-size:13px}
body.dark-theme .reseller-benefits article{background:#151b22;border-color:#303945}body.dark-theme .reseller-benefits p,body.dark-theme .reseller-section-head>p{color:#aab3bd}body.dark-theme .reseller-note{background:#342b15;border-color:#765b20;color:#ffe09a}body.dark-theme .reseller-note p{color:#e9cc8a!important}body.dark-theme .reseller-saving{background:#153226;color:#8fe0b3}
@media(max-width:1000px){.reseller-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.reseller-hero{display:block;padding:27px 23px}.reseller-hero-badge{margin-top:20px;min-width:0}.reseller-benefits{grid-template-columns:1fr}.reseller-section-head{display:block}.reseller-section-head>p{margin-top:7px}}

/* Ajustes de leitura dos preços e carrossel do catálogo de revenda */
.reseller-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));align-items:stretch}
.reseller-card{min-width:0}
.reseller-body{overflow:visible}
.reseller-prices{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.reseller-price,.reseller-price-normal{min-width:0;overflow:visible;padding:12px 10px}
.reseller-price small,.reseller-price-normal small{line-height:1.25;min-height:28px;white-space:normal}
.reseller-price strong,.reseller-price-normal strong{display:block;white-space:nowrap;overflow:visible;line-height:1.15;letter-spacing:-.02em}
.reseller-price-normal strong{font-size:17px}.reseller-price strong{font-size:20px}
.reseller-gallery-wrap{position:relative;background:#f0f2f5;overflow:hidden}
.reseller-gallery{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:0;scrollbar-width:none;overscroll-behavior-x:contain}
.reseller-gallery::-webkit-scrollbar{display:none}
.reseller-gallery img{flex:0 0 100%;width:100%;height:220px;border-radius:0;object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always;padding:10px;background:#f0f2f5}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border:0;border-radius:10px;background:rgba(17,24,32,.78);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-arrow:hover{background:#111820}
.gallery-dots{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);z-index:3;display:flex;gap:6px;padding:6px 8px;border-radius:10px;background:rgba(17,24,32,.6)}
.gallery-dot{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:2px;background:transparent;cursor:pointer}
.gallery-dot.active{background:#ffc400;border-color:#ffc400}
.gallery-count{position:absolute;right:10px;bottom:10px;z-index:3;padding:5px 8px;border-radius:8px;background:rgba(17,24,32,.72);color:#fff;font-size:11px;font-weight:800}
body.dark-theme .reseller-gallery-wrap{background:#202832}
@media(max-width:700px){.reseller-grid{grid-template-columns:1fr}.reseller-gallery img{height:270px}.reseller-price strong,.reseller-price-normal strong{font-size:19px}}
@media(max-width:380px){.reseller-prices{grid-template-columns:1fr}.reseller-price small,.reseller-price-normal small{min-height:0}}

/* Busca do catálogo de revenda */
.reseller-search{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:0 14px;height:50px;border:1px solid var(--border);border-radius:15px;background:var(--white);box-shadow:0 6px 20px rgba(17,24,39,.05)}
.reseller-search>i{color:#8a929c}.reseller-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:14px;color:inherit}.reseller-search button{width:34px;height:34px;border:0;border-radius:10px;background:#f1f3f5;color:#69727d;cursor:pointer}.reseller-search button:hover{background:#e7e9ec}.reseller-search input:placeholder-shown+button{visibility:hidden}.dark-theme .reseller-search{background:#151b22;border-color:#303945}.dark-theme .reseller-search button{background:#252d36;color:#c7ced6}

/* Otimização do catálogo de revenda para celulares */
@media (max-width: 700px){
  #page-revendedor{padding:12px 10px 22px}
  #page-revendedor .reseller-hero{margin-bottom:14px;padding:21px 18px;border-radius:18px}
  #page-revendedor .reseller-hero span{font-size:9px;letter-spacing:.12em;margin-bottom:7px}
  #page-revendedor .reseller-hero h1{font-size:23px;line-height:1.12;margin-bottom:9px}
  #page-revendedor .reseller-hero p{font-size:12px;line-height:1.5}
  #page-revendedor .reseller-hero-badge{display:none}

  #page-revendedor .reseller-benefits{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -10px 18px;padding:0 10px 5px;scrollbar-width:none}
  #page-revendedor .reseller-benefits::-webkit-scrollbar{display:none}
  #page-revendedor .reseller-benefits article{flex:0 0 82%;min-height:112px;padding:14px;border-radius:15px;scroll-snap-align:start}
  #page-revendedor .reseller-benefits i{width:34px;height:34px;flex-basis:34px}
  #page-revendedor .reseller-benefits strong{font-size:13px}
  #page-revendedor .reseller-benefits p{font-size:11px;line-height:1.4}

  #page-revendedor .reseller-section-head{margin-bottom:12px}
  #page-revendedor .reseller-section-head span{font-size:9px}
  #page-revendedor .reseller-section-head h2{font-size:20px;line-height:1.2}
  #page-revendedor .reseller-section-head>p{font-size:11px;line-height:1.4}
  #page-revendedor .reseller-search{position:sticky;top:82px;z-index:8;height:48px;margin-bottom:14px;padding:0 12px;border-radius:13px;box-shadow:0 8px 22px rgba(17,24,39,.10)}
  #page-revendedor .reseller-search input{font-size:16px}

  #page-revendedor .reseller-grid{display:grid;grid-template-columns:1fr;gap:14px}
  #page-revendedor .reseller-card{border-radius:17px;box-shadow:0 8px 24px rgba(17,24,39,.08)}
  #page-revendedor .reseller-card:hover{transform:none}
  #page-revendedor .reseller-gallery-wrap{height:245px}
  #page-revendedor .reseller-gallery,#page-revendedor .reseller-gallery img{height:245px}
  #page-revendedor .reseller-gallery img{padding:12px 18px;object-fit:contain}
  #page-revendedor .gallery-arrow{width:34px;height:34px;border-radius:9px}
  #page-revendedor .gallery-prev{left:8px}
  #page-revendedor .gallery-next{right:8px}
  #page-revendedor .gallery-dots{bottom:8px;gap:5px;padding:5px 7px}
  #page-revendedor .gallery-dot{width:8px;height:8px}
  #page-revendedor .gallery-count{right:8px;bottom:8px}

  #page-revendedor .reseller-body{padding:15px}
  #page-revendedor .reseller-category{font-size:10px}
  #page-revendedor .reseller-body h2{font-size:20px;line-height:1.18;margin:6px 0}
  #page-revendedor .reseller-specs{min-height:0!important;margin:0 0 5px!important;font-size:12px!important;line-height:1.45!important}
  #page-revendedor .reseller-note{padding:10px;margin-top:10px}
  #page-revendedor .reseller-prices{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px}
  #page-revendedor .reseller-price,#page-revendedor .reseller-price-normal{padding:10px 8px}
  #page-revendedor .reseller-price small,#page-revendedor .reseller-price-normal small{font-size:10px;min-height:25px}
  #page-revendedor .reseller-price strong,#page-revendedor .reseller-price-normal strong{font-size:17px;white-space:nowrap}
  #page-revendedor .reseller-saving{font-size:10px;line-height:1.35;padding:8px}
  #page-revendedor .reseller-trust{align-items:flex-start;margin-top:17px;padding:15px;border-radius:15px}
  #page-revendedor .reseller-trust i{font-size:22px}
  #page-revendedor .reseller-trust strong{font-size:13px}
  #page-revendedor .reseller-trust p{font-size:11px;line-height:1.45}

  .topbar{height:66px}
  .topbar strong{font-size:14px}
  .topbar span{font-size:10px}
  .toast{left:12px;right:12px;bottom:14px;text-align:center}
}

@media (max-width: 370px){
  #page-revendedor .reseller-prices{grid-template-columns:1fr}
  #page-revendedor .reseller-price small,#page-revendedor .reseller-price-normal small{min-height:0}
  #page-revendedor .reseller-benefits article{flex-basis:90%}
}

/* Contato pelo WhatsApp no catálogo de revenda */
.reseller-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:13px;padding:12px 16px;border-radius:12px;background:#20b85a;color:#fff!important;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 8px 18px rgba(32,184,90,.22);transition:.2s}
.reseller-whatsapp:hover{background:#179b4a;transform:translateY(-1px)}
.reseller-whatsapp i{font-size:20px}
@media(max-width:700px){#page-revendedor .reseller-whatsapp{min-height:52px;font-size:15px;border-radius:13px;margin-top:12px;position:relative;z-index:2}}


/* Refinamento premium do catálogo de revenda */
#page-revendedor{max-width:1400px;margin:0 auto}
.reseller-hero{border-radius:24px;margin-bottom:22px;overflow:hidden;box-shadow:0 18px 50px rgba(13,20,28,.18)}
.reseller-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:center;margin-bottom:12px}
.reseller-toolbar .reseller-search{margin:0}
.reseller-filters{display:flex;gap:10px}
.reseller-filters select{height:50px;min-width:170px;padding:0 38px 0 14px;border:1px solid var(--border);border-radius:14px;background:var(--white);color:inherit;font-weight:700;outline:none}
.reseller-results{display:flex;justify-content:space-between;align-items:center;margin:0 2px 16px;color:#76808b;font-size:12px}
.reseller-results strong{color:#1a222c;font-size:13px}.dark-theme .reseller-results strong{color:#fff}
.reseller-card{display:flex;flex-direction:column;border-radius:22px;border-color:#e5e8ec;background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%)}
.reseller-gallery-wrap{border-bottom:1px solid #eceff2}
.reseller-body{display:flex;flex:1;flex-direction:column;padding:17px}
.reseller-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.reseller-available{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eaf8f0;color:#127442;font-size:10px;font-weight:900;text-transform:uppercase}.reseller-available i{font-size:6px}
.reseller-badges{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 4px}.reseller-badges span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:#f2f4f6;color:#59636e;font-size:10px;font-weight:800}.reseller-badges i{color:#8b949e}
.reseller-prices{margin-top:auto}
.reseller-price{border:1px solid #bee8ce;background:linear-gradient(135deg,#eefaf3,#ddf5e7)}
.reseller-price-normal{border:1px solid #e4e7eb}
.reseller-saving{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;background:#fff8dc;color:#6c5500;border:1px solid #f1dc87}
.reseller-saving strong{font-size:12px}.reseller-saving span{font-weight:700}
.reseller-whatsapp{background:linear-gradient(135deg,#20b85a,#149947);box-shadow:0 10px 24px rgba(25,161,76,.28)}
.dark-theme .reseller-filters select{background:#151b22;border-color:#303945}.dark-theme .reseller-card{background:#151b22;border-color:#303945}.dark-theme .reseller-badges span{background:#222a34;color:#c7ced6}.dark-theme .reseller-results{color:#9ca6b1}
@media(max-width:850px){.reseller-toolbar{grid-template-columns:1fr}.reseller-filters{display:grid;grid-template-columns:1fr 1fr}.reseller-filters select{width:100%;min-width:0}}
@media(max-width:700px){
  #page-revendedor .reseller-hero{border-radius:20px;margin-bottom:16px}
  #page-revendedor .reseller-toolbar{position:sticky;top:68px;z-index:9;padding:10px;margin:0 -2px 12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(17,24,39,.12)}
  .dark-theme #page-revendedor .reseller-toolbar{background:rgba(21,27,34,.96)}
  #page-revendedor .reseller-search{position:static;box-shadow:none}
  #page-revendedor .reseller-filters{grid-template-columns:1fr 1fr;gap:8px}
  #page-revendedor .reseller-filters select{height:42px;padding-left:10px;font-size:12px;border-radius:11px}
  #page-revendedor .reseller-results{margin-bottom:11px;font-size:10px}
  #page-revendedor .reseller-results strong{font-size:12px}
  #page-revendedor .reseller-card{border-radius:20px}
  #page-revendedor .reseller-card-top{align-items:flex-start}
  #page-revendedor .reseller-badges span{font-size:9px;padding:6px 7px}
  #page-revendedor .reseller-whatsapp{position:sticky;bottom:10px}
}


/* Informações premium do catálogo de revenda */
.reseller-highlight-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:-8px 24px 26px;position:relative;z-index:2;overflow:hidden;border:1px solid #e5e8ec;border-radius:18px;background:#e5e8ec;box-shadow:0 14px 34px rgba(17,24,39,.08)}
.reseller-highlight-strip>div{display:flex;align-items:center;gap:12px;padding:17px 19px;background:#fff}.reseller-highlight-strip i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:#111820;color:#ffd43b}.reseller-highlight-strip span{display:grid;gap:2px}.reseller-highlight-strip strong{font-size:13px;color:#151b22}.reseller-highlight-strip small{font-size:11px;line-height:1.35;color:#77818c}
.reseller-how{margin-top:30px;padding:30px;border:1px solid #e5e8ec;border-radius:24px;background:linear-gradient(145deg,#fff,#f7f8fa);box-shadow:0 12px 34px rgba(17,24,39,.06)}
.reseller-how-head{max-width:660px;margin-bottom:22px}.reseller-how-head>span,.reseller-trust span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#9a7500}.reseller-how-head h2{margin:6px 0 7px;font-size:25px}.reseller-how-head p{margin:0;color:#717b87;font-size:13px;line-height:1.6}
.reseller-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.reseller-steps article{display:flex;gap:12px;align-items:flex-start;padding:17px;border:1px solid #e7eaee;border-radius:16px;background:#fff}.reseller-steps b{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:10px;background:#ffd43b;color:#111820;font-size:13px}.reseller-steps strong{display:block;margin:1px 0 5px;font-size:13px}.reseller-steps p{margin:0;color:#74808c;font-size:11px;line-height:1.5}
.reseller-trust{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:18px;padding:24px 26px;background:radial-gradient(circle at 85% 20%,rgba(255,212,59,.15),transparent 28%),linear-gradient(135deg,#10171f,#263440)}.reseller-trust:after{content:"";position:absolute;right:-35px;bottom:-70px;width:160px;height:160px;border:28px solid rgba(255,255,255,.035);border-radius:50%}.reseller-trust-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffd43b}.reseller-trust-icon i{font-size:24px;color:#111820}.reseller-trust strong{font-size:18px;margin:4px 0 4px}.reseller-trust-seal{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07)}.reseller-trust-seal i{font-size:21px;color:#ffd43b}.reseller-trust-seal small{font-size:10px;line-height:1.3;color:#e4e8ec;font-weight:800}
.dark-theme .reseller-highlight-strip{background:#303945;border-color:#303945}.dark-theme .reseller-highlight-strip>div,.dark-theme .reseller-how,.dark-theme .reseller-steps article{background:#151b22;border-color:#303945}.dark-theme .reseller-highlight-strip strong,.dark-theme .reseller-how-head h2,.dark-theme .reseller-steps strong{color:#fff}.dark-theme .reseller-highlight-strip small,.dark-theme .reseller-how-head p,.dark-theme .reseller-steps p{color:#aab3bd}
@media(max-width:850px){.reseller-highlight-strip{grid-template-columns:1fr;margin-left:0;margin-right:0}.reseller-steps{grid-template-columns:1fr}.reseller-how{padding:23px}}
@media(max-width:700px){
 #page-revendedor .reseller-highlight-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:-4px -10px 18px;padding:0 10px;border:0;border-radius:0;background:transparent;box-shadow:none;gap:9px;scrollbar-width:none}
 #page-revendedor .reseller-highlight-strip::-webkit-scrollbar{display:none}
 #page-revendedor .reseller-highlight-strip>div{flex:0 0 82%;scroll-snap-align:start;border:1px solid var(--border);border-radius:15px;padding:14px}
 #page-revendedor .reseller-highlight-strip i{width:34px;height:34px;flex-basis:34px}
 #page-revendedor .reseller-filters{display:block}
 #page-revendedor .reseller-how{margin-top:20px;padding:20px 16px;border-radius:19px}
 #page-revendedor .reseller-how-head h2{font-size:21px}
 #page-revendedor .reseller-steps{gap:9px}
 #page-revendedor .reseller-steps article{padding:14px}
 #page-revendedor .reseller-trust{grid-template-columns:auto 1fr;padding:18px 16px}
 #page-revendedor .reseller-trust-seal{display:none}
 #page-revendedor .reseller-trust-icon{width:43px;height:43px;border-radius:13px}
 #page-revendedor .reseller-trust strong{font-size:15px}
}


/* Histórico unificado de compras e vendas */
.optional-label{font-size:11px;font-weight:700;color:#7a8490}
.history-subtitle{margin:5px 0 0;color:#75808c;font-size:12px;font-weight:500}
.history-type{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}
.history-type.sale{background:#eaf7ef;color:#167442;border:1px solid #c9ead6}
.history-type.purchase{background:#eef4ff;color:#245aa6;border:1px solid #cfdef6}
.history-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
.history-actions .edit-btn,.history-actions .print-btn,.history-actions .delete-btn{margin:0}
.dark-theme .history-subtitle{color:#98a3af}.dark-theme .optional-label{color:#87929e}
.dark-theme .history-type.sale{background:#123022;color:#76d69d;border-color:#28583c}
.dark-theme .history-type.purchase{background:#172a43;color:#8bbcff;border-color:#2d4b70}
@media(max-width:700px){#page-historico .panel-head{align-items:stretch}#page-historico .panel-head .secondary{width:100%}}


/* ===== SALÁRIO, PIX E COMISSÃO COMPARTILHADA ===== */
.commission-overview-panel{margin-bottom:18px}.commission-overview-panel .panel-head{align-items:flex-start}.commission-note{margin:6px 0 0;color:#6f7a86;font-size:12px;line-height:1.55}.commission-note strong{color:#171d24}.payroll-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.payroll-cards article{border-top:3px solid #f5c400}.payroll-cards strong{font-size:22px}.pix-panel{margin-bottom:18px}.pix-form{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end}.pix-form label{margin:0}.pix-form .primary{height:46px;white-space:nowrap}.payroll-panel{overflow:hidden}.payroll-table{min-width:1550px}.payroll-table th{white-space:nowrap}.pix-key{display:inline-flex;align-items:center;gap:6px;max-width:240px;padding:6px 9px;border-radius:8px;background:#eefaf3;color:#127442;font-size:11px;font-weight:800;word-break:break-all}.muted{color:#8b949e;font-size:11px}.finance-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.finance-badge.paid{background:#e8f8ef;color:#14723e;border:1px solid #bfe7cf}.finance-badge.pending{background:#fff7d8;color:#8a6300;border:1px solid #f2dc8c}.finance-badge.rejected{background:#fff0f0;color:#b42318;border:1px solid #facaca}.payment-statuses{display:grid;gap:5px;justify-items:start}.finance-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:250px}.mini-action{display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:6px 8px;border-radius:7px;border:1px solid transparent;font-size:10px;font-weight:850;cursor:pointer}.mini-action.approve{background:#eaf8f0;color:#137442;border-color:#c5e8d3}.mini-action.reject{background:#fff0f0;color:#b42318;border-color:#facaca}.mini-action.pay{background:#edf5ff;color:#175cd3;border-color:#c7dbff}.mini-action.salary{background:#f6f0ff;color:#6941c6;border-color:#ddcffb}.mini-action.total{background:#111820;color:#ffd43b;border-color:#111820}.user-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.users-list-panel table{min-width:940px}.grid-form label small{display:block;margin-top:4px;color:#8a949f;font-size:10px}.dark-theme .commission-note{color:#9ca7b2}.dark-theme .commission-note strong{color:#fff}.dark-theme .pix-key{background:#123022;color:#7ad8a0}.dark-theme .finance-badge.paid{background:#123022;color:#7ad8a0;border-color:#28583c}.dark-theme .finance-badge.pending{background:#312a12;color:#f1cf63;border-color:#65531a}.dark-theme .finance-badge.rejected{background:#321d20;color:#f7a2a2;border-color:#66323a}.dark-theme .mini-action.total{background:#ffd43b;color:#111820}
@media(max-width:1000px){.payroll-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pix-form{grid-template-columns:1fr auto}.pix-form .message{grid-column:1/-1}}
@media(max-width:650px){.payroll-cards{grid-template-columns:1fr}.pix-form{grid-template-columns:1fr}.pix-form .primary{width:100%}.finance-actions{min-width:200px}.commission-overview-panel .panel-head{gap:12px}}

.pay-date{display:inline-flex;font-weight:900;font-size:12px;color:#243040}.pay-countdown{display:inline-flex;margin-top:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.pay-countdown.future{background:#eaf2ff;color:#175cd3}.pay-countdown.today{background:#fff6cf;color:#8a6300}.pay-countdown.late{background:#fff0f0;color:#b42318}.dark-theme .pay-date{color:#eef3f8}.dark-theme .pay-countdown.future{background:#172d46;color:#8fc5ff}.dark-theme .pay-countdown.today{background:#312a12;color:#f1cf63}.dark-theme .pay-countdown.late{background:#321d20;color:#f7a2a2}

/* Comissão por venda + pagamentos separados */
.commission-sales-panel{overflow:hidden}.commission-sales-table{min-width:1050px}.commission-sales-table th{white-space:nowrap}.commission-sale-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:220px}.commission-earned{color:#14804a;font-size:13px}.commission-sales-table td small{display:inline-block;margin-top:5px;color:#8a949f;font-size:10px}.commission-cards:not(.payroll-cards){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.commission-cards:not(.payroll-cards) article{border-top:3px solid #f5c400}.dark-theme .commission-earned{color:#7ad8a0}.dark-theme .commission-sales-table td small{color:#909ba7}
@media(max-width:700px){.commission-sale-actions{min-width:190px}.commission-sales-table{min-width:980px}}


/* ===== COMISSÃO DO FUNCIONÁRIO + PIX + VALES ===== */
.worker-money-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}
.worker-money-card{position:relative;overflow:hidden;min-height:138px;padding:19px!important;border:1px solid var(--border)!important;border-top:0!important;box-shadow:0 10px 28px rgba(17,24,39,.07)!important}
.worker-money-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--card-accent)}
.worker-money-card.salary{--card-accent:#3478f6}.worker-money-card.meal{--card-accent:#8b5cf6}.worker-money-card.commission{--card-accent:#16a34a}.worker-money-card.total{--card-accent:#e09b00}
.worker-card-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;margin-bottom:12px;background:color-mix(in srgb,var(--card-accent) 12%,transparent);color:var(--card-accent);font-size:16px}
.worker-money-card span{font-weight:750}.worker-money-card strong{font-size:24px!important;color:var(--card-accent)!important}.worker-money-card small{display:block;margin-top:6px;color:#8a949f;font-size:10px}
.pix-saved{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;border:1px solid #c9ead6;border-radius:15px;background:linear-gradient(135deg,#f0fbf5,#fff)}
.pix-saved-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#16a34a;color:#fff;font-size:20px}.pix-saved-copy{display:grid;gap:4px;min-width:0}.pix-saved-copy small{color:#6f7a86;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pix-saved-copy strong{word-break:break-all;font-size:14px}.pix-form.hidden{display:none!important}
.advance-panel,.advance-admin-panel{margin-top:18px;overflow:hidden}.advance-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f7f3ff);border:1px solid #d9e4fa}.advance-callout-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#2563eb;color:#fff;font-size:22px;box-shadow:0 8px 20px rgba(37,99,235,.2)}.advance-callout h2{margin:4px 0 6px}.advance-callout p{margin:0;max-width:760px;color:#64748b;font-size:12px;line-height:1.55}.advance-request-btn{border:0;border-radius:12px;padding:12px 15px;background:#111820;color:#ffd43b;font-weight:900;cursor:pointer;white-space:nowrap}.advance-request-btn i{margin-right:6px}
.advance-form{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr) auto;gap:12px;align-items:end;margin-top:14px;padding:17px;border:1px dashed #b8c9e6;border-radius:15px;background:#fbfdff}.advance-form-actions{display:flex;gap:8px;align-items:center}.advance-form .message{grid-column:1/-1}.advance-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 2px 8px}.advance-history-head h3{margin:0 0 3px;font-size:15px}.advance-history-head p{margin:0;color:#7a8591;font-size:11px}.advance-available{padding:8px 11px;border-radius:999px;background:#eaf8f0;color:#137442;font-size:11px;font-weight:900}.advance-table{min-width:760px}.advance-table.admin{min-width:980px}.advance-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.advance-status.pending{background:#fff7d8;color:#8a6300;border:1px solid #f2dc8c}.advance-status.approved{background:#e8f8ef;color:#14723e;border:1px solid #bfe7cf}.advance-status.denied{background:#fff0f0;color:#b42318;border:1px solid #facaca}.advance-admin-summary{display:flex;gap:10px;flex-wrap:wrap;margin:5px 0 12px}.advance-admin-summary span{padding:9px 12px;border-radius:11px;background:#f4f6f8;font-size:11px;color:#64748b}.advance-admin-summary b{color:#111820}
.dark-theme .worker-money-card small{color:#8f9ba7}.dark-theme .pix-saved{background:#123022;border-color:#28583c}.dark-theme .pix-saved-copy small{color:#93a29a}.dark-theme .advance-callout{background:linear-gradient(135deg,#17263a,#251f36);border-color:#34445d}.dark-theme .advance-callout p,.dark-theme .advance-history-head p{color:#9ba7b5}.dark-theme .advance-form{background:#111820;border-color:#3b4d66}.dark-theme .advance-available{background:#123022;color:#7ad8a0}.dark-theme .advance-admin-summary span{background:#202832;color:#a9b3bf}.dark-theme .advance-admin-summary b{color:#fff}
@media(max-width:1050px){.worker-money-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.advance-callout{grid-template-columns:auto 1fr}.advance-request-btn{grid-column:1/-1;width:100%}.advance-form{grid-template-columns:1fr 1fr}.advance-form-actions{grid-column:1/-1}}
@media(max-width:650px){.worker-money-cards{grid-template-columns:1fr!important}.pix-saved{grid-template-columns:auto 1fr}.pix-saved .compact{grid-column:1/-1;width:100%;justify-content:center}.advance-callout{grid-template-columns:1fr;text-align:left}.advance-callout-icon{width:46px;height:46px}.advance-form{grid-template-columns:1fr}.advance-form-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.advance-history-head{align-items:flex-start;flex-direction:column}.advance-available{width:100%;text-align:center}}

/* Saldo negativo de adiantamentos */
.worker-money-card strong.negative-balance{color:#c62828!important}
.advance-available.negative-balance{background:#fff0f0;color:#b42318;border:1px solid #facaca}
.dark-theme .worker-money-card strong.negative-balance{color:#ff8a8a!important}
.dark-theme .advance-available.negative-balance{background:#321d20;color:#f7a2a2;border-color:#66323a}


/* Segurança por senha, tipo de Pix e cadastro de revendedores */
.pix-form-with-type{grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr) auto auto}
.pix-key>span{display:grid;gap:2px}.pix-key small{display:block;font-size:9px;font-weight:800;opacity:.7;text-transform:uppercase;letter-spacing:.03em}
.reseller-register-panel{margin-bottom:18px}.reseller-users-table{min-width:620px}
.confirm-password-modal{position:fixed;inset:0;z-index:300;background:rgba(7,12,18,.72);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}
.confirm-password-card{width:min(440px,100%);padding:26px;border:1px solid #e1e6eb;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.confirm-password-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:14px;border-radius:16px;background:#111820;color:#ffd43b;font-size:21px}
.confirm-password-head h2{margin:4px 0 8px;font-size:22px}.confirm-password-head p{margin:0 0 18px;color:#6f7a86;font-size:12px;line-height:1.55}
.confirm-password-card form{display:grid;gap:12px}.confirm-password-card label{display:grid;gap:7px;font-size:12px;font-weight:800}.confirm-password-card input{width:100%;height:48px;padding:0 13px;border:1px solid #dce2e8;border-radius:12px;background:#fff;color:#111820;font:inherit;outline:none}.confirm-password-card input:focus{border-color:#c7a800;box-shadow:0 0 0 3px rgba(255,212,59,.16)}
.confirm-password-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;margin-top:3px}.confirm-password-actions button{min-height:44px}
.dark-theme .confirm-password-card{background:#151b22;border-color:#303945;color:#fff}.dark-theme .confirm-password-head p{color:#a5afba}.dark-theme .confirm-password-card input{background:#10161c;border-color:#303945;color:#fff}
@media(max-width:1000px){.pix-form-with-type{grid-template-columns:1fr 1fr}.pix-form-with-type .primary,.pix-form-with-type .secondary{width:100%}}
@media(max-width:650px){.pix-form-with-type{grid-template-columns:1fr}.confirm-password-card{padding:21px;border-radius:18px}.confirm-password-actions{grid-template-columns:1fr}}

/* Resumo financeiro pessoal do funcionário */
.worker-finance-heading h2{margin-bottom:5px}.worker-payment-info-panel{margin:18px 0}.worker-payment-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.worker-payment-info-item{padding:16px;border:1px solid var(--border);border-radius:14px;background:#f8fafc}.worker-payment-info-item>span{display:block;margin-bottom:5px;color:#64748b;font-size:11px;font-weight:800}.worker-payment-info-item>strong{display:block;color:#111820;font-size:18px}.worker-payment-info-item>small{display:block;margin-top:4px;color:#8a949f;font-size:10px}.worker-payment-info-item.status .payment-statuses{margin-top:8px}.dark-theme .worker-payment-info-item{background:#171e26;border-color:#2d3742}.dark-theme .worker-payment-info-item>span,.dark-theme .worker-payment-info-item>small{color:#96a2af}.dark-theme .worker-payment-info-item>strong{color:#fff}@media(max-width:800px){.worker-payment-info-grid{grid-template-columns:1fr}}

/* Comissão e pagamentos separados para o funcionário */
.worker-commission-only{grid-template-columns:minmax(280px,520px)!important;justify-content:start}
.worker-commission-main-card{min-height:170px!important;padding:24px!important}
.worker-commission-main-card .worker-card-icon{width:46px;height:46px;font-size:19px}
.worker-commission-main-card strong{font-size:34px!important;margin-top:3px}
.worker-commission-main-card small{font-size:11px;line-height:1.45}
.worker-commission-info-panel{margin-top:16px}
.worker-commission-info-copy{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid #d6eadf;border-radius:14px;background:#f2fbf6}
.worker-commission-info-copy>i{margin-top:2px;color:#16a34a;font-size:18px}
.worker-commission-info-copy strong{display:block;margin-bottom:4px;font-size:13px}
.worker-commission-info-copy p{margin:0;color:#687582;font-size:11px;line-height:1.55}
.dark-theme .worker-commission-info-copy{background:#123022;border-color:#28583c}
.dark-theme .worker-commission-info-copy p{color:#9eaaa4}
@media(max-width:650px){.worker-commission-only{grid-template-columns:1fr!important}.worker-commission-main-card strong{font-size:29px!important}}


/* Histórico e resumo de comissões do funcionário */
.worker-commission-summary{grid-template-columns:repeat(2,minmax(260px,420px))!important;justify-content:start;gap:14px}
.worker-commission-summary-card{min-height:160px!important;padding:22px!important}
.worker-commission-summary-card .worker-card-icon{width:44px;height:44px;font-size:18px}
.worker-commission-summary-card strong{font-size:31px!important;margin-top:2px}
.worker-money-card.pending-commission{--card-accent:#d99700}
.worker-money-card.pending-commission .worker-card-icon{background:#fff7d6;color:#9a6a00}
.worker-commission-history-panel{margin-top:18px;overflow:hidden}
.worker-commission-history-table{min-width:1120px}
.worker-commission-history-table th{white-space:nowrap}
.worker-commission-history-table td small{display:inline-block;margin-top:4px;color:#8a949f;font-size:10px}
.worker-commission-status{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:7px 9px;border-radius:10px;font-size:10px;font-weight:850;line-height:1.25}
.worker-commission-status.approved{background:#e8f8ef;color:#14723e;border:1px solid #bfe7cf}
.worker-commission-status.pending{background:#fff7d8;color:#8a6300;border:1px solid #f2dc8c}
.worker-commission-status.denied{background:#fff0f0;color:#b42318;border:1px solid #facaca}
.worker-commission-status.ineligible{background:#f2f4f7;color:#667085;border:1px solid #d9dee5}
.commission-pending-value{color:#b77900;font-size:13px}
.dark-theme .worker-money-card.pending-commission .worker-card-icon{background:#312a12;color:#f1cf63}
.dark-theme .worker-commission-status.approved{background:#123022;color:#7ad8a0;border-color:#28583c}
.dark-theme .worker-commission-status.pending{background:#312a12;color:#f1cf63;border-color:#65531a}
.dark-theme .worker-commission-status.denied{background:#321d20;color:#f7a2a2;border-color:#66323a}
.dark-theme .worker-commission-status.ineligible{background:#202832;color:#a9b3bf;border-color:#37414d}
.dark-theme .commission-pending-value{color:#f1cf63}
@media(max-width:800px){.worker-commission-summary{grid-template-columns:1fr!important}.worker-commission-summary-card strong{font-size:28px!important}}
