/* V1.12 - camada visual incremental, preserva os componentes existentes */
.customer-app { background:#f4f6fa; }
.customer-app .topbar { background:rgba(255,255,255,.97); border-bottom:1px solid #e5eaf2; }
.customer-app .container { max-width:1240px; }
.customer-app main { min-height:calc(100vh - 140px); }
.customer-app main h1 { letter-spacing:-.035em; line-height:1.12; }
.customer-app main .card, .customer-app main [class*="-card"] { border-radius:18px; }
.customer-app main .btn { border-radius:12px; min-height:42px; }
.customer-bottom-nav,.customer-more-menu { display:none; }
@media(max-width:800px) {
 .customer-app .topbar-inner { min-height:62px; }
 .customer-app .topbar-actions .topbar-link,.customer-app .topbar-user { display:none; }
 .customer-app main { padding-bottom:92px; }
 .customer-app main .container { padding-left:16px; padding-right:16px; }
 .customer-app main h1 { font-size:clamp(29px,8vw,40px); }
 .customer-app main input,.customer-app main select,.customer-app main textarea { max-width:100%; font-size:16px; }
 .customer-app main [class*="grid"] { min-width:0; }
 .customer-app .footer { display:none; }
 .customer-bottom-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); position:fixed; bottom:0; left:0; right:0; z-index:100; padding:7px 5px calc(7px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid #e2e8f0; box-shadow:0 -7px 25px rgba(16,31,64,.06); }
 .customer-bottom-nav a,.customer-bottom-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border:0; background:transparent; color:#68758b; font:600 10px/1.2 inherit; text-decoration:none; padding:6px 0; border-radius:11px; cursor:pointer; }
 .customer-bottom-nav span { font-size:23px; line-height:1.15; }
 .customer-bottom-nav .is-active { color:#101f40; background:#f0f3f9; }
 .customer-more-menu:not([hidden]) { display:flex; flex-direction:column; position:fixed; bottom:calc(75px + env(safe-area-inset-bottom)); right:10px; z-index:101; width:185px; padding:8px; border:1px solid #e5eaf2; border-radius:16px; background:#fff; box-shadow:0 12px 35px rgba(16,31,64,.15); }
 .customer-more-menu a { padding:12px; color:#101f40; text-decoration:none; font-weight:600; }
}

/* V1.12.1 — camada de design responsivo e temas, somente painel do cliente */
.customer-app { --surface:#fff; --surface-soft:#f3f6fc; --ink:#12213e; --muted:#63728b; --line:#e1e8f2; --primary:#112449; --primary-hover:#203e70; --accent:#d7a53d; background:var(--surface-soft); color:var(--ink); }
.customer-app .topbar { background:var(--surface); border-color:var(--line); }
.customer-app .customer-theme-toggle { display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 11px;border-radius:12px;cursor:pointer;font-weight:700;font-size:12px; }
.customer-app .customer-theme-toggle:focus-visible,.customer-app .customer-bottom-nav :focus-visible {outline:3px solid #d7a53d;outline-offset:2px;}
.customer-app .stat-card { min-width:0; border:1px solid var(--line);border-radius:20px; box-shadow:0 7px 25px rgba(15,30,55,.045); }
.customer-app .stats-grid .stat-card:nth-child(4n+1) {background:linear-gradient(135deg,#e8f0ff,#f8fbff);}
.customer-app .stats-grid .stat-card:nth-child(4n+2) {background:linear-gradient(135deg,#e2f7ed,#f6fdf9);}
.customer-app .stats-grid .stat-card:nth-child(4n+3) {background:linear-gradient(135deg,#fff1d8,#fffbf2);}
.customer-app .stats-grid .stat-card:nth-child(4n+4) {background:linear-gradient(135deg,#eee8ff,#faf8ff);}
.customer-app .btn,.customer-app button {transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;}
.customer-app .btn:active,.customer-app button:active {transform:scale(.975);}
.customer-app .info-card {background:var(--surface);border-color:var(--line);}
.customer-app[data-theme="dark"] { color-scheme:dark;--surface:#18253e;--surface-soft:#0d172b;--ink:#f0f4ff;--muted:#b2bfd5;--line:#30405d;--primary:#d5a543;--primary-hover:#edbe60;--accent:#f0c56e; background:var(--surface-soft);color:var(--ink); }
.customer-app[data-theme="dark"] .topbar,.customer-app[data-theme="dark"] .stat-card,.customer-app[data-theme="dark"] .info-card,.customer-app[data-theme="dark"] .card,.customer-app[data-theme="dark"] main [class*="-card"] {background:#18253e;color:var(--ink);border-color:var(--line);}
.customer-app[data-theme="dark"] .stats-grid .stat-card:nth-child(4n+1){background:#1c3155;}
.customer-app[data-theme="dark"] .stats-grid .stat-card:nth-child(4n+2){background:#1a4039;}
.customer-app[data-theme="dark"] .stats-grid .stat-card:nth-child(4n+3){background:#42351f;}
.customer-app[data-theme="dark"] .stats-grid .stat-card:nth-child(4n+4){background:#342b52;}
.customer-app[data-theme="dark"] main,.customer-app[data-theme="dark"] .dashboard-section {background:var(--surface-soft);color:var(--ink);}
.customer-app[data-theme="dark"] .btn-primary {color:#11203d;}
.customer-app[data-theme="dark"] .btn-secondary,.customer-app[data-theme="dark"] .btn-ghost {background:#243451;color:#f0f4ff;border-color:#3b4d6a;}
.customer-app[data-theme="dark"] input,.customer-app[data-theme="dark"] select,.customer-app[data-theme="dark"] textarea {background:#15223a!important;color:#f0f4ff!important;border-color:#40516e!important;}
.customer-app[data-theme="dark"] input::placeholder,.customer-app[data-theme="dark"] textarea::placeholder {color:#aab8cf;}
.customer-app[data-theme="dark"] .status-pill {background:#47391e;color:#ffe3a3;border-color:#685327;}
.customer-app[data-theme="dark"] .next-action-card {background:#172a4e;}
.customer-app[data-theme="dark"] .customer-bottom-nav,.customer-app[data-theme="dark"] .customer-more-menu {background:#18253e;border-color:#344462;}
.customer-app[data-theme="dark"] .customer-more-menu a,.customer-app[data-theme="dark"] .customer-more-menu button {color:#f0f4ff;}
@media(max-width:800px){
 .customer-app .topbar-actions {gap:7px;}
 .customer-app .customer-theme-toggle {min-width:42px;min-height:40px;justify-content:center;padding:8px;}
 .customer-app .customer-theme-toggle .theme-label {display:none;}
 .customer-app .stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
 .customer-app .stat-card {padding:17px 14px;min-height:128px;}
 .customer-app .stat-card strong {font-size:clamp(25px,7vw,34px);}
 .customer-app .dashboard-section {padding-top:25px;}
 .customer-app .dashboard-head {align-items:flex-start;gap:10px;flex-wrap:wrap;}
 .customer-app .dashboard-head h1 {font-size:clamp(26px,7vw,36px);}
 .customer-app .action-grid {grid-template-columns:1fr;}
 .customer-app main {padding-bottom:115px;}
 .customer-bottom-nav {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:0;padding:7px max(6px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));min-height:76px;background:var(--surface);border-top:1px solid var(--line);}
 .customer-bottom-nav a,.customer-bottom-nav button {min-width:0;width:100%;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 1px;color:var(--muted);font:inherit;font-size:10px;font-weight:700;line-height:1.15;text-align:center;white-space:nowrap;}
 .customer-bottom-nav .nav-icon {display:grid;place-items:center;font-size:23px;line-height:1;width:34px;height:31px;}
 .customer-bottom-nav .nav-label {font-size:10px;letter-spacing:-.1px;}
 .customer-bottom-nav .is-active:not(.nav-primary){background:transparent;color:#b37c15;}
 .customer-bottom-nav .nav-primary {position:relative;transform:translateY(-9px);color:var(--ink);}
 .customer-bottom-nav .nav-primary .nav-icon {height:51px;width:51px;border-radius:18px;background:#e7b54e;color:#132342;font-size:27px;box-shadow:0 5px 16px rgba(190,135,32,.28);}
 .customer-bottom-nav .nav-primary.is-active .nav-icon {background:#f4c85e;outline:2px solid #fff;}
 .customer-more-menu:not([hidden]) {bottom:calc(86px + env(safe-area-inset-bottom));background:var(--surface);border-color:var(--line);width:230px;}
 .customer-more-menu button {text-align:left;border:0;background:transparent;padding:12px;font-weight:700;cursor:pointer;}
}
@media(max-width:350px){.customer-bottom-nav .nav-label{font-size:9px}.customer-app .stat-card{padding:13px 10px}}

/* V1.12.2 — correções de contraste e usabilidade em TODAS as telas do cliente */
.customer-app[data-theme="dark"] .tap-plan-strip,.customer-app[data-theme="dark"] .plan-next-box{background:#1b2c49!important;border-color:#405371!important;color:#f3f6ff!important;}
.customer-app[data-theme="dark"] .tap-plan-strip span,.customer-app[data-theme="dark"] .tap-plan-strip strong,.customer-app[data-theme="dark"] .tap-plan-strip a{color:#f4f6ff!important;}
.customer-app[data-theme="dark"] .tap-card,.customer-app[data-theme="dark"] .tap-card-inactive{background:#18253e!important;color:#f3f6ff!important;opacity:1;}
.customer-app[data-theme="dark"] .tap-card h2,.customer-app[data-theme="dark"] .tap-card strong,.customer-app[data-theme="dark"] .tap-metrics strong{color:#f3f6ff!important;}
.customer-app[data-theme="dark"] .tap-card p,.customer-app[data-theme="dark"] .tap-metrics small{color:#b9c7de!important;}
.customer-app[data-theme="dark"] .tap-card-actions{border-top-color:#405371;}
.customer-app[data-theme="dark"] .tap-action-btn,.customer-app[data-theme="dark"] .tap-action-btn:visited{background:#263958!important;color:#f4f7ff!important;border-color:#526784!important;}
.customer-app[data-theme="dark"] .tap-action-btn:hover,.customer-app[data-theme="dark"] .tap-action-btn:focus-visible{background:#365078!important;color:#fff!important;border-color:#e6b651!important;}
.customer-app[data-theme="dark"] .tap-action-material,.customer-app[data-theme="dark"] .tap-action-qr{background:#49391f!important;color:#ffe4a7!important;border-color:#82612b!important;}
.customer-app[data-theme="dark"] .tap-action-analytics{background:#183c53!important;color:#b8e9ff!important;border-color:#3b718a!important;}
.customer-app[data-theme="dark"] .tap-action-warn{background:#493222!important;color:#ffd6a0!important;}
.customer-app[data-theme="dark"] .tap-action-success{background:#1c473b!important;color:#a8f0cb!important;}
.customer-app[data-theme="dark"] .tap-link-box{background:#0e1b31!important;border-color:#3b4f6b!important;color:#eaf2ff!important;}
.customer-app[data-theme="dark"] .tap-link-box code,.customer-app[data-theme="dark"] .tap-link-actions button,.customer-app[data-theme="dark"] .tap-link-actions a{color:#eaf2ff!important;}
.customer-app[data-theme="dark"] .tap-copy-btn{background:#253958!important;border-color:#536784!important;}
.customer-app[data-theme="dark"] .btn:not(.btn-primary),.customer-app[data-theme="dark"] .btn:not(.btn-primary):visited{color:#eef4ff;border-color:#516480;}
.customer-app[data-theme="dark"] .btn-primary{background:#e5b34c!important;color:#10213f!important;border-color:#e5b34c!important;}
.customer-app[data-theme="dark"] .tap-card [class*="badge"],.customer-app[data-theme="dark"] .tap-card [class*="pill"]{color:#eaf2ff;}
.customer-app[data-theme="dark"] main a:not(.btn):not(.tap-action-btn):not(.tap-link-actions a){text-decoration-color:currentColor;}
.customer-app[data-theme="dark"] .info-card,.customer-app[data-theme="dark"] .plan-card,.customer-app[data-theme="dark"] .campaign-card,.customer-app[data-theme="dark"] .origin-card{background:#18253e;color:#f3f6ff;border-color:#405371;}
.customer-app[data-theme="dark"] .stat-card span,.customer-app[data-theme="dark"] .stat-card small{color:#c7d5ea!important;}
.customer-app[data-theme="dark"] .customer-bottom-nav .nav-label{color:#b7c6df;}
.customer-app[data-theme="dark"] .customer-bottom-nav .is-active .nav-label{color:#f0c76a;}
.customer-app .tap-action-btn:focus-visible,.customer-app .btn:focus-visible{outline:3px solid #e5b34c;outline-offset:2px;}
@media(max-width:800px){
.customer-app .tap-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.customer-app .tap-action-btn{min-height:46px;padding:11px 7px;font-size:12px;line-height:1.25;white-space:normal;text-align:center;}
.customer-app .tap-plan-strip{gap:8px;}
.customer-app .customer-bottom-nav .nav-primary .nav-label{font-size:11px;font-weight:800;}
.customer-app .tap-card{padding:18px 15px;}
}

/* V1.12.3 - Performance: contraste completo no modo escuro */
.customer-app[data-theme="dark"] .performance-page .performance-panel,
.customer-app[data-theme="dark"] .performance-page .performance-periods,
.customer-app[data-theme="dark"] .performance-page .performance-insights > div {
  background:#18253e !important;color:#f0f4ff !important;border-color:#354966 !important;
}
.customer-app[data-theme="dark"] .performance-page .performance-panel h2,
.customer-app[data-theme="dark"] .performance-page .performance-panel strong,
.customer-app[data-theme="dark"] .performance-page .performance-panel em,
.customer-app[data-theme="dark"] .performance-page .performance-ranking-list strong,
.customer-app[data-theme="dark"] .performance-page .performance-insights p strong,
.customer-app[data-theme="dark"] .performance-page .stat-card strong {color:#f0f4ff !important;}
.customer-app[data-theme="dark"] .performance-page .performance-panel p,
.customer-app[data-theme="dark"] .performance-page .performance-panel small,
.customer-app[data-theme="dark"] .performance-page .performance-panel-head > a,
.customer-app[data-theme="dark"] .performance-page .performance-ranking-list small,
.customer-app[data-theme="dark"] .performance-page .performance-bar-item small,
.customer-app[data-theme="dark"] .performance-page .performance-bar-item > span {color:#bdcce3 !important;}
.customer-app[data-theme="dark"] .performance-page .performance-ranking-list > a,
.customer-app[data-theme="dark"] .performance-page .performance-ranking-list > div {border-top-color:#354966;}
.customer-app[data-theme="dark"] .performance-page .performance-bars {border-bottom-color:#405373;}
.customer-app[data-theme="dark"] .performance-page .performance-bar-item > div {background:linear-gradient(to top,rgba(212,165,67,.10),transparent);}
.customer-app[data-theme="dark"] .performance-page .performance-bar-item i {background:linear-gradient(180deg,#f1c46a,#b47b27);}
.customer-app[data-theme="dark"] .performance-page .performance-context,
.customer-app[data-theme="dark"] .performance-page .performance-ranking-list b {background:#44351c;color:#ffe2a0;border-color:#705528;}
.customer-app[data-theme="dark"] .performance-page .performance-periods a {color:#bdcce3;}
.customer-app[data-theme="dark"] .performance-page .performance-periods a:hover {background:#304562;color:#fff;}
.customer-app[data-theme="dark"] .performance-page .performance-periods a.is-active {background:#e2b354;color:#11213c;}
.customer-app[data-theme="dark"] .performance-page .performance-change-card strong.is-up {color:#75e3ae !important;}
.customer-app[data-theme="dark"] .performance-page .performance-change-card strong.is-down {color:#ff9a9a !important;}
.customer-app[data-theme="dark"] .performance-page .performance-empty {background:#101e35;color:#bdcce3;}
.customer-app[data-theme="dark"] .performance-page .performance-insights > div > span {background:#263c5b;color:#f0c56e;}
