/* Recargas Pro · interface administrativa e portal · base existente preservada */
:root {
  color-scheme: light;
  --bg:#f3f6fa;--bg-2:#f8fafd;--panel:#fff;--panel-2:#f1f5fa;
  --border:#e3eaf2;--border-strong:#cfd9e5;--text:#17263e;--text-2:#3f5067;
  --muted:#697d96;--muted-2:#8fa0b5;
  --primary:#176df0;--primary-2:#0958d6;--primary-soft:rgba(23,109,240,.09);
  --success:#12a870;--success-soft:rgba(18,168,112,.1);
  --warning:#ee911d;--warning-soft:rgba(238,145,29,.1);
  --danger:#e34f59;--danger-soft:rgba(227,79,89,.1);
  --purple:#8b36ec;--purple-soft:rgba(139,54,236,.09);
  --radius:12px;--radius-lg:17px;--sidebar-w:255px;--shadow-sm:0 2px 9px rgba(26,52,91,.05);
  --shadow:0 8px 24px rgba(24,48,84,.08);--shadow-lg:0 20px 60px rgba(24,48,84,.15);
}
*,*::before,*::after{box-sizing:border-box}
html,body{background:#f3f6fa!important;color:var(--text);font-family:'Inter',system-ui,Arial,sans-serif}
body{background-image:none!important}
[hidden],.page[hidden]{display:none!important}
button,.btn{border-radius:10px;transition:background .17s ease,border-color .17s ease,transform .17s ease,box-shadow .17s ease}
button:hover,.btn:hover{filter:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.nav-item:focus-visible{outline:3px solid #96bdfc;outline-offset:2px}
a{color:var(--primary)}
input,select,textarea{background:#fff;color:var(--text);border:1px solid var(--border-strong);border-radius:10px}
input::placeholder{color:#a0afc2}
select option{color:var(--text);background:#fff}
label{color:var(--text-2)}
.app{background:transparent}
.sidebar{background:linear-gradient(180deg,#142b45 0%,#102339 100%);border:0;box-shadow:6px 0 22px rgba(19,34,57,.08)}
.sidebar .brand{min-height:71px;border-bottom:1px solid rgba(255,255,255,.08);padding:17px 19px;color:white;letter-spacing:-.03em;gap:10px}
.sidebar .brand .logo{background:linear-gradient(145deg,#1bbaff,#1670f3);box-shadow:0 5px 15px rgba(29,139,255,.2);border-radius:12px;width:37px;height:37px;color:#fff;font-size:24px;font-weight:850}
.sidebar .brand .text{color:#fff;font-size:16px;letter-spacing:-.03em;display:flex;gap:7px;align-items:center}
.sidebar .brand .text small{font-size:9px;letter-spacing:0;background:#2084fd;color:#fff;padding:3px 5px;border-radius:5px}
.sidebar .nav{padding:14px 10px}
.sidebar .group-label{color:#819ab9;font-size:10px;letter-spacing:.1em;padding-left:13px}
.sidebar .nav-item{color:#bdcce0;border-radius:9px;min-height:41px;margin:3px 0;padding:9px 11px;box-shadow:none;transition:background .15s,color .15s}
.sidebar .nav-item .ico{color:#a5bad3}
.sidebar .nav-item:hover,.sidebar .nav-folder summary:hover{color:#fff;background:rgba(255,255,255,.065);box-shadow:none}
.sidebar .nav-item.active{background:linear-gradient(110deg,#2365aa,#1b5188);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.14);border:0}
.sidebar .nav-item.active .ico{color:#fff}
.sidebar .nav-folder>summary{color:#b5c6dc;border-radius:9px;min-height:41px;padding:9px 11px;font-weight:600}
.sidebar .nav-folder>summary .chev{color:#9cb1cb}
.sidebar .nav-folder .nav-item{margin-left:15px;color:#a8bfda}
.sidebar .nav-folder .nav-item.active{color:#fff}
.sidebar .nav-folder .nav-item::after{background:#395976}
.sidebar .nav-folder .nav-item.active::after{background:#91d9ff}
.sidebar .footer{border-top:1px solid rgba(255,255,255,.1);background:rgba(5,16,29,.18)}
.sidebar .footer .name,.sidebar .footer .info .name{color:#f7faff}
.sidebar .footer .info .role{color:#92aac8}
.sidebar .footer .avatar{background:#246bbe;color:#fff;box-shadow:none}
.topbar{background:rgba(255,255,255,.94);height:69px;border-bottom:1px solid var(--border);backdrop-filter:blur(16px);padding:0 clamp(15px,2.4vw,30px);box-shadow:0 2px 6px rgba(41,67,95,.025)}
.topbar .page-title{font-size:18px;color:#1d2a3c;font-weight:800;letter-spacing:-.035em}
.topbar .burger,.topbar .iconbtn{color:#526985}
.topbar .burger:hover,.topbar .iconbtn:hover{background:#eaf1fc;color:var(--primary)}
.search-trigger{border:1px solid #ebf0f6;background:#f2f6fb;color:#8495ab;border-radius:10px;min-width:250px;box-shadow:none}
.search-trigger:hover{background:#ebf1fb;border-color:#cbdcf1}
.topbar .kbd{color:#8fa0b3}
.content{max-width:1780px;width:100%;padding:25px clamp(14px,2.2vw,35px) 42px;margin:0 auto}
.content .page{min-width:0}
.content h2.page-h{font-size:clamp(23px,2.2vw,30px);font-weight:800;letter-spacing:-.045em;color:#12263f;margin-bottom:20px}
.content .page-overview h2.page-h{margin:6px 0 4px}
.card,.table-wrap,.op-card,.rev-card,.modal,.cmdk .cmdk-box,.dropdown-menu{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}
.card{padding:20px;margin-bottom:16px}
.card .card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.card .card-head h3{font-size:15px;font-weight:750;letter-spacing:-.025em;color:#22314a;flex:unset}
.card .card-head .muted{font-size:12px}
.card .card-head p.muted{margin:4px 0 0}
.card .muted,.muted{color:var(--muted)}
button.ghost,.btn.ghost{background:#f5f8fe;border:1px solid #dce7f7;color:#2863ad}
button.ghost:hover,.btn.ghost:hover{background:#e9f1ff;border-color:#b7d0f7;color:#1157bf}
.card table,.card table thead,.card table tbody{background:transparent}
table{border-collapse:collapse}
table th{background:#f6f8fc;color:#5d708a;font-size:12px;font-weight:650;white-space:nowrap}
table td{color:#364960}
table tr:hover td{background:#f7fbff}
table td,table th{border-bottom:1px solid #eff2f6}
.badge{border-radius:8px}
.kpi{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;color:var(--text);min-width:0}
.kpi .label{color:var(--muted);font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}
.kpi .value{font-size:clamp(21px,2vw,30px);letter-spacing:-.04em;overflow-wrap:anywhere}
.kpi .sub{color:var(--muted);font-size:12px}
.kpi.blue,.kpi.green,.kpi.purple,.kpi.amber{border:1px solid var(--border)}
.kpi .ico-bg{border-radius:12px}
/* Color KPIs on the overview only; no false percentage variation */
.page-overview .overview-kpis{gap:15px;margin:18px 0 18px}
.page-overview .kpi{border:0;box-shadow:0 5px 18px rgba(51,83,122,.13);padding:17px 17px 18px;min-height:132px;position:relative;overflow:hidden}
.page-overview .kpi.blue{background:linear-gradient(118deg,#1885ff,#1769ed)}
.page-overview .kpi.green{background:linear-gradient(118deg,#21b77f,#0da66c)}
.page-overview .kpi.purple{background:linear-gradient(118deg,#9739f3,#7e2fe5)}
.page-overview .kpi.amber{background:linear-gradient(118deg,#ff9c19,#fa8510)}
.page-overview .kpi .label,.page-overview .kpi .value,.page-overview .kpi .sub{color:#fff}
.page-overview .kpi .label{letter-spacing:0;text-transform:none;font-size:12px;font-weight:650;max-width:calc(100% - 64px)}
.page-overview .kpi .value{margin-top:10px;font-size:clamp(22px,2.2vw,29px);text-shadow:0 1px rgba(0,0,0,.05)}
.page-overview .kpi .sub{margin-top:7px;opacity:.88}
.page-overview .kpi .ico-bg{background:rgba(255,255,255,.14)!important;color:#fff;right:16px;top:16px;width:42px;height:42px}
.page-overview .kpi:hover{transform:translateY(-2px);filter:brightness(1.015)}
.overview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.overview-header .eyebrow,.client-welcome .eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--primary)}
.overview-header p.muted,.client-welcome p.muted{margin:5px 0 0}
.overview-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.update-pill{color:#5e7690;background:#eaf0f6;padding:8px 11px;border-radius:18px;font-size:12px}
.overview-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,.85fr) minmax(205px,.65fr);gap:15px;align-items:stretch}
.overview-top>.card,.overview-bottom>.card{min-width:0;margin-bottom:0}
.overview-bottom{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,.8fr);gap:15px;margin-top:15px;align-items:stretch}
.overview-secondary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.overview-activity{margin:17px 0 0}
.overview-activity>summary{width:fit-content;color:#58708c;cursor:pointer;font-weight:650;padding:9px}
.overview-activity .card{margin-top:10px}
.chart-legend{display:flex;justify-content:flex-end;gap:20px;color:#71839a;font-size:11px;margin:7px 0 4px}
.swatch{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px;background:#2988fa}
.swatch.revenue{background:#18b989}
.overview-period{display:flex;background:#f0f4fa;padding:3px;border-radius:9px;gap:2px}
.overview-period button{font-size:11px;background:transparent;color:#72849d;padding:6px 8px;border-radius:7px;white-space:nowrap}
.overview-period button.active{color:#1966d6;background:white;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.overview-chart{min-height:235px;display:flex;align-items:center;width:100%;max-width:100%;overflow:auto}
.overview-chart .empty-state{width:100%;padding:55px 12px}
.sales-chart-grid{width:100%;min-width:320px;height:230px;padding:16px 3px 0;display:flex;align-items:stretch;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#ebeff5 calc(25% - 1px),#ebeff5 25%)}
.sales-chart-columns{width:100%;display:grid;grid-template-columns:repeat(var(--chart-n),minmax(0,1fr));gap:3px;align-items:end;min-width:calc(var(--chart-n) * 22px);padding-bottom:17px}
.sales-chart-day{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:stretch;min-width:0;text-align:center}
.sales-chart-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:0}
.sales-chart-bars>span{width:37%;max-width:27px;min-width:3px;border-radius:4px 4px 1px 1px;display:block}
.sales-bar{background:linear-gradient(180deg,#50a6ff,#1974f2)}
.revenue-bar{background:linear-gradient(180deg,#38d6a2,#0fa774)}
.sales-chart-label{font-size:9px;color:#7d8da4;margin-top:7px;white-space:nowrap}
.overview-status{display:flex;align-items:center;flex-direction:column;gap:20px;min-height:216px}
.status-ring{width:158px;height:158px;border-radius:50%;display:grid;place-items:center;margin:2px auto}
.status-ring-inner{background:white;width:114px;height:114px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 1px #fff}
.status-ring-inner strong{font-size:29px;letter-spacing:-.05em;color:#1b2c43}
.status-ring-inner small{font-size:10px;color:#7b8da6}
.status-list{width:100%;display:flex;flex-direction:column;gap:10px}
.status-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:7px;align-items:center;font-size:11px;color:#657992}
.status-list i{width:9px;height:9px;border-radius:50%}
.status-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-list strong{font-size:11px;color:#30435f}
.status-list small{font-size:10px;color:#7d8da4}
.block-action{width:100%;margin-top:12px}
.overview-actions{display:flex;flex-direction:column}
.overview-actions .quick-action{width:100%;justify-content:flex-start;display:flex;gap:10px;align-items:center;text-align:left;padding:11px 9px;background:#f1f6fe;border:1px solid #e4efff;color:#245087;margin-bottom:10px;white-space:normal;box-shadow:none}
.quick-action:hover{background:#e4f0ff;transform:translateX(2px)}
.quick-action .qa-icon{height:34px;width:34px;display:grid;place-items:center;flex-shrink:0;background:#dceaff;border-radius:9px;color:#156fe8;font-size:17px}
.quick-action span:nth-child(2){flex:1;font-size:12px;font-weight:700;min-width:0}
.quick-action small{display:block;font-size:10px;font-weight:450;opacity:.7;margin-top:4px}
.quick-action b{font-size:18px;color:#7593b8}
.overview-table-wrap{overflow-x:auto;max-width:100%}
.recent-table{width:100%;min-width:660px}
.recent-table th,.recent-table td{font-size:11px;padding:12px 9px;white-space:nowrap}
.recent-table td{color:#34465f}
.recent-table strong{font-size:11px}
.recent-table .badge{white-space:nowrap;font-size:10px}
.op-ranking{display:flex;align-items:center;gap:12px;margin:17px 0}
.op-brand{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#7893b1;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:-.02em}
.op-brand.claro{background:#f62239}.op-brand.tim{background:#164bd9}.op-brand.vivo{background:#7f21cc}
.op-ranking-main{flex:1;min-width:0}
.op-ranking-title{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:9px}
.op-ranking-title strong{font-size:12px;color:#233854}
.op-ranking-title span{font-size:10px;color:#74869d;white-space:nowrap}
.op-progress{height:8px;border-radius:15px;background:#e9edf3;overflow:hidden}
.op-progress>span{height:100%;border-radius:15px;display:block;background:#7393b2}
.op-progress>span.claro{background:#f62239}.op-progress>span.tim{background:#164bd9}.op-progress>span.vivo{background:#7f21cc}
.dash-top-card .avatar{background:linear-gradient(135deg,#1d80f8,#46c2fc);color:#fff}
.dash-top-card table{min-width:360px}
.dash-top-card .empty-state,.overview-operators .empty-state,.overview-status .empty-state{padding:31px 9px}
.dash-top-card .muted{font-size:11px}
.preco-cliente-card{padding:20px}
.preco-cliente-grid label{color:#405471}
.preco-cliente-grid input,.preco-cliente-grid select{background:#fff;color:var(--text);border:1px solid var(--border-strong)}
.preco-cliente-grid select option{color:var(--text);background:white}
.client-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.client-welcome .page-h{margin:4px 0!important}
.login-split{background:#f3f6fb}
.login-split .hero{background:radial-gradient(circle at 25% 10%,rgba(28,157,255,.23),transparent 50%),linear-gradient(140deg,#102946,#0c1c33)}
.login-split .hero h1,.login-split .hero .feat div,.login-split .hero>div{color:white}
.login-split .hero .tag{color:#c4d6ed}
.login-split .form-side{background:#f3f6fb}
.login-split .form-card{background:#fff;border:1px solid #e6ebf3;box-shadow:var(--shadow);border-radius:18px;padding:28px 26px;max-width:425px}
.login-split .form-card .title{color:#14263f}
.login-split .form-card .sub{color:#7e8da3}
.login-error{color:#b91c1c}
.dropdown-menu{box-shadow:var(--shadow-lg)}
.cmdk{background:rgba(10,26,48,.47)}
.cmdk .cmdk-box{box-shadow:var(--shadow-lg)}
.modal-backdrop{background:rgba(18,32,52,.55)}
@media(max-width:1400px){.overview-top{grid-template-columns:minmax(0,1.3fr) minmax(225px,.7fr)}.overview-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:9px}.overview-actions .card-head{grid-column:1/-1;margin:0}.overview-actions .quick-action{margin:0}}
@media(max-width:1020px){.page-overview .overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-bottom{grid-template-columns:minmax(0,1fr)}.overview-top{grid-template-columns:minmax(0,1fr) minmax(240px,.68fr)}}
@media(max-width:740px){.topbar .search-trigger{display:none}.content{padding:17px 12px 35px}.card{padding:15px}.page-overview .overview-kpis{gap:10px;margin:14px 0}.page-overview .kpi{min-height:120px;padding:14px}.page-overview .kpi .ico-bg{width:32px;height:32px;top:11px;right:11px}.page-overview .kpi .value{font-size:21px}.overview-top,.overview-bottom,.overview-secondary{grid-template-columns:minmax(0,1fr)}.overview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-header-actions{width:100%}.overview-chart{min-height:190px}.sales-chart-grid{height:190px}.status-ring{height:142px;width:142px}.status-ring-inner{height:100px;width:100px}.overview-status{min-height:0}.dashboard-prioridade{grid-template-columns:minmax(0,1fr)}.card .card-head{align-items:flex-start}}
@media(max-width:440px){.page-overview .kpi .label{font-size:11px}.page-overview .kpi .value{font-size:19px}.page-overview .kpi .sub{font-size:10px}.overview-actions .quick-action{padding:9px 6px}.quick-action small{display:none}.quick-action .qa-icon{width:28px;height:28px}.overview-header p.muted{font-size:12px}.login-split .form-card{padding:24px 18px}.sidebar .brand .text{font-size:15px}}
@media(prefers-reduced-motion:reduce){button,.btn,.sidebar .nav-item{transition:none}.page-overview .kpi:hover,.quick-action:hover{transform:none}}

/* Pedidos em cartões no celular: não exige rolagem horizontal */
.mobile-recent-list{display:none}
@media(max-width:740px){
 .topbar .page-title{display:block!important;font-size:16px;margin-right:auto;margin-left:8px;white-space:nowrap}
 .topbar .spacer{flex:0!important}
 .recent-table{display:none}
 .mobile-recent-list{display:grid;grid-template-columns:1fr;gap:9px}
 .mobile-recent{background:#f9fbfe;border:1px solid #e8eef7;border-radius:11px;padding:12px 13px}
 .mobile-recent-head,.mobile-recent-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
 .mobile-recent-head>strong{font-size:12px;color:#1b64c3}
 .mobile-recent-name{font-size:13px;font-weight:700;margin-top:8px;color:#1c2f49}
 .mobile-recent-desc{font-size:11px;color:#6b7e96;margin-top:2px}
 .mobile-recent-foot{margin-top:11px;padding-top:10px;border-top:1px solid #e8edf5;font-size:12px}
 .mobile-recent-foot span{font-size:10px;color:#8290a3}
 .dash-top-card table{min-width:0!important;width:100%;table-layout:fixed}
 .dash-top-card table th,.dash-top-card table td{padding:10px 6px;word-break:break-word}
 .dash-top-card table th:first-child{width:48%}
 .dash-top-card table .muted{display:none}
}