*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#000;--bg2:#050508;--bg3:#0a0a10;
  --glass:rgba(255,255,255,.03);--glass2:rgba(255,255,255,.06);
  --gb:rgba(255,255,255,.06);--gb2:rgba(255,255,255,.12);--gb3:rgba(255,255,255,.18);
  --silver:#c0c0cc;--silver-l:#e0e0ec;--silver-d:#707080;
  --glow:rgba(200,200,220,.15);
  --white:#fff;--w90:rgba(255,255,255,.9);--w70:rgba(255,255,255,.7);--w60:rgba(255,255,255,.6);--w50:rgba(255,255,255,.5);--w30:rgba(255,255,255,.3);--w20:rgba(255,255,255,.2);--w12:rgba(255,255,255,.12);--w06:rgba(255,255,255,.06);--w03:rgba(255,255,255,.03);
  --accent:linear-gradient(135deg,#777 0%,#e8e8f0 45%,#aaa 100%);
  --accent-s:linear-gradient(135deg,#666,#bbb);
  --c-cardio:#ff4466;--c-neural:#a855f7;--c-pneumo:#38bdf8;--c-mkt:#fb923c;--c-green:#34d399;
  --radius:20px;--radius-sm:14px;--radius-xs:8px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --preview-bump:0px;
  --nav-h:72px;
  --font:'Poppins',system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
html,body{height:100%;overflow:hidden;background:#000;color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}
#particles-bg{position:fixed;inset:0;z-index:0;pointer-events:none}

/* SPLASH */
#splash{position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1.2s ease,visibility 1.2s}
#splash.hide{opacity:0;visibility:hidden;pointer-events:none}
#splash canvas{position:absolute;inset:0;width:100%;height:100%}
.splash-content{position:relative;z-index:2;text-align:center}
.splash-logo{font-size:clamp(72px,14vw,120px);font-weight:900;letter-spacing:clamp(14px,4vw,36px);display:inline-flex}
.splash-logo span{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:splashIn 1.6s var(--ease) both}
.sl-s{background:linear-gradient(180deg,#888 0%,#d8d8e8 35%,#999 70%,#bbb 100%);animation-delay:.4s!important}
.sl-e{background:linear-gradient(180deg,#aaa 0%,#f4f4ff 30%,#ccc 60%,#e8e8f0 100%);animation-delay:.7s!important;filter:drop-shadow(0 0 40px rgba(200,200,220,.35))}
.sl-a{background:linear-gradient(180deg,#999 0%,#f0f0fa 25%,#bbb 55%,#e0e0ec 100%);animation-delay:1s!important;filter:drop-shadow(0 0 40px rgba(200,200,220,.3))}
@keyframes splashIn{from{opacity:0;transform:scale(.4) translateY(30px);filter:blur(40px)}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 0 40px rgba(200,200,220,.3))}}
.splash-sub{font-size:clamp(7px,1.2vw,10px);letter-spacing:clamp(8px,2vw,18px);color:var(--silver-d);margin-top:24px;text-transform:uppercase;animation:splashIn 1s var(--ease) 1.2s both}
.splash-tagline{font-size:clamp(10px,1.5vw,13px);color:var(--w20);margin-top:12px;letter-spacing:3px;animation:splashIn 1s var(--ease) 1.6s both}
.splash-bar{width:220px;height:2px;background:var(--w03);border-radius:3px;margin:60px auto 0;overflow:visible;animation:splashIn .6s var(--ease) 1.8s both;position:relative}
.splash-bar-inner{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#666,#e8e8f0,#999);border-radius:3px;width:0;animation:barGo 3s var(--ease) 2s forwards}
.splash-bar-glow{position:absolute;top:-4px;left:0;height:10px;width:30px;background:radial-gradient(ellipse,rgba(200,200,220,.6),transparent);border-radius:50%;animation:barGlowMove 3s var(--ease) 2s forwards;opacity:0}
@keyframes barGo{to{width:100%}}
@keyframes barGlowMove{0%{left:0;opacity:0}10%{opacity:1}100%{left:calc(100% - 15px);opacity:0}}

/* APP */
#app{position:fixed;inset:0;opacity:0;transition:opacity .8s var(--ease);overflow:hidden;z-index:1}
#app.show{opacity:1}
.page{position:absolute;inset:0;bottom:calc(var(--nav-h) + var(--preview-bump));display:none;flex-direction:column;overflow:hidden}
.page.active{display:flex}

/* GLASS */
.glass{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));backdrop-filter:blur(40px) saturate(1.3);-webkit-backdrop-filter:blur(40px) saturate(1.3);border:1px solid var(--gb);border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
.glass::before{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%,transparent 60%,rgba(255,255,255,.03));border-radius:inherit;pointer-events:none;z-index:1}
.glass::after{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none;z-index:1}
.glass2{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--gb);border-radius:var(--radius-sm);position:relative;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.2)}
.glass2::before{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%);border-radius:inherit;pointer-events:none}

.float{animation:floatY 6s ease-in-out infinite}
.float-d1{animation-delay:-2s}.float-d2{animation-delay:-4s}.float-d3{animation-delay:-3s}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.glow-hover{transition:all .4s var(--ease)}
.glow-hover:hover{border-color:var(--gb2);box-shadow:0 4px 40px rgba(200,200,220,.06),inset 0 1px 0 rgba(255,255,255,.06);transform:translateY(-4px)}
.glow-hover:active{transform:scale(.97);transition-duration:.1s}
.shimmer{position:relative;overflow:hidden}
.shimmer::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmerMove 5s ease-in-out infinite;pointer-events:none;z-index:2}
@keyframes shimmerMove{0%,100%{left:-100%}50%{left:150%}}

/* TOPBAR */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;padding-top:calc(env(safe-area-inset-top,14px) + 6px);position:relative;z-index:10;flex-shrink:0}
.topbar-l{display:flex;align-items:center;gap:12px}
.topbar-r{display:flex;align-items:center;gap:8px}
.app-logo{font-size:20px;font-weight:900;letter-spacing:8px;background:var(--accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(200,200,220,.2))}
.page-label{font-size:12px;font-weight:600;color:var(--w30);letter-spacing:2px;text-transform:uppercase}
.tbtn{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;background:var(--w03);border:1px solid var(--gb);color:var(--silver);backdrop-filter:blur(20px)}
.tbtn:hover{background:var(--w06);border-color:var(--gb2)}
.tbtn:active{transform:scale(.85)}
.tbtn svg{width:17px;height:17px}
.topbar-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-s);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 16px rgba(200,200,220,.08);position:relative;flex-shrink:0}
.topbar-avatar span{font-size:10px;font-weight:800;color:#000;letter-spacing:1px}
.av-crown{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:14px;height:14px;stroke:var(--silver-l);fill:rgba(200,200,220,.15);filter:drop-shadow(0 0 4px rgba(200,200,220,.3))}
.cv-toggle-wrap{display:flex;align-items:center;gap:6px}
.cv-toggle-label{font-size:8px;font-weight:700;letter-spacing:1px;color:var(--w20);text-transform:uppercase}
.toggle-mini{position:relative;width:36px;height:20px;flex-shrink:0;cursor:pointer}
.toggle-mini input{display:none}
.toggle-mini-sl{position:absolute;inset:0;border-radius:10px;background:var(--w03);border:1px solid var(--gb);transition:.3s var(--ease)}
.toggle-mini-sl::after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:var(--silver-d);top:1px;left:1px;transition:.3s var(--ease);box-shadow:0 1px 4px rgba(0,0,0,.4)}
.toggle-mini input:checked+.toggle-mini-sl{background:rgba(200,200,220,.1);border-color:rgba(200,200,220,.2)}
.toggle-mini input:checked+.toggle-mini-sl::after{transform:translateX(16px);background:var(--white);box-shadow:0 0 10px rgba(200,200,220,.25)}

/* SCROLL */
.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 24px 28px;position:relative;z-index:1;-webkit-overflow-scrolling:touch}
.page-scroll::-webkit-scrollbar{display:none}

#vm-calcs-content{min-height:400px}
#vm-calcs-content .vm-calcs-column{display:flex;flex-direction:column;gap:10px}
@media (max-width:480px){
  #vm-calcs-content .vm-calcs-column{gap:6px}
  #vm-calcs-content .vm-calc-card button{padding:8px 10px!important;font-size:11px!important}
  #vm-calcs-content .vm-calc-card button span:first-of-type{font-size:11px}
  #vm-calcs-content .vm-calc-card > div{padding:8px 10px!important}
  #vm-calcs-content .vm-calc-card .icu-field{margin-bottom:2px}
  #vm-calcs-content .vm-calc-card .icu-field label{font-size:8px!important;margin-bottom:1px}
  #vm-calcs-content .vm-calc-card .icu-field input,#vm-calcs-content .vm-calc-card .icu-field select{padding:4px 6px!important;font-size:10px!important;min-height:28px!important}
  #vm-calcs-content .vm-calc-card .icu-small-btn{padding:4px 8px!important;font-size:10px!important}
  #vm-calcs-content .vm-calc-card [style*="padding:8px"]{padding:6px!important;font-size:10px!important}
}

/* DATE TIME */
.dt-wrap{margin-bottom:28px;position:relative;padding:0}
.dt-time-row{display:flex;align-items:baseline;gap:10px}
.dt-time{font-size:clamp(48px,9vw,76px);font-weight:900;background:var(--accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;font-variant-numeric:tabular-nums;line-height:1;filter:drop-shadow(0 0 24px rgba(200,200,220,.2))}
.dt-sec{font-size:18px;font-weight:400;color:var(--w20);font-variant-numeric:tabular-nums}
.dt-date{font-size:12px;color:var(--w20);margin-top:8px;letter-spacing:1.5px;font-weight:500}
.dt-greet{position:absolute;right:0;bottom:0;text-align:right}
.dt-greet strong{display:block;font-size:16px;color:var(--w50);font-weight:600}
.dt-greet span{font-size:11px;color:var(--w20)}

/* HERO */
.hero{position:relative;padding:clamp(24px,4vw,40px) clamp(24px,3vw,36px);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.3;pointer-events:none}
.hero-badges{display:flex;gap:8px;margin-bottom:18px;position:relative;z-index:2;flex-wrap:wrap}
.hbadge{font-size:8px;font-weight:700;letter-spacing:2px;padding:5px 14px;border-radius:20px;border:1px solid var(--w06);color:var(--silver);background:var(--w03);text-transform:uppercase;backdrop-filter:blur(10px)}
.hero h1{font-size:clamp(26px,4vw,44px);font-weight:800;line-height:1.15;margin-bottom:14px;color:var(--white);position:relative;z-index:2}
.grad{background:var(--accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(200,200,220,.2))}
.hero p{font-size:clamp(11px,1.5vw,13px);color:var(--w20);line-height:1.8;position:relative;z-index:2;max-width:600px}

/* DIFF CARDS */
.diff-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}
.diff-card{padding:22px 14px;text-align:center;transition:all .4s var(--ease);cursor:default}
.diff-ic{width:46px;height:46px;margin:0 auto 12px;border-radius:14px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;transition:all .4s}
.diff-card:hover .diff-ic{box-shadow:0 0 24px rgba(200,200,220,.08);border-color:var(--gb2)}
.diff-ic svg{width:22px;height:22px;stroke:var(--silver)}
.diff-card h4{font-size:10px;font-weight:700;color:var(--white);margin-bottom:3px}
.diff-card p{font-size:8px;color:var(--w12);line-height:1.5}

/* SIMS GRID */
.sims-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}
.sim-card{padding:18px;cursor:pointer;transition:all .4s var(--ease);position:relative}
.sim-card canvas{width:100%;height:80px;border-radius:var(--radius-xs);margin-bottom:12px;display:block;background:rgba(0,0,0,.3)}
.sim-card h4{font-size:12px;font-weight:700;color:var(--white);margin-bottom:3px}
.sim-card p{font-size:9px;color:var(--w12);line-height:1.6}
.sim-tag{position:absolute;top:12px;right:12px;font-size:7px;font-weight:800;letter-spacing:2px;padding:3px 10px;border-radius:6px;background:rgba(200,200,220,.06);color:var(--silver);border:1px solid var(--w06);z-index:3}
.cardio-tag{color:var(--c-cardio);border-color:rgba(255,68,102,.15);background:rgba(255,68,102,.06)}
.pneumo-tag{color:var(--c-pneumo);border-color:rgba(56,189,248,.15);background:rgba(56,189,248,.06)}
.neural-tag{color:var(--c-neural);border-color:rgba(168,85,247,.15);background:rgba(168,85,247,.06)}
.mkt-tag{color:var(--c-mkt);border-color:rgba(251,146,60,.15);background:rgba(251,146,60,.06)}

/* ===== SISTEMA DIGITAL "SUPER FLUIDO" (MKT) ===== */
.mkt-root{max-width:100%;margin:0;padding:0;box-sizing:border-box;min-height:100%}
.mkt-root .mkt-futuro{padding:0}
.mkt-root .mkt-painel{min-height:calc(100vh - 80px)}

/* Sistema Digital Super Fluido — Mapa de Vazamento, IFM, Diagnóstico, Benchmark */
.mkt-sf{min-height:100%;padding:20px 24px 32px;max-width:720px;margin:0 auto}
.mkt-sf-header{margin-bottom:24px}
.mkt-sf-tit{font-size:20px;font-weight:800;color:var(--w90);margin:0 0 8px;letter-spacing:-.02em}
.mkt-sf-sub{font-size:13px;color:var(--w60);line-height:1.5;margin:0}
.mkt-sf-radar-tit-visual{font-size:12px;font-weight:700;color:var(--c-mkt);margin-bottom:12px;text-align:center;letter-spacing:.5px}
.mkt-sf-radar-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;margin:24px 0}
.mkt-radar-svg{width:100%;max-width:min(400px,85vw);height:auto;touch-action:none}
.mkt-sf-radar-wrap--compact{margin:12px 0}
.mkt-radar-svg--compact{max-width:min(280px,70vw);height:auto}
.mkt-sf-radar-no-painel-tit{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin-bottom:12px;text-transform:uppercase}
.mkt-radar-legend--compact{flex-wrap:wrap;justify-content:center;gap:8px 16px}
.mkt-radar-handle{transition:transform .15s;cursor:grab}
.mkt-radar-handle:active{cursor:grabbing;transform:scale(1.15)}
.mkt-radar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}
.mkt-radar-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w70)}
.mkt-radar-legend-lbl em{font-style:normal;color:var(--w50);font-size:11px}
.mkt-radar-legend-val{font-weight:700;color:var(--c-mkt);min-width:28px;text-align:right}
.mkt-sf-extrai{margin-top:14px;padding:12px;border-radius:var(--radius-xs);background:rgba(251,146,60,.06);border:1px solid rgba(251,146,60,.2);font-size:12px;color:var(--w75)}
.mkt-sf-tiktok-guia{margin-top:16px;padding:14px;border-radius:var(--radius-xs);background:var(--w06);border:1px solid var(--gb);font-size:12px;color:var(--w60)}
.mkt-sf-tiktok-guia summary{cursor:pointer;font-weight:600;color:var(--w80)}
.mkt-sf-tiktok-guia ul{margin:10px 0 0;padding-left:18px;line-height:1.6}
.mkt-sf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.mkt-sf-btn{padding:12px 24px;border-radius:var(--radius-xs);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .2s;border:none}
.mkt-sf-btn--primary{background:linear-gradient(135deg,rgba(251,146,60,.9),rgba(234,88,12,.85));color:#fff;box-shadow:0 4px 16px rgba(251,146,60,.25)}
.mkt-sf-btn--primary:hover{filter:brightness(1.08);transform:translateY(-2px)}
.mkt-sf-btn--ghost{background:var(--w06);color:var(--w80);border:1px solid var(--gb)}
.mkt-sf-btn--ghost:hover{background:var(--w12);border-color:var(--gb2)}
.mkt-sf-ifm-wrap{margin:20px 0;padding:24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(251,146,60,.12),rgba(255,255,255,.04));text-align:center;border:1px solid rgba(251,146,60,.2)}
.mkt-sf-ifm-label{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--w60);text-transform:uppercase;margin-bottom:8px}
.mkt-sf-ifm-val{font-size:48px;font-weight:900;color:var(--c-mkt);line-height:1}
.mkt-sf-ifm-desc{font-size:12px;color:var(--w50);margin-top:8px}
.mkt-sf-ifm-nivel{margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.mkt-sf-ifm-nivel--ok{color:var(--c-green)}
.mkt-sf-ifm-nivel--alerta{color:#f59e0b}
.mkt-sf-ifm-nivel--risco{color:#f97316}
.mkt-sf-ifm-nivel--colapso{color:#ef4444}
.mkt-sf-ifm-msg{margin:8px 0 0;font-size:12px;color:var(--w70);line-height:1.4}
.mkt-sf-diagnostico{margin:20px 0;padding:18px;border-radius:var(--radius-xs);background:var(--w06);border-left:4px solid var(--c-mkt);font-size:14px;color:var(--w90);line-height:1.55}
.mkt-sf-mapa-cards{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0}
.mkt-sf-card{padding:18px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--gb)}
.mkt-sf-card-tit{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-sf-card-body{font-size:13px;color:var(--w85);line-height:1.5}
.mkt-sf-acao-unica{margin:24px 0;padding:20px;border-radius:var(--radius-sm);background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.25)}
.mkt-sf-acao-unica-tit{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-sf-acao-unica-body{font-size:14px;color:var(--w90);line-height:1.5}
.mkt-sf-radar-dual{position:relative}
.mkt-sf-legend-dual{display:flex;justify-content:center;gap:24px;margin-top:12px;font-size:12px}
.mkt-sf-legend-you{color:var(--c-mkt);font-weight:600}
.mkt-sf-legend-nicho{color:var(--w50)}
.mkt-sf-dreno{margin:24px 0;padding:20px;border-radius:var(--radius-sm);background:var(--w06);border:1px solid var(--gb)}
.mkt-sf-dreno-tit{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin-bottom:12px;text-transform:uppercase}
.mkt-sf-dreno-msg,.mkt-sf-dreno-futuro{font-size:13px;color:var(--w80);line-height:1.5;margin:0 0 12px}
.mkt-sf-dreno-futuro{margin-bottom:0;color:var(--w60);font-size:12px}
.mkt-sf-bloco{margin-bottom:28px}
.mkt-sf-bloco:last-of-type{margin-bottom:0}
.mkt-sf-arquitetura .mkt-sf-acao-unica--2{margin-top:12px}
.mkt-sf-metricas-tit{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin-bottom:8px;text-transform:uppercase}
.mkt-sf-metricas-desc{font-size:12px;color:var(--w60);margin:0 0 14px;line-height:1.5}
.mkt-sf-form-metricas{display:flex;flex-direction:column;gap:12px}
.mkt-sf-label{font-size:12px;font-weight:600;color:var(--w80);display:block;margin-bottom:4px}
.mkt-sf-input{width:100%;max-width:200px;padding:10px 14px;border-radius:var(--radius-xs);border:1px solid var(--gb);background:var(--w06);color:var(--w90);font-size:14px;font-family:var(--font)}
.mkt-sf-input::placeholder{color:var(--w40)}
.mkt-sf-dreno-wrap .mkt-sf-dreno-msg{margin:0 0 8px}
.mkt-sf-benchmark-txt .mkt-sf-dreno-msg{margin:0}
.mkt-sf-gatilho{padding:16px;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.08)}
.mkt-sf-gatilho-tit{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ef4444;margin-bottom:8px;text-transform:uppercase}
.mkt-sf-gatilho-msg{font-size:13px;color:var(--w90);line-height:1.5;margin:0}
.mkt-sf-shell{min-height:100%;padding:32px 24px;max-width:560px;margin:0 auto;text-align:center}
.mkt-sf-shell-tit{font-size:20px;font-weight:800;color:var(--w90);margin:0 0 12px;letter-spacing:-.02em}
.mkt-sf-shell-sub{font-size:14px;color:var(--w60);line-height:1.5;margin:0 0 24px}
.mkt-sf-shell-placeholder{padding:20px;border-radius:var(--radius-sm);background:var(--w06);border:1px solid var(--gb);font-size:13px;color:var(--w50)}
.mkt-hero{margin:6px 0 20px;text-align:center}
.mkt-hero-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--c-mkt);margin-bottom:8px;padding:4px 12px;border-radius:8px;background:rgba(251,146,60,.1);border:1px solid rgba(251,146,60,.2)}
.mkt-hero h2{font-size:22px;font-weight:800;color:var(--silver-l);letter-spacing:-.5px;margin-bottom:6px;line-height:1.2}
.mkt-hero p{font-size:13px;color:var(--w50);line-height:1.5}

.mkt-progress{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.mkt-progress-track{flex:1;height:6px;background:var(--w06);border-radius:6px;overflow:hidden}
.mkt-progress-fill{height:100%;background:linear-gradient(90deg,var(--c-mkt),#f59e0b);border-radius:6px;transition:width .4s var(--ease)}
.mkt-progress-dot{width:10px;height:10px;border-radius:50%;background:var(--w06);transition:background .3s}
.mkt-progress-dot.done{background:var(--c-mkt)}
.mkt-progress-dot.current{background:var(--c-mkt);box-shadow:0 0 0 3px rgba(251,146,60,.3)}

.mkt-question-block{background:var(--glass);border:1px solid var(--gb);border-radius:var(--radius);padding:20px;margin-bottom:18px}
.mkt-q-label{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--c-mkt);text-transform:uppercase;margin-bottom:8px}
.mkt-question-block h3{font-size:16px;font-weight:700;color:var(--silver-l);margin-bottom:6px;line-height:1.3}
.mkt-q-desc{font-size:12px;color:var(--w50);margin-bottom:16px;line-height:1.5}
.mkt-option-card{display:block;width:100%;padding:14px 18px;margin-bottom:10px;text-align:left;font-size:14px;font-weight:600;color:var(--silver-l);background:var(--w03);border:1px solid var(--gb);border-radius:var(--radius-sm);cursor:pointer;transition:all .25s;font-family:var(--font)}
.mkt-option-card:last-child{margin-bottom:0}
.mkt-option-card:hover{background:var(--w06);border-color:rgba(251,146,60,.25);color:var(--white)}

.mkt-dash-card{margin-bottom:18px;padding:20px;background:var(--glass);border:1px solid var(--gb);border-radius:var(--radius)}
.mkt-dash-next{background:linear-gradient(135deg,rgba(251,146,60,.08),rgba(251,146,60,.02));border-color:rgba(251,146,60,.2)}
.mkt-dash-card h3{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--w50);text-transform:uppercase;margin-bottom:8px}
.mkt-dash-card p{font-size:14px;color:var(--silver-l);margin-bottom:14px;line-height:1.5}
.mkt-dash-card strong{color:var(--c-mkt)}
.mkt-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.mkt-dash-module{padding:16px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:10px}
.mkt-dash-module-head{display:flex;align-items:center;gap:10px}
.mkt-dash-num{width:28px;height:28px;border-radius:8px;background:rgba(251,146,60,.2);color:var(--c-mkt);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mkt-dash-module h4{font-size:12px;font-weight:700;color:var(--silver-l);line-height:1.3}
.mkt-dash-bar{height:6px;background:var(--w06);border-radius:6px;overflow:hidden}
.mkt-dash-fill{height:100%;background:var(--c-mkt);border-radius:6px;transition:width .4s}
.mkt-dash-pct{font-size:11px;font-weight:700;color:var(--w50)}
.mkt-dash-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.mkt-stepper{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.mkt-stepper-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--gb);background:var(--w03);color:var(--w50);font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;font-family:var(--font)}
.mkt-stepper-btn:hover{background:var(--w06);color:var(--silver-l)}
.mkt-stepper-btn.active{background:rgba(251,146,60,.2);border-color:var(--c-mkt);color:var(--c-mkt)}

.mkt-step-card{padding:20px;background:var(--glass);border:1px solid var(--gb);border-radius:var(--radius);margin-bottom:16px}
.mkt-step-title{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--c-mkt);text-transform:uppercase;margin-bottom:4px}
.mkt-step-card h4{font-size:16px;font-weight:800;color:var(--silver-l);margin-bottom:6px}
.mkt-step-desc{font-size:12px;color:var(--w50);margin-bottom:18px;line-height:1.5}

.mkt-field{margin-bottom:16px}
.mkt-field label{display:block;font-size:11px;font-weight:700;color:var(--w50);margin-bottom:6px;letter-spacing:.3px}
.mkt-field input[type="text"],.mkt-field textarea{width:100%;padding:12px 14px;border-radius:var(--radius-xs);border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-family:var(--font);font-size:14px;outline:none;box-sizing:border-box}
.mkt-field input[type="text"]:focus,.mkt-field textarea:focus{border-color:rgba(251,146,60,.4);background:var(--w06)}
.mkt-field textarea{min-height:80px;resize:vertical}
.mkt-field input[type="checkbox"]{margin-right:10px;width:18px;height:18px;vertical-align:middle;accent-color:var(--c-mkt)}

.mkt-btn-primary{padding:14px 24px;border-radius:var(--radius-sm);border:none;background:var(--c-mkt);color:#000;font-family:var(--font);font-size:14px;font-weight:800;cursor:pointer;transition:all .25s}
.mkt-btn-primary:hover{filter:brightness(1.15)}
.mkt-btn-secondary{padding:12px 20px;border-radius:var(--radius-sm);border:1px solid var(--gb);background:var(--w06);color:var(--silver-l);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:all .25s}
.mkt-btn-secondary:hover{background:var(--w10)}
.mkt-link{background:none;border:none;color:var(--c-mkt);font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-family:var(--font)}
.mkt-link:hover{color:var(--silver-l)}

.mkt-nao-sei{margin:14px 0 16px;border:1px solid var(--gb);border-radius:var(--radius-sm);overflow:hidden}
.mkt-nao-sei summary{padding:12px 16px;font-size:12px;font-weight:600;color:var(--w50);cursor:pointer;list-style:none}
.mkt-nao-sei summary::-webkit-details-marker{display:none}
.mkt-nao-sei-body{padding:12px 16px 16px;border-top:1px solid var(--gb)}
.mkt-nao-sei-body p{font-size:12px;color:var(--w50);line-height:1.6}

.mkt-guia-concorrentes{margin-bottom:16px}
.mkt-guia-concorrentes summary{font-size:12px;font-weight:600;color:var(--w50);cursor:pointer;padding:10px 14px;background:var(--w03);border-radius:var(--radius-xs)}
.mkt-guia-body{padding:12px 14px;border-top:1px solid var(--gb)}
.mkt-guia-body p{font-size:12px;color:var(--w50);line-height:1.6;margin-bottom:6px}

.mkt-voice-row{display:flex;align-items:center;gap:12px}
.mkt-voice-row span{font-size:11px;color:var(--w50);min-width:70px}
.mkt-voice-row input[type="range"]{flex:1;height:8px;accent-color:var(--c-mkt)}

/* PAINEL MKT — sem blur: fundo preto e luzes (partículas) visíveis; vidro só com transparência + shimmer + animação */
.mkt-painel{position:relative;min-height:100%;display:flex;flex-direction:row;padding:0;overflow:hidden;background:transparent}
.mkt-painel-sidebar{position:relative;z-index:1;width:220px;flex-shrink:0;padding:0;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border-radius:0;overflow:hidden}
.mkt-painel-sidebar::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmerMove 5s ease-in-out infinite;pointer-events:none;z-index:2}
@media(max-width:640px){.mkt-painel-sidebar{width:64px;padding:8px 0}}
.mkt-painel-logo{padding:24px 20px 20px}
.mkt-painel-logo-mark{font-size:22px;font-weight:900;color:var(--c-mkt);letter-spacing:-1px}
.mkt-painel-logo-sub{font-size:10px;color:var(--w50);margin-top:4px;line-height:1.3}
@media(max-width:640px){.mkt-painel-logo-sub{display:none}}
.mkt-painel-sidebar-tit{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--w50);padding:16px 20px 8px;text-transform:uppercase}
@media(max-width:640px){.mkt-painel-sidebar-tit{padding:12px 8px 6px}}
.mkt-painel-etapa{display:flex;align-items:center;gap:14px;width:100%;padding:12px 20px;border:none;background:transparent;color:var(--w70);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font)}
.mkt-painel-etapa:hover{background:var(--w06);color:var(--silver-l)}
.mkt-painel-etapa--on{background:rgba(251,146,60,.12);color:var(--c-mkt)}
.mkt-painel-etapa-n{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--w06);border-radius:8px;font-size:11px;font-weight:800}
.mkt-painel-etapa--on .mkt-painel-etapa-n{background:rgba(251,146,60,.25);color:var(--c-mkt)}
.mkt-painel-etapa-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.mkt-painel-etapa-lbl{display:none}.mkt-painel-etapa{padding:12px 8px;justify-content:center}}
.mkt-painel-sidebar-ft{padding:16px;margin-top:auto}
.mkt-painel-sidebar-saved{font-size:10px;color:var(--w45);margin:0 0 8px}
.mkt-painel-sidebar-card{position:relative;padding:16px;border-radius:12px;background:linear-gradient(135deg,rgba(251,146,60,.1),rgba(255,255,255,.03));text-align:center;overflow:hidden;animation:floatY 7s ease-in-out infinite}
.mkt-painel-sidebar-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%);border-radius:inherit;pointer-events:none}
.mkt-painel-sidebar-card::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmerMove 6s ease-in-out infinite;pointer-events:none;z-index:1}
.mkt-painel-sidebar-card-val{font-size:20px;font-weight:800;color:var(--c-mkt);position:relative;z-index:2}
.mkt-painel-sidebar-card-lbl{font-size:10px;color:var(--w50);margin-top:4px;position:relative;z-index:2}
.mkt-painel-header{position:relative;z-index:1;min-height:56px;flex-shrink:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 24px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));overflow:hidden}
.mkt-painel-header .mkt-painel-header-tit,.mkt-painel-header .mkt-painel-header-objetivo,.mkt-painel-header .mkt-painel-header-total{position:relative;z-index:2}
.mkt-painel-header-tit{font-size:15px;font-weight:700;color:var(--w90)}
.mkt-painel-header-objetivo{font-size:12px;color:var(--w70)}.mkt-painel-header-objetivo strong{color:var(--c-mkt)}
.mkt-painel-header-total{font-size:13px;font-weight:800;color:var(--c-mkt);margin-left:auto}
.mkt-painel-layout-lado{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:24px;align-items:start;max-width:100%;margin-top:20px}
@media(max-width:900px){.mkt-painel-layout-lado{grid-template-columns:1fr}}
.mkt-painel-col-form{position:sticky;top:16px}
.mkt-painel-col-viz{min-width:0}
.mkt-painel-dash-infografico{position:relative;z-index:2;padding:14px 18px;border-radius:10px;background:rgba(251,146,60,.08);font-size:13px;color:var(--w90);margin-bottom:16px;overflow:hidden;animation:floatY 8s ease-in-out infinite}
.mkt-painel-dash-infografico::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%);border-radius:inherit;pointer-events:none}
.mkt-painel-dash-infografico::after{content:'';position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmerMove 5.5s ease-in-out infinite;pointer-events:none;z-index:1}
.mkt-painel-dash--sem-objetivo{grid-template-columns:1fr}
.mkt-painel-widget--aviso p{margin:0;font-size:14px;line-height:1.6;color:var(--w70)}
.mkt-painel-dash-aviso{padding:10px 16px;margin-bottom:16px;font-size:13px;color:var(--w60);background:rgba(255,255,255,.04);border-radius:8px}
.mkt-painel-dash-aviso strong{color:var(--c-mkt)}
.mkt-guia-frase{margin:0 0 12px;font-size:13px;color:var(--w70);line-height:1.5}
.mkt-painel-ja-direciona{margin-top:20px;padding:14px 16px;border-radius:10px;background:rgba(251,146,60,.08);font-size:13px;color:var(--w80);line-height:1.5}
.mkt-painel-ja-direciona strong{color:var(--c-mkt)}
.mkt-painel-ja-direciona--viz{margin-bottom:16px}
.mkt-painel-estrategia-valor{margin-top:16px;padding:14px 16px;border-radius:10px;background:rgba(251,146,60,.06);border-left:3px solid var(--c-mkt);font-size:13px;color:var(--w80);line-height:1.5}
.mkt-painel-estrategia-valor-item{margin:0 0 10px 0}
.mkt-painel-estrategia-valor-item:last-child{margin-bottom:0}
.mkt-painel-estrategia-valor-item strong{color:var(--c-mkt)}
.mkt-painel-estrategia-valor--viz{margin-bottom:16px;margin-top:0}
.mkt-painel-intro{font-size:12px;color:var(--w60);margin:0 20px 16px;line-height:1.45;max-width:560px}
.mkt-painel-analise-bloco{margin-bottom:20px;padding:16px 18px;border-radius:10px;background:rgba(0,0,0,.25);border-left:4px solid var(--c-mkt)}
.mkt-painel-analise-tit{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--c-mkt);margin:0 0 6px;text-transform:uppercase}
.mkt-painel-analise-texto{font-size:13px;color:var(--w85);line-height:1.5;margin:0 0 12px}
.mkt-painel-analise-texto:last-child{margin-bottom:0}
.mkt-painel-refinar-tit{font-size:12px;font-weight:600;color:var(--w70);margin:0 0 10px}
.mkt-mapa-unico{margin-bottom:20px;padding:14px 18px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);overflow-x:auto}
.mkt-mapa-unico-tit{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--c-mkt);margin-bottom:12px;text-transform:uppercase}
.mkt-mapa-unico-chain{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.mkt-mapa-unico-node{padding:8px 12px;border-radius:8px;background:var(--w06);color:var(--w50);font-size:12px;font-weight:600;display:inline-flex;flex-direction:column;align-items:center;gap:2px}
.mkt-mapa-unico-node--ok{background:rgba(251,146,60,.12);color:var(--c-mkt)}
.mkt-mapa-unico-node-resumo{font-size:10px;font-weight:400;color:var(--w60);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkt-mapa-unico-arrow{color:var(--w40);font-size:14px}
.mkt-painel-segmentos-derivados{margin-bottom:16px}
.mkt-painel-seg-card{padding:14px 16px;border-radius:10px;background:rgba(251,146,60,.08);font-size:13px;color:var(--w80);line-height:1.5}
.mkt-painel-seg-card strong{color:var(--c-mkt)}
.mkt-painel-perguntas-col{position:relative;display:flex;flex-direction:column}
.mkt-painel-setas{width:100%;max-width:48px;height:28px;margin:0 auto;border:none;border-radius:6px;background:rgba(251,146,60,.2);color:var(--c-mkt);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s, color .2s;flex-shrink:0}
.mkt-painel-setas:hover{background:rgba(251,146,60,.35);color:#fff}
.mkt-painel-seta-up{margin-bottom:6px}
.mkt-painel-seta-down{margin-top:6px}
.mkt-painel-perguntas-tit{margin:0 0 8px;order:0}
.mkt-painel-main{position:relative;z-index:1;flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}
.mkt-painel-main-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;max-width:100%}
@media(max-width:720px){.mkt-painel-main-inner{grid-template-columns:1fr}}
.mkt-painel-form,.mkt-painel-viz{position:relative;border-radius:var(--radius-sm);padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));overflow:hidden}
.mkt-painel-form::before,.mkt-painel-viz::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%,transparent 60%,rgba(255,255,255,.03));border-radius:inherit;pointer-events:none;z-index:1}
.mkt-painel-form::after,.mkt-painel-viz::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmerMove 5s ease-in-out infinite;pointer-events:none;z-index:2}
.mkt-painel-form>.mkt-painel-form-tit,.mkt-painel-form>.mkt-painel-form-dir,.mkt-painel-form>.mkt-painel-field,.mkt-painel-form>.mkt-painel-form-ft,.mkt-painel-viz>.mkt-painel-viz-tit,.mkt-painel-viz>div{position:relative;z-index:3}
.mkt-painel-form{animation:floatY 6s ease-in-out infinite}
.mkt-painel-viz{animation:floatY 6s ease-in-out infinite;animation-delay:-2s}
/* Widgets tipo dashboard — vidro + shimmer + float */
.mkt-painel-dash{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
@media(max-width:900px){.mkt-painel-dash{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.mkt-painel-dash{grid-template-columns:1fr}}
.mkt-painel-widget{position:relative;border-radius:var(--radius-sm);padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));overflow:hidden;animation:floatY 7s ease-in-out infinite}
.mkt-painel-widget:nth-child(1){animation-delay:0s}.mkt-painel-widget:nth-child(2){animation-delay:-1.5s}.mkt-painel-widget:nth-child(3){animation-delay:-3s}.mkt-painel-widget:nth-child(4){animation-delay:-4.5s}
.mkt-painel-widget::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%,transparent 60%,rgba(255,255,255,.03));border-radius:inherit;pointer-events:none;z-index:1}
.mkt-painel-widget::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmerMove 5s ease-in-out infinite;pointer-events:none;z-index:2}
.mkt-painel-widget-tit{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--w70);margin-bottom:12px;text-transform:uppercase;position:relative;z-index:3}
.mkt-painel-widget .mkt-painel-donut,.mkt-painel-widget .mkt-painel-donut-val,.mkt-painel-widget .mkt-painel-line,.mkt-painel-widget .mkt-painel-progress-wrap{position:relative;z-index:3}
.mkt-painel-donut{width:80px;height:80px;margin:0 auto 8px;border-radius:50%;background:conic-gradient(var(--c-mkt) 0% var(--pct,0%),rgba(255,255,255,.08) var(--pct,0%) 100%)}
.mkt-painel-donut-val{text-align:center;font-size:22px;font-weight:800;color:var(--c-mkt)}
.mkt-painel-line{height:80px;position:relative;display:flex;align-items:flex-end}
.mkt-painel-line-bar{flex:1;min-width:4px;background:linear-gradient(180deg,rgba(251,146,60,.6),rgba(251,146,60,.15));border-radius:4px 4px 0 0;transition:height .3s ease}
.mkt-painel-progress-wrap{margin-bottom:12px}
.mkt-painel-progress-wrap:last-child{margin-bottom:0}
.mkt-painel-progress-lbl{font-size:11px;color:var(--w70);margin-bottom:6px}
.mkt-painel-progress-bg{height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}
.mkt-painel-progress-fill{height:100%;background:linear-gradient(90deg,rgba(251,146,60,.5),var(--c-mkt));border-radius:4px;transition:width .3s ease}

/* Layout mapa + perguntas (cards sobem/descem + mapinha + infograficos) */
.mkt-painel-viz--mapa-perguntas{grid-column:1/-1;max-width:100%}
.mkt-painel-mapa-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;min-height:280px}
@media(max-width:720px){.mkt-painel-mapa-layout{grid-template-columns:1fr}}
.mkt-painel-perguntas-col{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));overflow:hidden;animation:floatY 7s ease-in-out infinite;animation-delay:-1s}
.mkt-painel-perguntas-col::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%);border-radius:inherit;pointer-events:none}
.mkt-painel-perguntas-col::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmerMove 6s ease-in-out infinite;pointer-events:none;z-index:1}
.mkt-painel-perguntas-tit{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);padding:14px 16px;text-transform:uppercase}
.mkt-painel-perguntas-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;max-height:240px}
.mkt-painel-perguntas-scroll .mkt-painel-pergunta-card{animation:mktCardFloat 4s ease-in-out infinite}
.mkt-painel-perguntas-scroll .mkt-painel-pergunta-card:nth-child(odd){animation-delay:-1s}
.mkt-painel-perguntas-scroll .mkt-painel-pergunta-card:nth-child(3n){animation-delay:-2s}
@keyframes mktCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.mkt-painel-pergunta-card{padding:14px 16px;border-radius:10px;background:var(--w06);font-size:13px;color:var(--w90);line-height:1.45;transition:transform .2s, box-shadow .2s}
.mkt-painel-pergunta-card:hover{background:rgba(251,146,60,.08);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.mkt-painel-mapa-col{position:relative;display:flex;flex-direction:column;gap:12px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));padding:16px;overflow:hidden;animation:floatY 7s ease-in-out infinite;animation-delay:-3s}
.mkt-painel-mapa-col::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%);border-radius:inherit;pointer-events:none}
.mkt-painel-mapa-col::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmerMove 5.8s ease-in-out infinite;pointer-events:none;z-index:1}
.mkt-painel-mapa-tit{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);text-transform:uppercase}
.mkt-painel-mapa-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}
@media(max-width:400px){.mkt-painel-mapa-wrap{grid-template-columns:repeat(2,1fr)}}
.mkt-painel-regiao{padding:14px 12px;border-radius:10px;background:var(--w06);color:var(--w70);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;font-family:var(--font)}
.mkt-painel-regiao:hover{background:rgba(251,146,60,.1);color:var(--c-mkt)}
.mkt-painel-regiao--on{background:rgba(251,146,60,.2);color:var(--c-mkt);box-shadow:0 0 16px rgba(251,146,60,.2)}
.mkt-painel-regiao-lbl{display:block}
.mkt-painel-regioes-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.mkt-painel-regioes-pills .mkt-painel-pill{flex-shrink:0}
.mkt-painel-pergunta-topo{font-size:16px;font-weight:700;color:var(--w90);margin:20px 0 8px}
.mkt-painel-pergunta-topo:first-child{margin-top:0}
.mkt-painel-regioes-lista{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.mkt-painel-pill--linha{display:block;text-align:center;padding:12px 16px;border-radius:10px}
.mkt-painel-mapa-regioes-block{margin-bottom:20px;padding:16px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03)}
.mkt-painel-regioes-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.mkt-painel-regiao-card{padding:14px;border-radius:10px;background:var(--w06);color:var(--w60);font-size:13px;font-weight:600;text-align:center;transition:all .2s}
.mkt-painel-regiao-card--on{background:rgba(251,146,60,.15);color:var(--c-mkt)}
.mkt-painel-regiao-card-lbl{display:block}
.mkt-painel-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-size:14px}
.mkt-mapa-contexto .mkt-mapa-svg{max-width:240px;margin:0 auto}
.mkt-painel-infos-ao-lado{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mkt-painel-infominicard{padding:12px;border-radius:8px;background:var(--w06);text-align:center}
.mkt-painel-infominicard strong{display:block;font-size:9px;letter-spacing:1px;color:var(--w70);margin-bottom:4px;text-transform:uppercase}
.mkt-painel-infominicard p{margin:0;font-size:18px;font-weight:800;color:var(--c-mkt)}

.mkt-painel-form-tit{font-size:18px;font-weight:800;color:var(--w90);margin:0 0 8px}
.mkt-painel-form-dir{font-size:13px;color:var(--w50);margin:0 0 20px;line-height:1.5}
.mkt-painel-field{margin-bottom:18px}
.mkt-painel-field label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--w60);margin-bottom:8px;text-transform:uppercase}
.mkt-painel-field input[type="text"],.mkt-painel-field input[type="number"],.mkt-painel-field select,.mkt-painel-field textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-size:14px;font-family:var(--font)}
.mkt-painel-field textarea{min-height:80px;resize:vertical}
.mkt-painel-pills{display:flex;flex-wrap:wrap;gap:8px}
.mkt-painel-pill{padding:8px 14px;border-radius:999px;border:1px solid var(--gb);background:var(--w03);color:var(--w70);font-size:12px;cursor:pointer;transition:all .2s}
.mkt-painel-pill:hover,.mkt-painel-pill--on{background:rgba(251,146,60,.2);border-color:var(--c-mkt);color:var(--c-mkt)}
.mkt-painel-hint{font-size:12px;color:var(--w50);margin:8px 0 0;line-height:1.5}
.mkt-painel-field-dir{font-size:11px;color:var(--w50);margin:4px 0 10px;line-height:1.45}
.mkt-painel-form-ft{margin-top:24px;display:flex;align-items:center;gap:12px}
.mkt-painel-viz-tit{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin:0 0 8px;text-transform:uppercase}
.mkt-painel-viz-sub{font-size:12px;color:var(--w75);line-height:1.45;margin:0 0 14px}
.mkt-mapa-nos{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.mkt-mapa-no{padding:10px 16px;border-radius:8px;border:1px solid var(--gb);background:rgba(255,255,255,.05);font-size:13px;color:var(--silver-l)}
.mkt-mapa-centro{background:rgba(251,146,60,.15);border-color:rgba(251,146,60,.4);color:var(--c-mkt);font-weight:700}
.mkt-painel-infografico{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mkt-painel-infoblock{padding:16px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid var(--gb)}
.mkt-painel-infoblock strong{display:block;font-size:10px;letter-spacing:1px;color:var(--c-mkt);margin-bottom:6px;text-transform:uppercase}
.mkt-painel-infoblock p{margin:0;font-size:14px;color:var(--silver-l)}
.mkt-painel-barras{display:flex;flex-direction:column;gap:14px}
.mkt-painel-bar-row{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--w70)}
.mkt-painel-bar-row span{flex:0 0 100px}
.mkt-painel-bar-bg{flex:1;height:10px;background:var(--w06);border-radius:5px;overflow:hidden}
.mkt-painel-bar-fill{height:100%;background:linear-gradient(90deg,rgba(251,146,60,.5),var(--c-mkt));border-radius:5px;transition:width .3s ease}
.mkt-painel-timeline{display:flex;flex-direction:column;gap:8px}
.mkt-painel-tl-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid var(--gb);font-size:13px;color:var(--silver-l)}
.mkt-painel-tl-item span{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:rgba(251,146,60,.2);border-radius:50%;font-weight:800;color:var(--c-mkt);font-size:12px}
.mkt-painel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.mkt-painel-kpi{text-align:center;padding:16px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid var(--gb)}
.mkt-painel-kpi-val{display:block;font-size:24px;font-weight:800;color:var(--c-mkt);margin-bottom:4px}
.mkt-painel-kpi span:last-child{font-size:11px;color:var(--w50)}
.mkt-painel-kpi-desc{font-size:12px;color:var(--w50);margin:0;line-height:1.5}
.mkt-painel-resumo{margin-top:24px;padding:24px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.mkt-painel-resumo h3{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin:0 0 8px;text-transform:uppercase}
.mkt-painel-resumo p{font-size:14px;color:var(--silver-l);margin:0 0 16px;line-height:1.5}
.mkt-painel-resumo p:last-child{margin-bottom:0}

/* DIRECIONADOR IMERSIVO - glass, float, shimmer, laranja (--c-mkt) */
.mkt-imersivo{min-height:100%;background:#000;padding:20px 24px 40px;position:relative}
.mkt-imersivo--futuro{overflow:hidden}
.mkt-imersivo-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.mkt-imersivo-bg .ecv{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:.15}
.mkt-imersivo-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 30%,transparent 0%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.7) 100%);pointer-events:none}
.mkt-imersivo-content{position:relative;z-index:1}
.mkt-imersivo-glow{box-shadow:0 0 24px rgba(251,146,60,.12),inset 0 1px 0 rgba(255,255,255,.06)}
.mkt-imersivo-glow:hover{box-shadow:0 0 32px rgba(251,146,60,.18),inset 0 1px 0 rgba(255,255,255,.08)}

/* TELA INICIAL — imersiva (canvas fundo + glass como home) */
.mkt-imersivo--start .mkt-imersivo-bg .ecv{opacity:.22}
.mkt-start-hero{position:relative;padding:28px 24px;margin-bottom:24px;overflow:hidden;animation:mktFadeIn .5s ease-out}
.mkt-start-cv{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:.35;pointer-events:none}
.mkt-start-hero .mkt-imersivo-tag{margin-bottom:12px}
.mkt-start-titulo{font-size:26px;font-weight:800;color:var(--silver-l);letter-spacing:-.6px;margin:0 0 8px;line-height:1.2;position:relative;z-index:1}
.mkt-start-sub{font-size:14px;color:var(--w50);margin:0;line-height:1.5;position:relative;z-index:1}
@keyframes mktFadeIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
.mkt-start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:1}
@media(max-width:520px){.mkt-start-grid{grid-template-columns:1fr}}
.mkt-start-card{position:relative;padding:0;border-radius:var(--radius-sm);overflow:hidden;text-align:left;min-height:140px;display:flex;flex-direction:column;align-items:stretch;cursor:pointer;transition:all .35s var(--ease)}
.mkt-start-card-cv{position:absolute;top:0;left:0;width:100%;height:80px;opacity:.4;pointer-events:none}
.mkt-start-card-tag,.mkt-start-card-letra{position:absolute;top:10px;left:12px;font-size:9px;font-weight:800;letter-spacing:1px;color:var(--c-mkt);background:rgba(251,146,60,.2);padding:4px 8px;border-radius:6px;z-index:2}
.mkt-start-card-letra{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;left:50%;top:36px;transform:translateX(-50%)}
.mkt-start-card h3{font-size:15px;font-weight:800;color:var(--silver-l);margin:0;padding:12px 14px 4px;position:relative;z-index:1}
.mkt-start-card p{font-size:11px;color:var(--w50);margin:0;padding:0 14px 14px;line-height:1.4;position:relative;z-index:1}
.mkt-start-card:first-child{grid-column:1/-1}
.mkt-start-card:first-child .mkt-start-card-cv{height:100%;opacity:.25}
.mkt-start-card:first-child h3{font-size:17px;padding-top:50px}
.mkt-start-card:first-child p{font-size:13px;padding-bottom:20px}
.mkt-start-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(251,146,60,.15);border-color:rgba(251,146,60,.35)}
/* DASHBOARD — dados que emergem (sistema de dados) */
.mkt-dados-emergem{margin-bottom:28px}
.mkt-dados-emergem-titulo{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--c-mkt);margin:0 0 16px;text-transform:uppercase}
.mkt-dados-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:14px}
@media(min-width:720px){.mkt-dados-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr auto}}
.mkt-dados-row{display:flex;align-items:flex-end;gap:12px;padding:16px;min-height:80px}
.mkt-dados-barras-h{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-around;gap:8px}
.mkt-dados-bar-wrap{display:flex;flex-direction:column;align-items:center;flex:1;max-width:120px}
.mkt-dados-bar-h{width:100%;max-width:48px;min-height:4px;background:linear-gradient(180deg,rgba(251,146,60,.5),rgba(251,146,60,.2));border-radius:4px 4px 0 0;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}
.mkt-dados-bar-val{font-size:10px;font-weight:700;color:var(--silver-l);position:absolute;bottom:100%;margin-bottom:4px;left:50%;transform:translateX(-50%)}
.mkt-dados-bar-lbl{font-size:10px;font-weight:600;color:var(--w50);margin-top:6px;text-align:center}
.mkt-dados-circular{grid-column:1;grid-row:2;padding:16px;display:flex;align-items:center;justify-content:center;min-height:180px}
@media(min-width:720px){.mkt-dados-circular{grid-column:span 1}}
.mkt-dados-processo{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:200px}
.mkt-dados-step{background:rgba(255,255,255,.04);border:1px solid var(--gb);border-radius:var(--radius-sm);padding:12px;text-align:center}
.mkt-dados-step-n{display:inline-block;width:24px;height:24px;border-radius:50%;background:rgba(251,146,60,.25);color:var(--c-mkt);font-size:11px;font-weight:800;line-height:24px;margin-bottom:6px}
.mkt-dados-step strong{display:block;font-size:12px;color:var(--silver-l);margin-bottom:4px}
.mkt-dados-step-d{font-size:10px;color:var(--w50);line-height:1.3;display:block}
.mkt-dados-barras-v{grid-column:2;grid-row:2;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:16px;min-height:140px}
@media(min-width:720px){.mkt-dados-barras-v{grid-column:span 1}}
.mkt-dados-bar-v-wrap{display:flex;flex-direction:column;align-items:center;flex:1}
.mkt-dados-bar-v{width:100%;max-width:32px;min-height:8px;background:linear-gradient(180deg,rgba(251,146,60,.45),rgba(251,146,60,.15));border-radius:4px 4px 0 0}
.mkt-dados-bar-v-lbl{font-size:9px;font-weight:600;color:var(--w50);margin-top:6px}
.mkt-dados-radial{grid-column:1/-1;grid-row:3;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media(min-width:720px){.mkt-dados-radial{grid-column:3;grid-row:1/3;grid-row:span 2}}
.mkt-dados-gauge{width:100%;max-width:120px;height:auto;display:block}
.mkt-dados-radial-label{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--w50);margin-top:4px;text-transform:uppercase}
.mkt-dados-radial-num{font-size:24px;font-weight:800;color:var(--c-mkt);letter-spacing:-1px}
.mkt-dados-progress{grid-column:1/-1;padding:16px}
@media(min-width:720px){.mkt-dados-progress{grid-column:4;grid-row:1/4;align-self:start}}
.mkt-dados-progress .mkt-dados-prog-empty{font-size:12px;color:var(--w50);margin:0}
.mkt-dados-prog-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12px}
.mkt-dados-prog-row:last-child{margin-bottom:0}
.mkt-dados-prog-nome{flex:0 0 120px;color:var(--silver-l);font-weight:600}
.mkt-dados-prog-bg{flex:1;height:8px;background:var(--w06);border-radius:4px;overflow:hidden}
.mkt-dados-prog-fill{height:100%;background:linear-gradient(90deg,rgba(251,146,60,.5),var(--c-mkt));border-radius:4px;transition:width .3s ease}
.mkt-dados-prog-pct{flex:0 0 36px;text-align:right;font-weight:700;color:var(--c-mkt);font-size:11px}

/* DASHBOARD — paineis + graficos (como referencias) */
.mkt-dash{margin-bottom:24px}
.mkt-dash-foco{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:10px 0}
.mkt-dash-foco-label{font-size:11px;font-weight:700;color:var(--w50);margin-right:4px}
.mkt-dash-foco-btn{padding:8px 14px;border-radius:999px;border:1px solid var(--gb);background:var(--w03);color:var(--w70);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font)}
.mkt-dash-foco-btn:hover{background:var(--w06);color:var(--silver-l);border-color:rgba(251,146,60,.3)}
.mkt-dash-foco-btn--on{background:rgba(251,146,60,.2);border-color:var(--c-mkt);color:var(--c-mkt)}
.mkt-dash-reset{margin-left:auto;font-size:11px}
.mkt-dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:520px){.mkt-dash-grid{grid-template-columns:repeat(4,1fr)}}
.mkt-dash-panel{position:relative;padding:16px;border-radius:var(--radius-sm);overflow:hidden;min-height:100px}
.mkt-dash-panel--wide{grid-column:1/-1}
.mkt-dash-panel-h{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-dash-kpi{font-size:32px;font-weight:800;color:var(--silver-l);line-height:1;letter-spacing:-1px}
.mkt-dash-kpi-sub{font-size:11px;color:var(--w50);margin-top:4px}
.mkt-dash-chart{position:relative;height:80px;margin-top:4px}
.mkt-dash-chart .ecv{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:.8}
.mkt-dash-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--silver-l);margin-bottom:8px;line-height:1.4}
.mkt-dash-step-n{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(251,146,60,.2);border-radius:50%;font-size:12px;font-weight:800;color:var(--c-mkt)}

/* Resumo (ex-direção ao vivo) */
.mkt-imersivo-resumo{margin-top:20px;padding:14px 18px;background:var(--w03);border:1px solid var(--gb);border-radius:var(--radius-sm)}
.mkt-imersivo-resumo h4{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-imersivo-resumo p{font-size:12px;color:var(--w50);margin:0 0 6px;line-height:1.5}
.mkt-imersivo-resumo p:last-child{margin-bottom:0}
/* Aba Direção — viz “funil em construção” */
.mkt-layout-viz{position:relative;height:120px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:20px}
.mkt-layout-viz .ecv{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:.5}
.mkt-layout-viz-label{position:absolute;bottom:8px;left:12px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--c-mkt);opacity:.9}

/* WELCOME (retorno) — mantido para renderWelcomeReturning */
.mkt-welcome{padding:20px 24px 40px}
.mkt-welcome--enter{animation:mktFadeIn .5s ease-out}
.mkt-welcome-hero{margin-bottom:28px;padding:28px;text-align:center}
.mkt-welcome-title{font-size:22px;font-weight:800;color:var(--silver-l);letter-spacing:-.5px;margin:0 0 6px;line-height:1.3}
.mkt-welcome-desc{font-size:14px;color:var(--w50);margin:0;line-height:1.5}
.mkt-welcome-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;max-width:560px;margin-left:auto;margin-right:auto}
@media(max-width:480px){.mkt-welcome-cards{grid-template-columns:1fr}}
.mkt-welcome-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;border-radius:16px;cursor:pointer;transition:all .3s ease;border:1px solid var(--gb)}
.mkt-welcome-card:hover{transform:scale(1.02);box-shadow:0 0 28px rgba(251,146,60,.2);border-color:rgba(251,146,60,.4)}
.mkt-welcome-card-icon{width:48px;height:48px;border-radius:50%;background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.25);display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--c-mkt);margin-bottom:14px;flex-shrink:0}
.mkt-welcome-card h3{font-size:16px;font-weight:800;color:var(--silver-l);margin:0 0 4px}
.mkt-welcome-card p{font-size:12px;color:var(--w50);margin:0;line-height:1.4}
.mkt-welcome-alt{text-align:center;padding:20px;border-top:1px solid var(--gb)}
.mkt-welcome-alt span{display:block;font-size:12px;color:var(--w50);margin-bottom:12px}
.mkt-btn-entender{margin-top:4px}
.mkt-welcome-next{padding:24px;padding-left:56px;position:relative;margin-bottom:20px;border-radius:16px;border:1px solid rgba(251,146,60,.25)}
.mkt-welcome-next-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:24px}
.mkt-welcome-next h3{font-size:16px;font-weight:800;color:var(--silver-l);margin:0 0 4px}
.mkt-welcome-next-step{font-size:12px;color:var(--w50);margin-bottom:16px}
.mkt-welcome-resumo{padding:16px;border-radius:12px;margin-top:16px}
.mkt-welcome-resumo h4{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-welcome-resumo p{font-size:12px;color:var(--silver-l);margin:0 0 4px;line-height:1.5}

.mkt-imersivo-hero{margin-bottom:24px;padding:24px;text-align:center}
.mkt-imersivo-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:3px;color:var(--c-mkt);margin-bottom:12px;padding:4px 12px;border-radius:8px;background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.25)}
.mkt-imersivo-titulo{font-size:22px;font-weight:800;color:var(--silver-l);letter-spacing:-.5px;margin-bottom:12px;line-height:1.3}
.mkt-imersivo-etapas{font-size:12px;color:var(--w50);margin-bottom:12px;line-height:1.8}
.mkt-imersivo-arrow{color:var(--c-mkt);opacity:.7}
.mkt-imersivo-sub{font-size:13px;color:var(--w50);max-width:560px;margin:0 auto;line-height:1.6}
.mkt-imersivo-sub strong{color:var(--c-mkt)}

/* CABEÇALHO + ABAS */
.mkt-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.mkt-header-reset{font-size:11px;opacity:.8}
/* ABAS — Direção | Entender */
.mkt-tabs{display:flex;gap:0;padding:4px;background:var(--w03);border-radius:999px;border:1px solid var(--gb);max-width:280px}
.mkt-tab{flex:1;padding:12px 20px;border:none;border-radius:999px;background:transparent;color:var(--w50);font-size:13px;font-weight:700;cursor:pointer;transition:all .25s var(--ease);font-family:var(--font)}
.mkt-tab:hover{color:var(--silver-l)}
.mkt-tab--active{background:rgba(251,146,60,.2);color:var(--c-mkt);box-shadow:0 0 0 1px rgba(251,146,60,.3)}

/* LAYOUT DIREÇÃO — tela principal (nova estrutura) */
.mkt-layout-direcao{padding:0 0 32px;max-width:640px;margin:0 auto}
.mkt-layout-direcao-hero{padding:28px 24px;background:linear-gradient(135deg,rgba(251,146,60,.08),rgba(251,146,60,.02));border:1px solid rgba(251,146,60,.2);border-radius:var(--radius);margin-bottom:16px}
.mkt-layout-direcao-tag{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--c-mkt);margin:0 0 8px;text-transform:uppercase}
.mkt-layout-direcao-titulo{font-size:24px;font-weight:800;color:var(--silver-l);letter-spacing:-.5px;margin:0 0 8px;line-height:1.25}
.mkt-layout-direcao-dir{font-size:14px;color:var(--w50);margin:0;line-height:1.5}
.mkt-layout-direcao-logica{padding:16px 20px;background:var(--w03);border-radius:var(--radius-sm);border:1px solid var(--gb);margin-bottom:24px;font-size:13px;color:var(--w70);line-height:1.6}
.mkt-layout-direcao-plano{padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--gb);border-radius:var(--radius);margin-bottom:24px}
.mkt-layout-direcao-plano h3{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin:0 0 20px;text-transform:uppercase}
.mkt-layout-plano-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--gb)}
.mkt-layout-plano-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.mkt-layout-plano-num{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(251,146,60,.2);border:1px solid rgba(251,146,60,.35);border-radius:50%;font-size:14px;font-weight:800;color:var(--c-mkt)}
.mkt-layout-plano-item strong{display:block;font-size:15px;color:var(--silver-l);margin-bottom:4px}
.mkt-layout-plano-desc{display:block;font-size:12px;color:var(--w50);line-height:1.5}
.mkt-layout-direcao-cta{margin-top:8px}
.mkt-layout-direcao-super{margin-bottom:28px}
.mkt-layout-objetivos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}
.mkt-layout-objetivos-intro{font-size:13px;color:var(--w60);margin:0 0 12px;grid-column:1/-1}
.mkt-layout-objetivos .mkt-imersivo-card{text-align:left;padding:16px;cursor:pointer;border:1px solid var(--gb);transition:border-color .2s, box-shadow .2s}
.mkt-layout-objetivos .mkt-imersivo-card:hover{border-color:rgba(251,146,60,.4);box-shadow:0 0 0 1px rgba(251,146,60,.25)}
.mkt-layout-objetivos .mkt-imersivo-card h4{font-size:14px;margin:0 0 6px;color:var(--silver-l)}
.mkt-layout-objetivos .mkt-imersivo-card p{font-size:12px;margin:0;color:var(--w50);line-height:1.4}

/* Super estrategia — conteudo completo (nao mini checklist) */
.mkt-super-estrategia{max-width:100%}
.mkt-super-titulo{font-size:18px;font-weight:800;color:var(--silver-l);letter-spacing:-.3px;margin:0 0 8px}
.mkt-super-intro{font-size:13px;color:var(--w60);margin:0 0 24px;line-height:1.55}
.mkt-super-secao{padding:20px 24px;border-radius:var(--radius);border:1px solid var(--gb);margin-bottom:16px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.mkt-super-secao:last-child{margin-bottom:0}
.mkt-super-secao-titulo{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin:0 0 12px;text-transform:uppercase}
.mkt-super-secao:first-child .mkt-super-secao-titulo{color:var(--silver-l)}
.mkt-super-estrategia .mkt-super-secao.diagnostico{border-color:rgba(34,197,94,.35);background:linear-gradient(135deg,rgba(34,197,94,.06),transparent)}
.mkt-super-estrategia .mkt-super-secao.aviso{border-color:rgba(251,146,60,.5);background:linear-gradient(135deg,rgba(251,146,60,.08),transparent)}
.mkt-super-par{font-size:14px;color:var(--silver-l);margin:0 0 10px;line-height:1.6}
.mkt-super-par:last-child{margin-bottom:0}
.mkt-super-par strong{color:var(--c-mkt)}

/* ESTRATEGIA · LOGICA · PLANEJAMENTO (bloco antigo, usado so na tab Entender se precisar) */
.mkt-estrategia-plano{margin-bottom:28px}
.mkt-estrategia-titulo{font-size:14px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin-bottom:16px;text-transform:uppercase}
.mkt-estrategia-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}
.mkt-estrategia-grid .mkt-estrategia-card:first-child{grid-column:1;grid-row:1}
.mkt-estrategia-grid .mkt-estrategia-card:nth-child(2){grid-column:2;grid-row:1}
.mkt-estrategia-grid .mkt-estrategia-card--plano{grid-column:1/-1;grid-row:2}
@media(max-width:620px){.mkt-estrategia-grid{grid-template-columns:1fr;grid-template-rows:auto}.mkt-estrategia-grid .mkt-estrategia-card--plano{grid-column:1}}
.mkt-estrategia-card{padding:20px;border-radius:var(--radius-sm);border:1px solid var(--gb)}
.mkt-estrategia-card h3{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-estrategia-linha{font-size:13px;color:var(--silver-l);margin:0 0 8px;line-height:1.5}
.mkt-estrategia-dir{font-size:12px;color:var(--w50);margin:0;line-height:1.5}
.mkt-estrategia-card p{font-size:12px;color:var(--w50);margin:0;line-height:1.6}
.mkt-plano-item{margin-bottom:10px;font-size:13px;color:var(--silver-l);line-height:1.5}
.mkt-plano-item:last-child{margin-bottom:0}
.mkt-plano-bullet{display:inline-block;width:20px;margin-right:8px;color:var(--c-mkt);font-weight:800}
.mkt-plano-item--agora .mkt-plano-bullet{color:var(--c-mkt)}
.mkt-plano-desc{display:block;font-size:11px;color:var(--w50);margin-top:2px;margin-left:28px;font-weight:400}

/* MAPA MENTAL + ANALISE (Entender — interativo e infografico) */
.mkt-entender-viz{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;align-items:start}
@media(max-width:600px){.mkt-entender-viz{grid-template-columns:1fr}}
.mkt-mapa-wrap{background:var(--w03);border:1px solid var(--gb);border-radius:var(--radius);padding:12px;text-align:center}
.mkt-mapa-svg{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}
.mkt-mapa-line{stroke:rgba(251,146,60,.35);stroke-width:1.5;transition:stroke .2s}
.mkt-mapa-node{fill:rgba(251,146,60,.25);stroke:rgba(251,146,60,.5);stroke-width:1.5}
.mkt-mapa-label{font-size:8px;fill:var(--silver-l);font-weight:600;font-family:var(--font)}
.mkt-mapa-centro-txt{font-size:12px;fill:#fff;font-weight:800;font-family:var(--font)}

/* Sistema guiado + mapa de emergencia (identidade -> dores/necessidades -> o que emerge) */
.mkt-painel-guia-wrap{margin-bottom:24px}
.mkt-guia{position:relative;border-radius:var(--radius-sm);padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));overflow:hidden;animation:floatY 7s ease-in-out infinite}
.mkt-guia::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%);border-radius:inherit;pointer-events:none;z-index:1}
.mkt-guia::after{content:'';position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmerMove 6s ease-in-out infinite;pointer-events:none;z-index:2}
.mkt-guia-tit{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--c-mkt);margin:0 0 16px;text-transform:uppercase;position:relative;z-index:3}
.mkt-guia-mapawrap{position:relative;z-index:3;margin-bottom:16px}
.mkt-guia-falta{font-size:13px;color:var(--w70);margin-bottom:12px;line-height:1.5;position:relative;z-index:3}
.mkt-guia-prox{position:relative;z-index:3}
.mkt-guia-prox--ok{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mkt-guia-ok{font-size:12px;color:var(--w50)}
.mkt-mapa-emergencia{position:relative;z-index:3;text-align:center}
.mkt-mapa-emergencia .mkt-mapa-svg{max-width:280px;margin:0 auto 16px}
.mkt-mapa-emergencia .mkt-mapa-line--identidade{stroke:rgba(251,146,60,.4)}
.mkt-mapa-emergencia .mkt-mapa-line--necessidade{stroke:rgba(34,197,94,.35)}
.mkt-mapa-emergencia .mkt-mapa-line--dor{stroke:rgba(239,68,68,.35)}
.mkt-mapa-emergencia .mkt-mapa-line--gatilho{stroke:rgba(168,85,247,.35)}
.mkt-mapa-emergencia .mkt-mapa-line--emergencia{stroke:rgba(251,146,60,.5)}
.mkt-mapa-emergencia .mkt-mapa-node--centro{fill:rgba(251,146,60,.35);stroke:rgba(251,146,60,.8)}
.mkt-mapa-emergencia .mkt-mapa-node--identidade{fill:rgba(251,146,60,.2);stroke:rgba(251,146,60,.6)}
.mkt-mapa-emergencia .mkt-mapa-node--necessidade{fill:rgba(34,197,94,.2);stroke:rgba(34,197,94,.5)}
.mkt-mapa-emergencia .mkt-mapa-node--dor{fill:rgba(239,68,68,.2);stroke:rgba(239,68,68,.5)}
.mkt-mapa-emergencia .mkt-mapa-node--gatilho{fill:rgba(168,85,247,.2);stroke:rgba(168,85,247,.5)}
.mkt-mapa-emergencia .mkt-mapa-node--emergencia{fill:rgba(251,146,60,.3);stroke:rgba(251,146,60,.7)}
.mkt-mapa-gatilhos{margin-top:14px;font-size:12px;color:var(--w70);line-height:1.6;position:relative;z-index:3}
.mkt-mapa-gatilhos strong{display:block;font-size:10px;letter-spacing:1px;color:var(--c-mkt);margin-bottom:8px;text-transform:uppercase}
.mkt-gatilho-pill{display:inline-block;padding:6px 12px;margin:4px 6px 4px 0;border-radius:999px;background:rgba(168,85,247,.15);color:var(--silver-l);font-size:11px;font-weight:600}

.mkt-analise-entender{padding:16px;border-radius:var(--radius-sm)}
.mkt-analise-entender h4{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--c-mkt);margin-bottom:14px;text-transform:uppercase}
.mkt-analise-bars{display:flex;flex-direction:column;gap:12px}
.mkt-analise-row{display:grid;grid-template-columns:100px 1fr 28px;align-items:center;gap:10px}
.mkt-analise-lbl{font-size:12px;color:var(--w70)}
.mkt-analise-bar-bg{height:10px;background:var(--w06);border-radius:999px;overflow:hidden}
.mkt-analise-bar-fill{height:100%;background:linear-gradient(90deg,var(--c-mkt),#f59e0b);border-radius:999px;transition:width .4s var(--ease)}
.mkt-analise-n{font-size:13px;font-weight:800;color:var(--c-mkt);text-align:right}
.mkt-analise-total{margin-top:14px;padding-top:12px;border-top:1px solid var(--gb);font-size:12px;color:var(--w50)}
.mkt-analise-total strong{color:var(--silver-l)}

/* Visao geral do perfil (todos os passos do Entender) */
.mkt-visao-geral{padding:14px 18px;margin-bottom:18px;border-radius:var(--radius-sm)}
.mkt-visao-geral h4{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--c-mkt);margin-bottom:12px;text-transform:uppercase}
.mkt-visao-bars{display:flex;flex-direction:column;gap:8px}
.mkt-visao-row{display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:8px}
.mkt-visao-lbl{font-size:11px;color:var(--w60)}
.mkt-visao-bg{height:8px;background:var(--w06);border-radius:999px;overflow:hidden}
.mkt-visao-fill{height:100%;background:linear-gradient(90deg,var(--c-mkt),#f59e0b);border-radius:999px;transition:width .4s var(--ease)}
.mkt-visao-n{font-size:12px;font-weight:800;color:var(--c-mkt);text-align:right}
.mkt-visao-total{margin-top:12px;padding-top:10px;border-top:1px solid var(--gb);font-size:12px;color:var(--w50)}
.mkt-visao-total strong{color:var(--silver-l)}

.mkt-analise-step{padding:14px 18px;border-radius:var(--radius-sm)}
.mkt-analise-step h4{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-entender-viz:has(.mkt-analise-step){grid-template-columns:1fr}

.mkt-imersivo-entender{margin-bottom:28px}
.mkt-imersivo-progress{height:6px;background:var(--w06);border-radius:999px;overflow:hidden;margin-bottom:16px}
.mkt-imersivo-progress-fill{height:100%;background:linear-gradient(90deg,var(--c-mkt),#f59e0b);border-radius:999px;transition:width .4s var(--ease)}
.mkt-imersivo-sec{font-size:18px;font-weight:800;color:var(--silver-l);margin-bottom:6px}
.mkt-imersivo-desc{font-size:13px;color:var(--w50);margin-bottom:18px;line-height:1.5}

.mkt-imersivo-card{margin-bottom:18px;padding:22px;max-width:560px}
.mkt-imersivo-card h3{font-size:16px;font-weight:800;color:var(--silver-l);margin-bottom:8px}
.mkt-imersivo-card h4{font-size:14px;font-weight:700;color:var(--silver-l);margin-bottom:4px}
.mkt-imersivo-card-desc{font-size:12px;color:var(--w50);margin-bottom:16px;line-height:1.5}
.mkt-imersivo-card--sel{border-color:rgba(251,146,60,.4);background:linear-gradient(135deg,rgba(251,146,60,.08),rgba(251,146,60,.02))}
.mkt-imersivo-card .mkt-field{margin-bottom:14px}
.mkt-imersivo-card .mkt-field label{font-size:11px;color:var(--w50)}
.mkt-imersivo-card textarea,.mkt-imersivo-card input{background:rgba(0,0,0,.3);border-color:rgba(251,146,60,.2)}
.mkt-imersivo-card textarea:focus,.mkt-imersivo-card input:focus{border-color:var(--c-mkt)}

.mkt-imersivo-opcoes{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.mkt-imersivo-opt{padding:12px 18px;border-radius:12px;border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font)}
.mkt-imersivo-opt:hover{background:var(--w06);border-color:rgba(251,146,60,.3);color:#fff}
.mkt-imersivo-opt--sel{background:rgba(251,146,60,.2);border-color:var(--c-mkt);color:#fff}

.mkt-imersivo-field{margin-bottom:20px}
.mkt-imersivo-field label{display:block;font-size:11px;font-weight:700;color:var(--w50);margin-bottom:10px}
.mkt-imersivo-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}
.mkt-imersivo-field .mkt-imersivo-pills{margin-bottom:0}
.mkt-imersivo-pills-multi .mkt-imersivo-pill{font-size:11px;padding:8px 12px}
.mkt-imersivo-pill{padding:8px 14px;border-radius:999px;background:var(--w03);border:1px solid var(--gb);font-size:12px;color:var(--silver-l);cursor:pointer;transition:all .2s}
.mkt-imersivo-pill:hover{background:var(--w06);border-color:rgba(251,146,60,.3);color:#fff}
.mkt-imersivo-pill--sel{background:rgba(251,146,60,.2);border-color:var(--c-mkt);color:#fff}

.mkt-imersivo-nav{display:flex;gap:12px;align-items:center;margin-top:20px}
.mkt-imersivo-nav .mkt-btn-primary{flex-shrink:0}

.mkt-imersivo-objetivo{margin-bottom:28px}
.mkt-imersivo-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:500px){.mkt-imersivo-cards{grid-template-columns:1fr}}
.mkt-imersivo-cards .mkt-imersivo-card{max-width:none}
.mkt-imersivo-cards .mkt-imersivo-card p{font-size:12px;color:var(--w50);margin:0}

.mkt-imersivo-metricas{margin-bottom:28px}
.mkt-imersivo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:700px){.mkt-imersivo-grid{grid-template-columns:repeat(4,1fr)}}
.mkt-imersivo-ns{font-size:18px;font-weight:800;color:var(--c-mkt)}
.mkt-imersivo-nums{display:flex;gap:12px;flex-wrap:wrap}
.mkt-imersivo-nums span{font-size:14px;font-weight:700;color:var(--silver-l)}
.mkt-imersivo-empty{font-size:11px;color:var(--w30);margin:0}
.mkt-imersivo-card ul{margin:0;padding-left:18px;font-size:12px;color:var(--w50);line-height:1.6}

.mkt-imersivo-direcao{margin-top:20px;padding:16px;background:linear-gradient(135deg,rgba(251,146,60,.08),rgba(251,146,60,.02));border:1px solid rgba(251,146,60,.2);border-radius:12px}
.mkt-imersivo-direcao h4{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--c-mkt);margin-bottom:10px;text-transform:uppercase}
.mkt-imersivo-direcao p{font-size:12px;color:var(--silver-l);margin:0 0 6px;line-height:1.5}
.mkt-imersivo-direcao p:last-child{margin-bottom:0}
.mkt-imersivo-config{margin-top:24px;padding:14px;background:var(--w03);border:1px solid var(--gb);border-radius:12px}
.mkt-imersivo-config summary{font-size:12px;font-weight:600;color:var(--w50);cursor:pointer;list-style:none}
.mkt-imersivo-config summary::-webkit-details-marker{display:none}
.mkt-imersivo-config-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gb)}
@media(max-width:500px){.mkt-imersivo-config-inner{grid-template-columns:1fr}}
.mkt-imersivo-config-col h4{font-size:11px;font-weight:700;color:var(--w50);margin-bottom:10px}
.mkt-imersivo-config .mkt-field{margin-bottom:12px}

/* DASHBOARD FUTURISTA (mockup) - fallback */
:root{
  --neon-cyan:#00f5ff;
  --neon-magenta:#ff00aa;
  --neon-purple:#a855f7;
  --neon-blue:#3b82f6;
  --glass-bg:rgba(255,255,255,.04);
  --glass-border:rgba(255,255,255,.08);
}

.mkt-futuro{min-height:100%;background:#000;padding:16px;position:relative;display:flex;gap:16px}
.mkt-futuro-grid{flex:1;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;gap:14px;grid-auto-flow:dense}
@media(min-width:700px){
  .mkt-futuro-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
}
@media(min-width:1000px){
  .mkt-futuro-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}
}

.mkt-futuro-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:16px;position:relative;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.3)}
.mkt-futuro-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.3),rgba(168,85,247,.3),transparent);opacity:.6}
.mkt-futuro-card-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.mkt-futuro-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.mkt-futuro-icon{font-size:14px;color:var(--neon-cyan);font-weight:700}
.mkt-futuro-big{font-size:28px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-1px}
.mkt-futuro-empty{font-size:11px;color:rgba(255,255,255,.35);margin:0}

.mkt-futuro-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:10px;color:rgba(255,255,255,.5)}
.mkt-futuro-bar-row span{min-width:28px}
.mkt-futuro-bar{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.mkt-futuro-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));transition:width .4s ease}

.mkt-futuro-chart-wrap{height:70px;margin:8px 0}
.mkt-futuro-area{width:100%;height:100%;display:block}
.mkt-futuro-area-path{fill:url(#mkt-area-grad);filter:drop-shadow(0 0 8px rgba(0,245,255,.3))}
.mkt-futuro-infographic .mkt-futuro-chart-wrap{height:80px}

.mkt-futuro-metrics{display:flex;gap:8px;margin-top:8px;font-size:11px;font-weight:600;color:rgba(255,255,255,.6)}
.mkt-futuro-metrics span{font-variant-numeric:tabular-nums}

.mkt-futuro-ns-wrap{display:flex;align-items:center;justify-content:center;grid-column:span 1}
@media(min-width:700px){.mkt-futuro-ns-wrap{grid-column:span 2}}
@media(min-width:1000px){.mkt-futuro-ns-wrap{grid-column:span 1;grid-row:span 2}}
.mkt-futuro-ns{display:flex;align-items:center;justify-content:center;width:100%;min-height:180px}
.mkt-futuro-ns-ring{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--neon-cyan) calc(var(--pct,0) * 1%),rgba(255,255,255,.06) 0);display:flex;align-items:center;justify-content:center;position:relative;padding:4px;box-shadow:0 0 30px rgba(0,245,255,.2),inset 0 0 20px rgba(0,0,0,.2)}
.mkt-futuro-ns-ring::before{content:'';position:absolute;inset:6px;border-radius:50%;background:#000}
.mkt-futuro-ns-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mkt-futuro-ns-num{font-size:42px;font-weight:900;color:#fff;line-height:1;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mkt-futuro-ns-label{font-size:10px;font-weight:600;color:rgba(255,255,255,.5);margin-top:4px;letter-spacing:1px}

.mkt-futuro-bars-vert{display:flex;align-items:flex-end;gap:6px;height:60px;margin:8px 0}
.mkt-futuro-bar-col{flex:1;min-width:20px;height:100%;display:flex;align-items:flex-end;justify-content:center}
.mkt-futuro-bar-v{width:100%;max-width:24px;min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-purple));transition:height .4s ease}

.mkt-futuro-port-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.mkt-futuro-port-item:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}
.mkt-futuro-port-circle{width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--neon-magenta) calc(var(--pct,0) * 1%),rgba(255,255,255,.08) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.mkt-futuro-port-circle::before{content:'';position:absolute;inset:4px;border-radius:50%;background:#0a0a0f}
.mkt-futuro-port-circle span{position:relative;z-index:2;font-size:9px;font-weight:800;color:#fff}
.mkt-futuro-port-info{display:flex;flex-direction:column;gap:2px}
.mkt-futuro-port-info span:first-child{font-size:10px;color:rgba(255,255,255,.5)}
.mkt-futuro-port-info span:last-child{font-size:12px;font-weight:700;color:#fff}

.mkt-futuro-signal{font-size:10px;padding:6px 8px;margin-bottom:4px;border-radius:8px;border:1px solid}
.mkt-futuro-signal--risk{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.35);color:rgba(255,200,200,.9)}
.mkt-futuro-signal--opp{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.35);color:rgba(180,255,220,.9)}

.mkt-futuro-side{width:56px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid var(--glass-border);position:relative}
.mkt-futuro-nav{display:flex;flex-direction:column;align-items:center;gap:8px}
.mkt-futuro-nav-title{font-size:9px;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,.4);margin-bottom:4px}
.mkt-futuro-nav-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--glass-border);background:rgba(255,255,255,.04);color:rgba(255,255,255,.6);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.mkt-futuro-nav-btn:hover{background:rgba(0,245,255,.15);border-color:rgba(0,245,255,.4);color:var(--neon-cyan)}
.mkt-futuro-panel{position:absolute;right:calc(100% + 12px);top:0;width:200px;padding:14px;background:rgba(10,10,20,.95);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;z-index:50;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.mkt-futuro-panel .mkt-field{margin-bottom:10px}
.mkt-futuro-panel .mkt-field label{font-size:9px;color:rgba(255,255,255,.5);display:block;margin-bottom:4px}
.mkt-futuro-panel .mkt-field select,.mkt-futuro-panel .mkt-field input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--glass-border);background:rgba(255,255,255,.04);color:#fff;font-size:11px}


/* SDIV */
.sdiv{display:flex;align-items:center;gap:14px;margin:32px 0 20px}
.sdiv i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--w06),transparent)}
.sdiv span{font-size:9px;font-weight:700;letter-spacing:5px;color:var(--silver-d);text-transform:uppercase;white-space:nowrap}

/* CLIENT / ADMIN */
.client-section,.admin-section{transition:all .5s var(--ease);overflow:hidden}
.client-section.hidden,.admin-section.hidden{max-height:0;opacity:0;pointer-events:none;margin:0;padding:0}
.client-section:not(.hidden),.admin-section:not(.hidden){max-height:8000px;opacity:1}

.toggle{position:relative;width:52px;height:28px;flex-shrink:0;cursor:pointer}
.toggle input{display:none}
.toggle-sl{position:absolute;inset:0;border-radius:14px;background:var(--w03);border:1px solid var(--gb);transition:.3s var(--ease)}
.toggle-sl::after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:var(--silver-d);top:2px;left:2px;transition:.3s var(--ease);box-shadow:0 2px 8px rgba(0,0,0,.5)}
.toggle input:checked+.toggle-sl{background:rgba(200,200,220,.08);border-color:rgba(200,200,220,.2)}
.toggle input:checked+.toggle-sl::after{transform:translateX(24px);background:var(--white);box-shadow:0 0 16px rgba(200,200,220,.3)}

/* CLIENT */
.client-hero{padding:28px;margin-bottom:18px;text-align:center}
.streak-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:20px}
.streak-num{font-size:52px;font-weight:900;background:var(--accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 0 16px rgba(200,200,220,.15))}
.streak-info{text-align:left}
.streak-info h3{font-size:15px;font-weight:700;color:var(--white)}
.streak-info p{font-size:10px;color:var(--w12)}
.streak-dots{display:flex;gap:8px;justify-content:center;margin-bottom:28px}
.streak-dot{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gb);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--w12);transition:all .3s}
.streak-dot.active{background:rgba(52,211,153,0.25);border-color:var(--c-green);color:var(--c-green)}
.client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.cstat{padding:18px 14px;text-align:center}
.cstat-val{font-size:24px;font-weight:800;color:var(--white);margin-bottom:3px}
.cstat-lbl{font-size:9px;color:var(--w12);letter-spacing:.5px}
.client-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.cq-card{padding:18px 16px;text-align:center;cursor:pointer;transition:all .3s}
.cq-card:hover{transform:translateY(-3px)}
.cq-ic{width:44px;height:44px;margin:0 auto 10px;border-radius:12px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center}
.cq-ic svg{width:22px;height:22px;stroke:var(--silver)}
.cq-card h4{font-size:11px;font-weight:700;color:var(--white);margin-bottom:2px}
.cq-card p{font-size:8px;color:var(--w12)}
.plan-study{padding:20px;margin-bottom:18px}
.plan-study h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px}
.plan-study p{font-size:10px;color:var(--w12);margin-bottom:14px}
.plan-tags{display:flex;flex-wrap:wrap;gap:8px}
.ptag{padding:8px 16px;border-radius:20px;border:1px solid var(--gb);background:var(--w03);color:var(--w20);font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;transition:all .3s}
.ptag.active{border-color:rgba(200,200,220,.2);color:var(--silver-l);background:rgba(200,200,220,.06);box-shadow:0 0 12px rgba(200,200,220,.06)}
.rank-card{padding:20px;margin-bottom:18px;display:flex;align-items:center;gap:18px}
.rank-pos{font-size:30px;font-weight:900;background:var(--accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:44px;text-align:center;flex-shrink:0}
.rank-info h4{font-size:13px;font-weight:600;color:var(--white)}
.rank-info p{font-size:10px;color:var(--w12)}
.rank-bar{flex:1;height:4px;background:var(--w03);border-radius:2px;overflow:hidden;margin-left:auto;max-width:120px}
.rank-bar div{height:100%;background:var(--accent-s);border-radius:2px}
.client-chart{padding:22px;margin-bottom:18px}
.client-chart h3{font-size:12px;font-weight:600;color:var(--w30);margin-bottom:16px}
.achieve-row{display:flex;gap:12px;padding-bottom:6px;margin-bottom:18px;justify-content:center;flex-wrap:wrap}
.achieve{min-width:80px;max-width:100px;flex-shrink:0;text-align:center;padding:16px 12px}
.achieve-ic{width:36px;height:36px;margin:0 auto 8px;border-radius:10px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center}
.achieve-ic svg{width:18px;height:18px;stroke:var(--silver)}
.achieve h5{font-size:8px;font-weight:700;color:var(--w20);letter-spacing:.5px}
.achieve p{font-size:7px;color:var(--w06)}
.achieve.locked{opacity:.2;filter:grayscale(1)}
.btn-feedback{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .3s;margin-top:12px}
.btn-feedback svg{width:20px;height:20px;flex-shrink:0}
.btn-feedback:hover{border-color:var(--gb2);background:var(--w06)}

/* METRICS */
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}
.mcard{padding:22px 20px;position:relative;overflow:hidden;transition:all .3s}
.mcard-icon{width:36px;height:36px;border-radius:10px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.mcard-icon svg{width:17px;height:17px;stroke:var(--silver-d)}
.mcard-val{font-size:26px;font-weight:900;color:var(--white);font-variant-numeric:tabular-nums;margin-bottom:3px}
.mcard-lbl{font-size:9px;color:var(--w12);letter-spacing:.5px}
.mcard-trend{font-size:8px;color:var(--c-green);margin-top:4px;font-weight:600}

/* CHART */
.chart-wrap{padding:24px;margin-bottom:20px;overflow:hidden}
.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.chart-head h3{font-size:12px;font-weight:600;color:var(--w30)}
.msel{background:var(--w03);border:1px solid var(--gb);color:var(--silver);font-size:10px;padding:6px 12px;border-radius:8px;font-family:var(--font);outline:none;cursor:pointer;-webkit-appearance:none}

/* NPS CARD */
.nps-card{padding:24px;margin-bottom:20px}
.nps-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.nps-head h3{font-size:12px;font-weight:600;color:var(--w30)}
.nps-val{font-size:28px;font-weight:900;color:var(--white)}
.nps-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.nps-lbl{font-size:9px;font-weight:600;width:80px;flex-shrink:0}
.nps-lbl.promoter{color:var(--c-green)}
.nps-lbl.neutral{color:var(--c-mkt)}
.nps-lbl.detractor{color:var(--c-cardio)}
.nps-bar-bg{flex:1;height:6px;background:var(--w03);border-radius:3px;overflow:hidden}
.nps-bar-fill{height:100%;background:var(--c-green);border-radius:3px;transition:width .5s}
.nps-bar-fill.neutral{background:var(--c-mkt)}
.nps-bar-fill.detractor{background:var(--c-cardio)}
.nps-pct{font-size:10px;color:var(--w20);width:24px;text-align:right}

/* ADMIN */
.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}
.admin-mini{padding:18px;text-align:center;transition:all .3s}
.admin-mini:hover{transform:translateY(-3px)}
.admin-mini h4{font-size:11px;font-weight:700;color:var(--white);margin-bottom:2px}
.admin-mini p{font-size:9px;color:var(--w12)}
.ami{width:44px;height:44px;margin:0 auto 10px;border-radius:12px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center}
.ami svg{width:22px;height:22px;stroke:var(--silver)}

.retention-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.ret-card{padding:16px 12px;text-align:center}
.ret-val{font-size:22px;font-weight:800;color:var(--white);margin-bottom:3px}
.ret-lbl{font-size:8px;color:var(--w12);letter-spacing:.5px}

.recent-list{margin-bottom:20px}
.recent-item{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:6px}
.recent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.recent-item span{font-size:11px;color:var(--w20);flex:1}
.recent-item small{font-size:9px;color:var(--w06)}

/* FOLDERS CENTER (no icons, centered names, animations on borders) */
.folders-grid-center{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:calc(100vh - var(--nav-h) - 100px);align-content:center;padding:60px 0 20px}
.fcard-full{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:280px;cursor:pointer;transition:all .4s var(--ease);position:relative;overflow:hidden}
.fcard-full .fcv{position:absolute;width:100%;height:40%;opacity:.72;pointer-events:none;border:none}
.fcard-full .fcv.fcv-top{top:0;left:0}
.fcard-full .fcv.fcv-bot{bottom:0;left:0}
.fcard-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:1}
.fcard-content-center{position:relative;z-index:2;text-align:center;padding:24px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}
.fcard-content-center h3{font-size:18px;font-weight:700;color:var(--white);margin-bottom:8px;text-align:center;line-height:1.25}
.fcard-content-center p{font-size:10px;color:var(--w20);margin-bottom:12px;text-align:center}
.fcard-cnt{font-size:8px;color:var(--silver-d);background:var(--w03);padding:4px 12px;border-radius:10px;border:1px solid var(--gb);display:inline-block}
@media(max-width:640px){
  .fcard-content-center h3{font-size:14px;font-weight:700;max-width:100%;word-break:break-word}
  .fcard-content-center{padding:16px 12px}
  .folders-grid-center{grid-template-columns:1fr;gap:12px;padding:16px 0 20px}
  .fcard-full{min-height:180px}
}

.back{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--silver);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;padding:0;margin-bottom:24px}
.back svg{width:20px;height:20px}
.back:active{opacity:.5}

.empty-state{padding:80px 24px;text-align:center;position:relative;min-height:300px}
.empty-state canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.4}
.empty-state h3{font-size:17px;font-weight:700;color:var(--w20);position:relative;z-index:1;margin-bottom:8px}
.empty-state p{font-size:11px;color:var(--w06);position:relative;z-index:1}

/* SYS HERO */
.sys-hero-slim{position:relative;padding:24px 26px;margin-bottom:18px;overflow:hidden;text-align:center}
.sys-hero-slim canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.12;pointer-events:none;border-radius:inherit}
.sys-hero-slim h2{font-size:clamp(18px,3vw,24px);font-weight:800;line-height:1.25;color:var(--white);margin-bottom:6px;position:relative;z-index:1;text-align:center}
.sys-hero-slim p{font-size:10px;color:var(--w12);line-height:1.8;position:relative;z-index:1;text-align:center}
@media(max-width:640px){
  .sys-hero-slim{padding:18px 16px;margin-bottom:14px}
  .sys-hero-slim h2{font-size:16px;line-height:1.3}
  .sys-hero-slim p{font-size:10px}
}

/* TOOLS */
.tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tcard{padding:24px 18px;cursor:pointer;transition:all .4s var(--ease);position:relative}
.tcard-ic{width:44px;height:44px;margin-bottom:14px;border-radius:12px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center}
.tcard-ic svg{width:22px;height:22px;stroke:var(--silver)}
.tcard h4{font-size:12px;font-weight:700;color:var(--white);margin-bottom:5px}
.tcard p{font-size:9px;color:var(--w12);line-height:1.6}
.tcard-tag{position:absolute;top:14px;right:14px;font-size:7px;font-weight:800;letter-spacing:2px;color:var(--silver);background:rgba(200,200,220,.04);border:1px solid var(--w06);padding:3px 8px;border-radius:5px}

/* PERFIL */
.pf-hero{text-align:center;padding:36px 0 40px;position:relative}
.pf-hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.15;pointer-events:none}
.pf-av-wrap{position:relative;width:100px;height:100px;margin:0 auto 22px}
.pf-av{width:100px;height:100px;border-radius:50%;background:var(--accent-s);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#000;position:relative;z-index:2;box-shadow:0 0 30px rgba(200,200,220,.12);overflow:hidden}
.pf-av img{width:100%;height:100%;object-fit:cover}
.pf-ring1{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(200,200,220,.12);animation:spin 8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pf-crown{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:24px;height:24px;stroke:var(--silver-l);fill:rgba(200,200,220,.12);z-index:3;filter:drop-shadow(0 0 8px rgba(200,200,220,.3))}
.pf-edit-av{position:absolute;bottom:0;right:0;width:30px;height:30px;border-radius:50%;background:var(--w06);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:all .3s}
.pf-edit-av:hover{background:var(--w12)}
.pf-edit-av svg{width:14px;height:14px;stroke:var(--silver)}
.pf-hero h2{font-size:24px;font-weight:700;color:var(--white);position:relative;z-index:1}
.pf-sub{font-size:11px;color:var(--w12);margin-top:4px;position:relative;z-index:1}
.pf-badges{display:flex;justify-content:center;gap:10px;margin-top:16px;position:relative;z-index:1}
.pbadge{font-size:9px;font-weight:700;letter-spacing:1.5px;padding:6px 16px;border-radius:20px;border:1px solid var(--gb);color:var(--silver);background:var(--w03)}
.pbadge--a{border-color:rgba(200,200,220,.15);background:rgba(200,200,220,.04)}
.pf-stats{display:flex;justify-content:center;gap:22px;margin-bottom:32px}
.pf-ring-item{display:flex;flex-direction:column;align-items:center;gap:6px}
.pf-ring-item span{font-size:9px;color:var(--w12);font-weight:500}
.pf-ring-cv{width:56px;height:56px}
.pf-section{margin-bottom:28px}
.pf-section h3{font-size:9px;font-weight:700;letter-spacing:4px;color:var(--silver-d);text-transform:uppercase;margin-bottom:14px}
.pf-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:8px}
.pf-row span:first-child{font-size:12px;color:var(--w12)}
.pf-row span:last-child{font-size:12px;font-weight:600;color:var(--w30)}
.pf-edit-field{display:flex;align-items:center;gap:8px}
.pf-edit-field span{font-size:12px;font-weight:600;color:var(--w30)}
.pf-edit-btn{width:28px;height:28px;border-radius:8px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}
.pf-edit-btn:hover{background:var(--w06)}
.pf-edit-btn svg{width:12px;height:12px;stroke:var(--silver-d)}
.plan-cur{display:flex;align-items:center;gap:18px;padding:22px;margin-bottom:16px;border-color:rgba(200,200,220,.08)}
.plan-big{font-size:9px;font-weight:900;letter-spacing:2px;padding:12px 16px;border-radius:10px;background:var(--accent-s);color:#000;flex-shrink:0}
.plan-cur strong{font-size:15px;color:var(--white);display:block}
.plan-cur p{font-size:10px;color:var(--w12);margin-top:3px}
.btn-a{width:100%;padding:15px;border-radius:var(--radius-sm);border:1px solid var(--gb);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);backdrop-filter:blur(20px);color:var(--silver-l);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}
.btn-a:hover{border-color:var(--gb2);box-shadow:0 0 20px rgba(200,200,220,.04)}

/* PLANOS */
.plans-hd{text-align:center;margin-bottom:32px}
.plans-hd h2{font-size:28px;font-weight:800;color:var(--white)}
.plans-hd p{font-size:12px;color:var(--w12);margin-top:8px}
.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:32px}
.pcard{padding:26px 24px;position:relative;transition:all .3s}
.pcard--f{border-color:rgba(200,200,220,.1);box-shadow:0 0 40px rgba(200,200,220,.04)}
.pcard.selected{border-color:rgba(200,200,220,.2);box-shadow:0 0 30px rgba(200,200,220,.08)}
.pcard-check{position:absolute;top:16px;left:16px;z-index:3;cursor:pointer}
.pcard-check input{display:none}
.pcard-check-box{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--gb);background:var(--w03);display:flex;align-items:center;justify-content:center;transition:all .3s}
.pcard-check input:checked~.pcard-check-box{border-color:rgba(200,200,220,.3);background:rgba(200,200,220,.1)}
.pcard-check input:checked~.pcard-check-box::after{content:'';width:10px;height:10px;border-radius:3px;background:var(--silver-l)}
.ppop{position:absolute;top:16px;right:16px;font-size:8px;font-weight:800;letter-spacing:2px;color:#000;background:var(--accent);padding:5px 14px;border-radius:8px}
.pname{font-size:14px;font-weight:700;color:var(--white);margin-bottom:12px;margin-top:8px}
.pprice{font-size:32px;font-weight:900;color:var(--white);margin-bottom:16px}
.pprice b{font-size:12px;font-weight:600;color:var(--silver-d);vertical-align:top}
.pprice small{font-size:11px;font-weight:400;color:var(--w12)}
.pfeats{list-style:none;margin-bottom:20px}
.pfeats li{font-size:10px;color:var(--w20);padding:5px 0 5px 22px;position:relative}
.pfeats li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;border:1.5px solid var(--w06)}
.pcard--f .pfeats li::before{border-color:rgba(200,200,220,.2);background:rgba(200,200,220,.06)}
.pbtn{width:100%;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}
.pbtn--f{background:var(--accent-s);color:#000;border:none}
.pinst{font-size:9px;color:var(--w06);text-align:center;margin-top:10px}
.combo{padding:26px;margin-bottom:20px}
.combo h3{font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px}
.combo-d{font-size:11px;color:var(--w12);margin-bottom:18px}
.combo-total{display:flex;align-items:center;gap:12px;padding:14px 18px}
.combo-total span{font-size:11px;color:var(--w12)}
.combo-total strong{font-size:18px;font-weight:800;color:var(--white)}
.combo-total small{font-size:9px;color:var(--c-green)}
.btn-g{padding:15px;border-radius:var(--radius-sm);border:none;background:var(--accent-s);color:#000;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}
.btn-g:active{transform:scale(.96)}

/* CONFIG */
.cfg-g{margin-bottom:30px}
.sea-client-view .config-admin-only{display:none!important}
.cfg-l{font-size:9px;font-weight:700;letter-spacing:4px;color:var(--silver-d);text-transform:uppercase;margin-bottom:14px}
.cfg-r{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:8px;cursor:pointer;transition:all .2s}
.cfg-r:hover{border-color:var(--gb2)}
.cfg-r svg{width:20px;height:20px;stroke:var(--silver-d);flex-shrink:0}
.cfg-r span{font-size:13px;color:var(--w20);flex:1}
.cfg-chev{width:16px!important;height:16px!important;stroke:var(--w12)!important}
.cfg-det{font-size:11px!important;color:var(--w12)!important;flex:none!important;font-weight:400!important}
.btn-out{width:100%;padding:15px;border-radius:var(--radius-sm);border:1px solid rgba(255,60,60,.06);background:rgba(255,60,60,.02);color:#ff5555;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;margin-top:14px}

/* ECG SIM */
.sim-fs{display:flex;flex-direction:column;height:100%;background:#000}
.sim-fs-hd{display:flex;align-items:center;gap:12px;padding:14px 22px;padding-top:calc(env(safe-area-inset-top,14px) + 8px);flex-shrink:0}
.sim-live{font-size:10px;font-weight:700;color:#ff4444;letter-spacing:1px;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.sim-title{font-size:14px;font-weight:600;color:var(--w20);flex:1}
.sim-timer{font-size:12px;font-weight:600;color:var(--silver-d);font-variant-numeric:tabular-nums}
.sim-cv{flex:1;width:100%;background:#000}
.sim-hud{display:flex;justify-content:space-around;padding:14px 22px;flex-shrink:0;background:rgba(255,255,255,.015);border-top:1px solid var(--w03)}
.hud-p{text-align:center}
.hud-l{display:block;font-size:7px;color:var(--w12);letter-spacing:2px;text-transform:uppercase}
.hud-v{display:block;font-size:24px;font-weight:800;color:var(--white);font-variant-numeric:tabular-nums}
.hud-u{display:block;font-size:8px;color:var(--w12)}
.hud-score .hud-v{color:var(--silver)}
.sim-acts{display:flex;gap:10px;padding:12px 22px;flex-shrink:0}
.sim-b{flex:1;padding:13px;border-radius:var(--radius-xs);border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}
.sim-b:active{transform:scale(.92)}
.sim-b--p{background:var(--accent-s);color:#000;border:none}
.sim-fb{padding:16px 22px;font-size:11px;color:var(--w12);line-height:1.7;flex-shrink:0;border-top:1px solid var(--w03);padding-bottom:calc(16px + var(--safe-b))}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:24px}
.modal-overlay.show{display:flex}
.modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border-radius:var(--radius)}
.modal-sm{max-width:380px}
.modal-hd{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--w03)}
.modal-hd h3{font-size:16px;font-weight:700;color:var(--white)}
.modal-body{padding:24px}
.fb-group{margin-bottom:20px}
.fb-group label{display:block;font-size:11px;font-weight:600;color:var(--w30);margin-bottom:8px}
.fb-select{width:100%;padding:12px 16px;border-radius:var(--radius-xs);background:var(--w03);border:1px solid var(--gb);color:var(--silver-l);font-family:var(--font);font-size:13px;outline:none;-webkit-appearance:none}
.fb-textarea{width:100%;padding:14px 16px;border-radius:var(--radius-xs);background:var(--w03);border:1px solid var(--gb);color:var(--silver-l);font-family:var(--font);font-size:13px;outline:none;min-height:100px;resize:vertical}
.fb-textarea::placeholder{color:var(--w12)}
.nps-scale{display:flex;gap:6px;flex-wrap:wrap}
.nps-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--gb);background:var(--w03);color:var(--w20);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.nps-btn.active{border-color:rgba(200,200,220,.3);color:var(--white);background:rgba(200,200,220,.1);box-shadow:0 0 12px rgba(200,200,220,.08)}
.nps-btn:hover{border-color:var(--gb2)}
.nps-labels{display:flex;justify-content:space-between;margin-top:8px}
.nps-labels span{font-size:8px;color:var(--w06)}
.fb-radio-row{display:flex;gap:14px}
.fb-radio{display:flex;align-items:center;gap:8px;cursor:pointer}
.fb-radio input{accent-color:var(--silver)}
.fb-radio span{font-size:12px;color:var(--w20)}
.edit-input{width:100%;padding:14px 16px;border-radius:var(--radius-xs);background:var(--w03);border:1px solid var(--gb);color:var(--silver-l);font-family:var(--font);font-size:14px;outline:none}
.edit-input:focus{border-color:var(--gb2)}

/* BNAV */
.bnav{position:fixed;bottom:var(--preview-bump);left:0;right:0;z-index:100;display:flex;justify-content:space-around;align-items:flex-start;padding:10px 0 calc(10px + var(--safe-b));background:rgba(0,0,0,.92);backdrop-filter:blur(50px) saturate(1.5);-webkit-backdrop-filter:blur(50px) saturate(1.5);border-top:1px solid var(--w03);height:var(--nav-h)}
.bnav-t{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;color:var(--w12);font-family:var(--font);cursor:pointer;padding:6px 22px;transition:all .3s;position:relative}
.bnav-t svg{width:22px;height:22px;transition:all .3s}
.bnav-t span{font-size:9px;font-weight:600;letter-spacing:.5px}
.bnav-t.active{color:var(--white)}
.bnav-t.active svg{stroke:var(--white);filter:drop-shadow(0 0 10px rgba(200,200,220,.3))}
.bnav-t.active::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:30px;height:2px;border-radius:1px;background:var(--accent);box-shadow:0 0 12px rgba(200,200,220,.2)}

.toast{position:fixed;bottom:calc(var(--nav-h) + 18px + var(--preview-bump));left:50%;transform:translateX(-50%) translateY(40px);padding:13px 26px;border-radius:22px;background:rgba(10,10,16,.9);backdrop-filter:blur(40px);border:1px solid var(--gb);color:var(--white);font-size:12px;font-weight:500;opacity:0;pointer-events:none;transition:all .4s var(--ease);z-index:200;white-space:nowrap;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.folder-sub{animation:slideUp .4s var(--ease)}
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* RESPONSIVE */
@media(max-width:600px){
  .diff-row{grid-template-columns:repeat(2,1fr)}
  .sims-grid{grid-template-columns:repeat(2,1fr)}
  /* Sistemas: 1 coluna no mobile para cards centralizados e titulo proporcional */
  .folders-grid-center{grid-template-columns:1fr;min-height:auto;gap:12px;padding:16px 0 20px}
  .fcard-full{min-height:180px}
  .fcard-content-center h3{font-size:14px;font-weight:700}
  .fcard-content-center{padding:16px 12px}
  .plans-grid{grid-template-columns:1fr}
  .retention-grid{grid-template-columns:repeat(2,1fr)}
  .nps-scale{gap:4px}
  .nps-btn{width:28px;height:28px;font-size:10px}
}
@media(min-width:768px){
  .page-scroll{padding:0 48px 40px}
  .topbar{padding:16px 48px}
  .metrics{grid-template-columns:repeat(4,1fr)}
  .admin-grid{grid-template-columns:repeat(4,1fr)}
  .tools{grid-template-columns:repeat(3,1fr)}
  .client-stats{grid-template-columns:repeat(3,1fr)}
  .client-quick{grid-template-columns:repeat(4,1fr)}
  .diff-row{gap:16px}
  .fcard-full{min-height:350px}
}
@media(min-width:1100px){
  .page-scroll{padding:0 80px 48px;max-width:1300px;margin:0 auto}
  .topbar{padding:18px 80px;max-width:1300px;margin:0 auto;width:100%}
  .metrics{grid-template-columns:repeat(4,1fr);gap:18px}
  .tools{grid-template-columns:repeat(4,1fr)}
  .plans-grid{grid-template-columns:repeat(3,1fr)}
  .hero{padding:44px 40px}
  .fcard-full{min-height:400px}
  .folders-grid-center{min-height:calc(100vh - var(--nav-h) - 180px)}
}
@media(min-width:1440px){
  .page-scroll{max-width:1520px;padding:0 100px 56px}
  .topbar{max-width:1520px;padding:18px 100px}
}

/* PLAN STUDY */
.plan-study{padding:28px;margin-bottom:18px}
.plan-study-head h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:4px}
.plan-study-head p{font-size:10px;color:var(--w12);margin-bottom:18px}
.plan-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.plan-area-card{padding:12px 8px;text-align:center;cursor:pointer;transition:all .3s;position:relative}
.plan-area-card.active{border-color:rgba(200,200,220,.2);box-shadow:0 0 16px rgba(200,200,220,.06)}
.plan-area-card h5{font-size:9px;font-weight:700;color:var(--w20);margin-bottom:0}
.plan-area-card.active h5{color:var(--silver-l)}
.plan-check{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:4px;border:1.5px solid var(--gb);transition:all .3s}
.plan-area-card.active .plan-check{border-color:rgba(200,200,220,.3);background:rgba(200,200,220,.1)}
.plan-area-card.active .plan-check::after{content:'';width:6px;height:6px;border-radius:2px;background:var(--silver-l);position:absolute;top:2.5px;left:2.5px}
.plan-goals{margin-bottom:16px}
.plan-goal-input{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;margin-bottom:10px}
.plan-goal-input input{flex:1;background:transparent;border:none;color:var(--silver-l);font-family:var(--font);font-size:12px;outline:none}
.plan-goal-input input::placeholder{color:var(--w12)}
.plan-goal-input button{width:32px;height:32px;border-radius:8px;background:var(--w03);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--silver)}
.plan-goal-input button svg{width:16px;height:16px}
.goal-item{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:6px;border-radius:var(--radius-xs);background:var(--w03);border:1px solid var(--gb);transition:all .3s}
.goal-item.done{opacity:.4}
.goal-item.done span{text-decoration:line-through}
.goal-cb{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--gb);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}
.goal-cb.checked{border-color:var(--c-green);background:rgba(52,211,153,.12)}
.goal-cb.checked::after{content:'';width:8px;height:8px;border-radius:2px;background:var(--c-green)}
.goal-item span{font-size:11px;color:var(--w20);flex:1}
.goal-del{width:20px;height:20px;border:none;background:none;color:var(--w06);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.plan-summary{padding:14px 18px;margin-bottom:14px}
.plan-s-row{display:flex;justify-content:space-between;padding:4px 0}
.plan-s-row span{font-size:10px;color:var(--w12)}
.plan-s-row strong{font-size:11px;color:var(--silver-l)}
.plan-save-btn{width:100%;margin-top:4px}

/* PERFIL CONNECTED */
/* AI FAB */
.ai-fab{position:fixed;bottom:calc(var(--nav-h) + 18px);right:18px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#1a1a24,#2a2a38);border:1px solid var(--gb2);color:var(--silver-l);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:150;box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 20px rgba(200,200,220,.06);transition:all .3s var(--ease);animation:fabPulse 3s ease infinite}
.ai-fab svg{width:24px;height:24px}
.ai-fab:hover{transform:scale(1.08);box-shadow:0 4px 32px rgba(0,0,0,.5),0 0 30px rgba(200,200,220,.12)}
@keyframes fabPulse{0%,100%{box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 20px rgba(200,200,220,.06)}50%{box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 30px rgba(200,200,220,.15)}}
.ai-chat-panel{position:fixed;bottom:calc(var(--nav-h) + 80px);right:18px;width:340px;max-height:420px;z-index:160;display:flex;flex-direction:column;animation:slideUp .3s var(--ease)}
.ai-chat-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--gb);font-size:13px;font-weight:700;color:var(--silver-l)}
.ai-chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:200px;max-height:280px}
.ai-msg{padding:10px 14px;border-radius:14px;font-size:12px;line-height:1.5;max-width:85%}
.ai-msg.ai-bot{background:var(--w06);color:var(--w70);align-self:flex-start;border-bottom-left-radius:4px}
.ai-msg.ai-user{background:linear-gradient(135deg,rgba(200,200,220,.1),rgba(200,200,220,.05));color:var(--silver-l);align-self:flex-end;border-bottom-right-radius:4px}
.ai-msg.ai-typing{display:flex;gap:4px;align-items:center;padding:14px 16px}
.ai-msg.ai-typing span{width:6px;height:6px;border-radius:50%;background:var(--w30);animation:aiDot 1.2s ease-in-out infinite}
.ai-msg.ai-typing span:nth-child(2){animation-delay:.2s}
.ai-msg.ai-typing span:nth-child(3){animation-delay:.4s}
@keyframes aiDot{0%,80%,100%{opacity:.3;transform:scale(0.8)}40%{opacity:1;transform:scale(1)}}
.ai-chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--gb)}
.ai-chat-input input{flex:1;background:var(--w03);border:1px solid var(--gb);border-radius:10px;padding:10px 14px;color:var(--silver-l);font-family:var(--font);font-size:12px;outline:none}
.ai-chat-input button{width:38px;height:38px;border-radius:10px;background:var(--w06);border:1px solid var(--gb);color:var(--silver);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ai-chat-input button svg{width:16px;height:16px}
@media(max-width:600px){.ai-chat-panel{left:12px;right:12px;width:auto;bottom:calc(var(--nav-h) + 76px)}}

.pf-connected{font-size:10px!important;font-weight:600!important;color:var(--c-green)!important;flex:none!important}
.pf-not-connected{font-size:10px!important;font-weight:600!important;color:var(--w12)!important;flex:none!important}

@media(max-width:600px){
  .plan-areas{grid-template-columns:repeat(2,1fr)}
}

/* ICU PLANTAO */
.icu-hdr{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px;border-radius:16px;margin:0 auto 12px;max-width:700px;border:1px solid var(--gb);flex-wrap:wrap;gap:10px}
.icu-hdr-left{display:flex;align-items:center;gap:12px}
.icu-hdr-icon{width:48px;height:48px;border-radius:14px;background:var(--w06);display:flex;align-items:center;justify-content:center;color:var(--silver-l)}
.icu-hdr-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.icu-sync-status{font-size:10px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.icu-sync-status.icu-sync-ok{font-weight:600}
.icu-trash-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);color:#f87171;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.icu-trash-btn:hover{background:rgba(248,113,113,.15)}
.icu-trash-count{background:#f87171;color:#000;font-size:10px;font-weight:800;padding:1px 6px;border-radius:8px;margin-left:2px}
.icu-add-btn2{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:var(--w06);border:1px solid var(--gb2);color:var(--silver-l);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.icu-add-btn2:hover{background:var(--w10)}
.icu-add-btn2:disabled{opacity:.3;cursor:default}
.icu-va-badges{display:flex;gap:4px;margin:0 auto 8px;max-width:700px;flex-wrap:wrap}
.icu-va-badge{padding:2px 8px;border-radius:6px;font-size:9px;font-weight:800;border:1px solid}
.icu-list{display:flex;flex-direction:column;gap:3px;max-width:700px;margin:0 auto}
.icu-pcard,.icu-pcard.glass2{padding:4px 8px!important;border-radius:8px!important;border:1px solid var(--gb);transition:all .2s;cursor:pointer;min-height:0!important}
.icu-pcard:hover{border-color:var(--gb2)}
.icu-pcard-row{display:flex;align-items:center;gap:4px!important}
.icu-pcard-arrows{display:flex;flex-direction:column;gap:0}
.icu-arr{background:none;border:none;color:var(--w30);cursor:pointer;font-size:10px!important;padding:0;line-height:1}
.icu-arr:hover{color:var(--silver-l)}
.icu-arr:disabled{opacity:.2;cursor:default}
.icu-pcard-leito{min-width:26px!important;width:26px!important;height:26px!important;max-height:26px!important;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--w06);font-size:10px!important;font-weight:900;color:var(--silver-l);flex-shrink:0}
.icu-pcard-info{flex:1;min-width:0}
.icu-pcard-top{display:flex;align-items:center;gap:4px!important;flex-wrap:wrap;min-height:0}
.icu-pcard-name{font-size:10px!important;font-weight:700;color:var(--silver-l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.2!important}
.icu-pcard-age{font-weight:600;color:var(--w40);font-size:8px!important;background:var(--w06);padding:1px 3px!important;border-radius:4px;flex-shrink:0;line-height:1.2!important}
.icu-pcard-badges{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.icu-pbadge{font-size:7px!important;font-weight:700;padding:1px 3px!important;border-radius:4px;line-height:1.2!important}
.icu-pcard-acts{display:flex;gap:2px;flex-shrink:0;align-items:center;margin-left:auto}
.icu-pcard-diag{font-size:8px!important;color:var(--w40);margin-top:2px;white-space:normal!important;word-break:break-word!important;line-height:1.2}
#page-icu-plantao .icu-list,#page-icu-plantao .icu-pcard,#page-icu-plantao .icu-pcard *{box-sizing:border-box}
.icu-empty{padding:40px;text-align:center;border-radius:16px}
.icu-ref-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.25);color:#60a5fa;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.icu-ref-btn:hover{background:rgba(96,165,250,.15)}

/* ICU TABS */
.icu-tabs{display:flex;gap:0;border-bottom:1px solid var(--gb);margin-bottom:12px}
.icu-tabs .icu-tab{display:flex!important;align-items:center;justify-content:center;gap:3px;padding:10px 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--w40);font-family:var(--font);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex:1 1 0!important;min-width:0!important}
.icu-tab:hover{color:var(--silver-l)}
.icu-tab.active{color:var(--silver-l);border-bottom-color:var(--silver-l)}
.icu-tab-content{padding:20px;border-radius:14px;background:var(--w03);border:1px solid var(--gb);min-height:400px}

/* ICU SECTIONS */
.icu-divider{font-size:9px;font-weight:800;color:var(--w50);text-transform:uppercase;letter-spacing:1px;padding:0 0 4px;margin:8px 0 6px;border-bottom:1px solid var(--gb)}
.icu-divider:first-child{margin-top:0}
.icu-divider-sub{font-size:8px;font-weight:700;color:var(--w40);text-transform:uppercase;letter-spacing:.5px;padding:0 0 2px;margin:6px 0 4px;border-bottom:1px solid var(--gb);opacity:.9}
.icu-row-cardio-one{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.icu-row-cardio-one .icu-field{flex:1;min-width:60px}
.icu-row-cardio-one .icu-field-mudanca{flex:1;min-width:100px}
.icu-row-cardio-one .icu-field-dva-btn{flex:none;min-width:100px;display:flex;align-items:flex-end;justify-content:center}
.icu-row-cardio-one .icu-field-dva-btn button{white-space:nowrap;font-size:9px;padding:6px 8px;min-width:100%;box-sizing:border-box;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.icu-btn-dva{background:rgba(96,165,250,.15)!important;border-color:rgba(96,165,250,.35)!important;color:#60a5fa!important}
@media (max-width:480px){
  .icu-row-cardio-one{gap:6px}
  .icu-row-cardio-one .icu-field-dva-btn{min-width:72px}
  .icu-row-cardio-one .icu-field-dva-btn button{font-size:8px;padding:5px 6px}
}

/* Resp: Aval. Pulmonar, Secreção, Via Aérea - SEMPRE na mesma linha (PC e mobile), alinhados pelo topo */
.icu-row.icu-row-resp-one{display:flex;gap:8px;align-items:flex-start;flex-wrap:nowrap}
.icu-row-resp-one .icu-field,.icu-row-resp-one .icu-field-resp{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;min-height:0}
.icu-row-resp-one .icu-field label,.icu-row-resp-one .icu-field-resp label{font-size:9px!important;line-height:1.2;height:16px;margin:0 0 4px 0;padding:0;display:block;flex-shrink:0}
.icu-row-resp-one .icu-field input,.icu-row-resp-one .icu-field select,.icu-row-resp-one .icu-field-resp input,.icu-row-resp-one .icu-field-resp select{font-size:11px!important;padding:6px 8px!important;min-height:32px;height:32px;box-sizing:border-box;border-radius:8px;border:1px solid var(--gb);background:var(--w03)}
.icu-row-resp-one .icu-field-resp textarea.icu-textarea-resp{font-size:11px!important;padding:6px 8px!important;min-height:32px;box-sizing:border-box;border-radius:8px;border:1px solid var(--gb);background:var(--w03);height:auto}
.icu-row-resp-one .icu-field input,.icu-row-resp-one .icu-field select,.icu-row-resp-one .icu-field-resp select{flex-shrink:0}
.icu-textarea-resp{resize:none!important;overflow:hidden!important;word-wrap:break-word;white-space:pre-wrap;line-height:1.35;display:block;width:100%;box-sizing:border-box}
/* Resp events: UMA LINHA no PC e no celular (igual) */
.icu-row-resp-events{display:flex;gap:10px;align-items:flex-end;flex-wrap:nowrap;margin-top:6px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.icu-row-resp-events .icu-iot-datetime.icu-field{flex:0 0 auto;min-width:0;overflow:visible!important}
.icu-row-resp-events .icu-iot-datetime label{font-size:9px!important}
.icu-iot-dt-wrap{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;overflow:visible}
.icu-iot-dt-wrap input[type=date],.icu-iot-dt-wrap input.icu-iot-date{min-width:110px;width:110px;padding:4px 6px!important;font-size:8px!important;min-height:26px!important;height:26px!important;box-sizing:border-box;flex-shrink:0}
.icu-iot-dt-wrap input[type=time]{min-width:72px;width:72px;padding:4px 6px!important;font-size:8px!important;min-height:26px!important;height:26px!important;box-sizing:border-box;flex-shrink:0;display:inline-block}
.icu-row-resp-events .icu-field,.icu-row-resp-events .icu-field-resp{flex:0 0 auto;min-width:0;flex-shrink:0}
.icu-row-resp-events .icu-field-resp-btn{flex:0 0 auto;flex-shrink:0}
.icu-row-resp-events .icu-field-resp label{font-size:9px!important}
.icu-row-resp-events .icu-field-dias{flex:0 0 auto;width:max-content;flex-shrink:0;margin-left:auto}
.icu-row-resp-events .icu-field-dias .icu-calc-val,.icu-row-resp-events .icu-field-resp .icu-calc-val{padding:4px 8px!important;min-height:26px!important;height:26px!important;font-size:10px!important;border-radius:6px;width:max-content;min-width:2.5em;box-sizing:border-box;display:flex;align-items:center;background:var(--w03);border:1px solid var(--gb)}
.icu-row-resp-events .icu-resp-evt-btn,.icu-row-resp-events .icu-resp-hist-btn{padding:5px 8px!important;font-size:9px!important;min-height:26px!important;height:26px!important;border-radius:6px;white-space:nowrap;flex-shrink:0}
.icu-resp-evt-btn{padding:5px 8px;border-radius:6px;font-size:9px!important;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid var(--gb);background:var(--w05);color:var(--w50);font-family:var(--font)}
.icu-resp-evt-btn.icu-resp-evt-on{background:#4ade8020;border-color:#4ade8040;color:#4ade80}
.icu-resp-evt-btn.icu-resp-evt-reiot.icu-resp-evt-on{background:#f8717120;border-color:#f8717140;color:#f87171}
.icu-resp-evt-btn.icu-resp-evt-desc.icu-resp-evt-on{background:#60a5fa20;border-color:#60a5fa40;color:#60a5fa}
.icu-resp-hist-btn{font-size:9px!important;padding:5px 8px!important;white-space:nowrap;text-align:center;box-sizing:border-box;background:var(--w05)!important;border:1px solid var(--gb)!important;color:var(--w50)!important}
.icu-row-resp-events .icu-field-resp-btn{display:flex;justify-content:center;align-items:flex-end}
.icu-row-resp-events .icu-field-resp-btn label{height:0;overflow:hidden;margin:0;padding:0;display:block}
@media (max-width:480px){
  .icu-row.icu-row-resp-one{flex-wrap:nowrap;gap:6px;align-items:flex-end!important}
  .icu-row-resp-one .icu-field,.icu-row-resp-one .icu-field-resp{flex:1;min-width:0;display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .icu-row-resp-one .icu-field label,.icu-row-resp-one .icu-field-resp label{min-height:14px!important;margin-bottom:4px!important}
  .icu-row-resp-one .icu-field input,.icu-row-resp-one .icu-field select,.icu-row-resp-one .icu-field-resp input,.icu-row-resp-one .icu-field-resp select,.icu-row-resp-one .icu-field-resp textarea{min-height:28px!important}
  .icu-row-resp-events{gap:8px!important;flex-wrap:nowrap!important}
  .icu-iot-dt-wrap input[type=date],.icu-iot-dt-wrap input.icu-iot-date{min-width:68px!important;width:68px!important;font-size:7px!important;padding:3px 4px!important;min-height:22px!important;height:22px!important}
  .icu-iot-dt-wrap input[type=time]{min-width:48px!important;width:48px!important;font-size:7px!important;padding:3px 4px!important;min-height:22px!important;height:22px!important}
  .icu-row-resp-events .icu-resp-evt-btn,.icu-row-resp-events .icu-resp-hist-btn{font-size:8px!important;padding:4px 6px!important;min-height:24px!important;height:24px!important;background:var(--w05)!important;border:1px solid var(--gb)!important;color:var(--w50)!important}
  .icu-row-resp-events .icu-resp-evt-btn.icu-resp-evt-on{background:#4ade8020!important;border-color:#4ade8040!important;color:#4ade80!important}
  .icu-row-resp-events .icu-resp-evt-btn.icu-resp-evt-reiot.icu-resp-evt-on{background:#f8717120!important;border-color:#f8717140!important;color:#f87171!important}
  .icu-row-resp-events .icu-field-dias .icu-calc-val{font-size:8px!important;padding:4px 6px!important;min-height:24px!important;height:24px!important;background:var(--w03)!important;border:1px solid var(--gb)!important;color:inherit}
  .icu-gaso-hist{padding:4px 8px!important;margin-top:3px!important;border-radius:6px!important;min-height:auto}
  .icu-gaso-hist span{font-size:8px!important}
  .icu-gaso-hist .icu-del-btn{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}
  .icu-gaso-hist .icu-del-btn svg{width:8px!important;height:8px!important}
}
.icu-calc-val.icu-input-resp{padding:6px 8px;min-height:28px;border-radius:8px;background:var(--w03);border:1px solid var(--gb);font-size:11px;display:flex;align-items:center}

/* ICU FORM */
.icu-form{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto}
.icu-form-head{display:flex;align-items:center;gap:10px;padding:6px 0 8px;border-bottom:1px solid var(--gb);margin-bottom:4px}
.icu-form-title{font-size:13px;font-weight:700;color:var(--silver-l)}
.icu-back-btn span{font-size:10px;color:var(--w40)}

/* NAV ARROWS */
.icu-nav-arrows{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--gb)}
.icu-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:var(--w06);border:1px solid var(--gb);color:var(--w40);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.icu-nav-btn:hover{color:var(--silver-l);background:var(--w10)}
.icu-nav-next{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3);color:#60a5fa}
.icu-nav-next:hover{background:rgba(96,165,250,.2)}
.icu-nav-done{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.3);color:#4ade80}
.icu-nav-done:hover{background:rgba(74,222,128,.2)}
.icu-stat{padding:6px 14px;border-radius:10px;font-size:11px;color:var(--w50)}
.icu-stat b{color:var(--silver-l);margin-right:2px}
.icu-add-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:12px;background:linear-gradient(135deg,rgba(200,200,220,.1),rgba(200,200,220,.05));border:1px solid var(--gb2);color:var(--silver-l);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .3s var(--ease)}
.icu-add-btn:hover{background:linear-gradient(135deg,rgba(200,200,220,.15),rgba(200,200,220,.08))}
.icu-list{display:flex;flex-direction:column;gap:3px}
.icu-card{padding:14px 18px;border-radius:14px;cursor:pointer;transition:all .3s var(--ease);border:1px solid var(--gb)}
.icu-card:hover{border-color:var(--gb2);transform:translateY(-1px)}
.icu-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.icu-leito{background:var(--w06);padding:3px 10px;border-radius:8px;font-size:12px;font-weight:800;color:var(--silver-l);min-width:28px;text-align:center}
.icu-nome{font-size:13px;font-weight:700;color:var(--silver-l);flex:1}
.icu-idade{font-size:11px;color:var(--w40)}
.icu-modo{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--w03)}
.icu-card-mid{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.icu-tag{font-size:10px;padding:2px 8px;border-radius:6px;background:var(--w06);color:var(--w50)}
.icu-card-actions{display:flex;gap:4px;margin-top:8px;justify-content:flex-end}
.icu-act-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--w03);border:1px solid var(--gb);color:var(--w40);cursor:pointer;transition:all .2s}
.icu-pcard .icu-act-btn{width:20px;height:20px;min-width:20px;min-height:20px!important;border-radius:6px;padding:0;display:flex;align-items:center;justify-content:center}
.icu-pcard .icu-act-btn svg{width:10px;height:10px}
.icu-pcard button.icu-arr{min-height:0!important;height:auto!important;padding:0;line-height:1}
.icu-pcard .icu-pcard-arrows{min-height:0}
.icu-pcard .icu-pcard-row{min-height:0;align-items:center}
.icu-act-btn:hover{background:var(--w06);color:var(--silver-l)}
.icu-act-btn:disabled{opacity:.3;cursor:default}
.icu-del-btn:hover{background:rgba(248,113,113,.1);color:#f87171;border-color:rgba(248,113,113,.3)}

.icu-save-btn{margin-left:auto;padding:6px 18px;border-radius:10px;background:linear-gradient(135deg,rgba(74,222,128,.15),rgba(74,222,128,.05));border:1px solid rgba(74,222,128,.3);color:#4ade80;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer}
.icu-section{padding:16px;border-radius:14px;display:flex;flex-direction:column;gap:14px}
.icu-sec-title{font-size:13px;font-weight:800;color:var(--silver-l);letter-spacing:-.2px;border-bottom:1px solid var(--gb);padding-bottom:8px}
.icu-divider2{font-size:11px;font-weight:800;color:var(--silver-l);text-transform:uppercase;letter-spacing:.8px;padding:16px 0 6px;margin-top:6px;border-top:1px solid var(--gb);display:flex;align-items:center;gap:8px}
.icu-field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px;min-width:0;overflow:hidden}
.icu-field textarea{margin-bottom:8px}
.icu-field label{font-size:9px;font-weight:700;color:var(--w40);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.icu-field input,.icu-field select{background:var(--w03);border:1px solid var(--gb);border-radius:8px;padding:6px 8px;color:var(--silver-l);font-family:var(--font);font-size:11px;outline:none;transition:border .2s;width:100%;box-sizing:border-box}
.icu-field textarea{background:var(--w03);border:1px solid var(--gb);border-radius:8px;padding:6px 8px;color:var(--silver-l);font-family:var(--font);font-size:11px;outline:none;transition:border .2s;resize:none;overflow:hidden;min-height:36px}
.icu-tab-content .icu-field input,.icu-tab-content .icu-field select,.icu-tab-content .icu-field textarea{font-size:11px!important}
.icu-row-neuro-top{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}
.icu-row-neuro-top .icu-field-neuro{flex:1;min-width:0}
.icu-row-neuro-top .icu-field-neuro label{font-size:7px}
.icu-row-neuro-top .icu-field-neuro select{padding:4px 5px;min-height:26px;font-size:10px!important}
.icu-row-neuro-btns{display:flex;gap:8px;margin-top:8px;margin-bottom:8px}
.icu-row-neuro-btns .icu-add-exam-btn{flex:1}
.icu-add-bnm-btn{background:rgba(96,165,250,.12)!important;border-color:rgba(96,165,250,.3)!important;color:#60a5fa!important}
.icu-calc-compact-row .icu-calc-row{font-size:10px}
.icu-mrc-wrap{overflow-x:auto;margin-bottom:4px}
.icu-mrc-table{width:100%;border-collapse:collapse;font-size:9px}
.icu-mrc-table th,.icu-mrc-table td{border:1px solid var(--gb);padding:2px 4px;text-align:left}
.icu-mrc-table th{background:var(--w05);text-align:center}
.icu-mrc-table th:first-child,.icu-mrc-label{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icu-mrc-sel{width:100%;padding:2px 2px;font-size:9px;border:none;background:transparent;color:var(--w60);text-align:center}
.icu-calc-compact-box{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 8px;border-radius:6px;border:1px solid;font-size:10px;margin-top:4px}
.icu-calc-label{color:var(--w50);font-weight:700}
.icu-row-btns-inline{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.icu-btn-clear{background:rgba(248,113,113,.12)!important;color:#f87171!important;border-color:rgba(248,113,113,.3)!important}
.icu-perme-row{display:flex;flex-wrap:nowrap;gap:6px;align-items:flex-end;margin-bottom:4px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.icu-perme-row .icu-perme-field{flex:1 1 0;min-width:72px;max-width:120px}
.icu-perme-row .icu-perme-field label{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.icu-perme-row .icu-perme-sel{font-size:10px!important;padding:3px 5px!important;min-height:26px!important;width:100%;box-sizing:border-box;border:1px solid var(--gb);border-radius:6px;background:var(--w03);color:var(--w60)}
.icu-perme-result-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;width:100%}
.icu-perme-result-row .icu-calc-compact-box{flex:1;min-width:180px;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:10px;margin-top:0}
.icu-perme-result-row .icu-row-btns-inline{margin-top:0}
.icu-ims-row{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;margin-bottom:4px}
.icu-ims-field{flex:1;min-width:120px}
.icu-ims-field label{font-size:7px}
.icu-ims-sel{font-size:10px!important;padding:3px 5px!important}
.icu-ims-result{flex:1;min-width:100px}
.icu-field input:focus,.icu-field select:focus,.icu-field textarea:focus{border-color:var(--gb2)}
.icu-field-sm input{max-width:100px}
.icu-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.icu-row-spaced{margin-top:10px}
.icu-row-dados-inline .icu-field-nome{flex:2;min-width:100px}
.icu-row-dados-inline .icu-field-leito{flex:none;width:60px}
.icu-row-dados-inline .icu-field-status{flex:1;min-width:90px}
.icu-row-dados-inline .icu-field-idade{flex:none;width:70px}
.icu-row-dados-inline .icu-field-sexo{flex:none;width:60px}
.icu-row-dados-inline .icu-field-peso{flex:none;width:70px}
.icu-row-id{display:flex;flex-wrap:nowrap;gap:6px;align-items:flex-end;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.icu-row-id .icu-field-nome{flex:1;min-width:70px}
.icu-row-id .icu-field-leito{flex:none;width:40px}
.icu-row-id .icu-field-status{flex:none;width:72px}
.icu-row-id .icu-field-idade{flex:none;width:42px}
.icu-row-id .icu-field-sexo{flex:none;width:40px}
.icu-row-id .icu-field-peso{flex:none;width:46px}
.icu-row-id .icu-field-altura{flex:none;width:46px}
.icu-row-id .icu-field-peso-atual{flex:none;width:46px}
.icu-row-id .icu-field-predito{flex:none;width:56px}
.icu-row-id .icu-field label{font-size:7px;margin-bottom:1px}
.icu-row-id .icu-field input,.icu-row-id .icu-field select,.icu-row-id .icu-field .icu-calc-val{padding:4px 5px;min-height:24px;font-size:11px!important}
.icu-calc-compact{font-size:10px!important;padding:4px 5px!important}
.icu-row-balance{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-top:10px;clear:both}
.icu-row-balance .icu-field-bal{flex:1;min-width:70px}
.icu-row-balance .icu-field-bal label{font-size:7px}
.icu-row-balance .icu-field-bal input{padding:4px 6px;min-height:24px;font-size:10px!important}
.icu-bal-eval{flex:1;min-width:100px;padding:4px 8px;border-radius:8px;border:1px solid;font-size:10px}
.icu-vc-compact{padding:12px 14px;margin-top:10px;margin-bottom:8px}
.icu-vc-inner{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.icu-vc-left{flex:1;min-width:0}
.icu-vc-title{font-size:9px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;text-align:left}
.icu-vc-pills{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-start}
.icu-vc-pills .icu-vc-pill{padding:4px 8px;min-width:40px}
.icu-vc-pills .icu-vc-pill span{font-size:9px}
.icu-vc-pills .icu-vc-pill b{font-size:11px}
.icu-vc-pill-6{border-color:rgba(74,222,128,.3)!important;background:rgba(74,222,128,.06)!important}
.icu-vc-pill-6 span,.icu-vc-pill-6 b{color:#4ade80}
.icu-vc-right{display:flex;flex-direction:column;gap:3px;flex:1;min-width:80px}
.icu-vc-right .icu-field-bal{min-width:0}
.icu-vc-right .icu-field-bal label{font-size:6px}
.icu-vc-right .icu-field-bal input{padding:2px 5px;min-height:20px;font-size:9px!important;width:100%;box-sizing:border-box}
.icu-bal-eval-inline{margin-top:1px;font-size:8px;padding:2px 5px}
.icu-tarea-compact .icu-textarea-compact,.icu-textarea-compact{font-size:11px!important;padding:6px 8px!important;min-height:32px!important}
.icu-tarea-compact label{font-size:7px}
.icu-field-date{flex:none;width:100px}
.icu-date-compact{padding:4px 6px!important;font-size:10px!important;min-height:28px!important}
.icu-input-compact{font-size:11px!important}
.icu-row>.icu-field{flex:1;min-width:0}
.icu-row>.icu-field-w2{flex:2;min-width:0}
.icu-row>.icu-field-w3{flex:3;min-width:0}
.icu-row>.icu-field-fix{flex:none;width:80px}
.icu-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.icu-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:6px}
.icu-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:6px}
.icu-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}
.icu-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:6px}
.icu-grid5 input,.icu-grid6 input{padding:5px 4px!important;font-size:11px!important;text-align:center}
.icu-grid5 label,.icu-grid6 label{font-size:8px!important}
/* Otimizacao de PEEP: tabela fina, pouco preenchimento (PC e celular) */
.icu-peep-cols{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}
.icu-peep-card{padding:4px 6px;border-radius:6px;border:1px solid var(--gb);background:var(--w03)}
.icu-peep-title{font-size:8px;font-weight:700;color:var(--silver-l);margin-bottom:2px;line-height:1.2}
.icu-peep-row{display:flex;gap:4px;align-items:flex-end;flex-wrap:nowrap}
.icu-peep-field{flex:1;min-width:0}
.icu-peep-field span{display:block;font-size:7px;color:var(--w40);margin-bottom:1px}
.icu-peep-field input{width:100%;padding:2px 3px;min-height:22px;border-radius:4px;border:1px solid var(--gb);background:var(--w03);color:var(--silver-l);font-family:var(--font);font-size:9px;box-sizing:border-box;text-align:center}
/* Curvas e Loops: sempre 3+3 (PC e celular) */
.icu-curvas-row{grid-template-columns:repeat(3,1fr)!important}
/* Parametros VM: 5 colunas, botoes menores */
.icu-vm-params{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}
.icu-vm-params .icu-field input,.icu-vm-params .icu-field select{padding:5px 4px!important;font-size:11px!important;text-align:center}
.icu-vm-params .icu-field label{font-size:8px!important}
.icu-vm-btns .icu-small-btn{padding:4px 8px!important;font-size:9px!important;min-height:28px!important}
/* Gasometria: sempre 2 linhas de 6 (PC e celular), todos os campos mesmo tamanho */
.icu-gaso-row{grid-template-columns:repeat(6,1fr)!important}
/* Só o campo Hora da gaso menor (não desconfigura a grade) */
.icu-gaso-row .icu-gaso-hora input{width:58px!important;min-width:58px!important;max-width:58px!important;padding:4px 4px!important;font-size:10px!important;box-sizing:border-box}
/* Botões Salvar e Limpar Gaso menores (uniformes com o resto do app) */
.icu-gaso-btns .icu-small-btn{padding:4px 8px!important;font-size:9px!important;min-height:28px!important}
.icu-grid-gaso{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.icu-sex-btns{display:flex;gap:6px}
.icu-sex-btns button{flex:1;padding:8px;border-radius:10px;border:1px solid var(--gb);background:var(--w03);color:var(--w40);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.icu-sex-btns button.active{background:rgba(96,165,250,.1);color:#60a5fa;border-color:rgba(96,165,250,.4)}
.icu-calc-val{padding:8px 12px;background:var(--w03);border:1px solid var(--gb);border-radius:10px;font-size:12px;font-weight:700}
.icu-calc-card{padding:10px 14px;border-radius:12px;border:1px solid;margin-top:4px}
.icu-calc-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}
.icu-calc-row span{color:var(--w40)}
.icu-calc-row b{font-size:12px}
.icu-small-btn{padding:4px 10px;border-radius:8px;background:var(--w06);border:1px solid var(--gb);color:var(--silver-l);font-family:var(--font);font-size:9px;font-weight:600;cursor:pointer;transition:all .2s;min-height:28px;line-height:1.2}
.icu-small-btn:hover{background:var(--w10)}
.icu-btn-sm{padding:3px 8px!important;font-size:8px!important;min-height:26px!important}
button.icu-prona-clear-btn,.icu-small-btn.icu-prona-clear-btn{padding:3px 6px!important;font-size:8px!important;min-height:26px!important;line-height:1.2}
.icu-prona-table{font-size:8px;table-layout:fixed}
.icu-prona-table .icu-prona-th,.icu-prona-table .icu-prona-td{padding:2px 3px;border:1px solid var(--gb);text-align:center}
.icu-prona-table .icu-prona-th{background:var(--w05);font-weight:700;color:var(--w50)}
.icu-prona-table .icu-prona-input{width:100%;padding:2px 3px;font-size:8px;text-align:center;border:none;background:transparent;color:var(--w60);box-sizing:border-box}
.icu-prona-table .icu-prona-td-num{font-weight:600}
.icu-prona-table .icu-prona-td-star{padding:0;min-width:22px}
.icu-recrutabilidade-calc .icu-recrut-protocolo{font-size:8px;line-height:1.5;color:var(--w30)}
.icu-recrutabilidade-calc .icu-recrut-resultado{font-size:9px;line-height:1.5}
.icu-gaso-hist{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--w03);border-radius:8px;margin-top:6px}
.icu-gaso-hist span{flex:1}

/* VC Pills */
.icu-vc-pill{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:8px;border:1px solid var(--gb);background:var(--w03);gap:2px;min-width:65px}
.icu-vc-pill span{font-size:9px;color:var(--w40);font-weight:600}
.icu-vc-pill b{font-size:12px;color:var(--silver-l)}

/* Exam Card */
.icu-add-exam-btn{padding:5px 12px;border-radius:6px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.2);color:#60a5fa;font-family:var(--font);font-size:10px;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:2px}
.icu-divider-exam{margin-top:4px;margin-bottom:4px}
.icu-empty-exam{text-align:center;padding:4px 8px;color:var(--w30);font-size:9px;line-height:1.3}
.icu-add-exam-btn:hover{background:rgba(96,165,250,.15)}
.icu-exam-card{padding:12px;border-radius:12px;border:1px solid var(--gb);background:var(--w03);margin-bottom:10px}
.icu-img-card{padding:6px 8px;margin-bottom:6px}
.icu-img-card .icu-exam-head{margin-bottom:4px;padding-bottom:4px}
.icu-img-card .icu-field-tipo{flex:1;min-width:100px}
.icu-img-card .icu-field-tipo select,.icu-img-card .icu-field-date input{font-size:10px;padding:3px 5px;min-height:24px}
.icu-img-card .icu-field label{font-size:7px}
.icu-img-card .icu-img-laudo,.icu-img-card .icu-textarea-compact{min-height:32px!important;padding:4px 6px!important;font-size:10px!important}
.icu-exam-head{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--gb)}
.icu-exam-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.icu-exam-field{display:flex;flex-direction:column;gap:2px}
.icu-exam-field label{font-size:9px;font-weight:700;color:var(--w40);text-transform:uppercase;letter-spacing:.3px}
.icu-exam-field input{background:var(--w03);border:1px solid var(--gb);border-radius:6px;padding:6px 8px;color:var(--silver-l);font-family:var(--font);font-size:11px;outline:none;width:100%;box-sizing:border-box}
.icu-exam-field input:focus{border-color:var(--gb2)}
.icu-exam-unit{font-size:8px;color:var(--w30)}

/* Drug Card */
.icu-drug-card{padding:12px;border-radius:12px;border:1px solid var(--gb);background:var(--w03);margin-bottom:8px}
.icu-drug-head{display:flex;align-items:flex-end;gap:10px}
.icu-drug-head .icu-field{flex:1}

.icu-trash-overlay{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.icu-trash-card{padding:14px 18px;border-radius:14px;border:1px solid rgba(248,113,113,.15);background:rgba(248,113,113,.03)}
.icu-trash-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.icu-trash-card-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.icu-trash-card-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--gb)}
.icu-restore-btn{padding:6px 16px;border-radius:8px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);color:#4ade80;font-family:var(--font);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}
.icu-restore-btn:hover{background:rgba(74,222,128,.2)}
.icu-perma-del-btn{padding:6px 16px;border-radius:8px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:#f87171;font-family:var(--font);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}
.icu-perma-del-btn:hover{background:rgba(248,113,113,.2)}

@media(max-width:768px){
  .icu-grid3,.icu-grid4,.icu-grid5,.icu-grid6{grid-template-columns:repeat(2,1fr)}
  .icu-grid3.icu-curvas-row{grid-template-columns:repeat(3,1fr)!important}
  .icu-vm-params{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
  .icu-vm-btns .icu-small-btn,.icu-gaso-btns .icu-small-btn{padding:4px 8px!important;font-size:9px!important;min-height:28px!important}
  .icu-gaso-row{grid-template-columns:repeat(6,1fr)!important}
  .icu-gaso-row .icu-gaso-hora input{width:46px!important;min-width:46px!important;max-width:46px!important;padding:2px 3px!important;font-size:8px!important}
  .icu-grid-gaso{grid-template-columns:repeat(2,1fr)}
  .icu-form{max-width:100%;padding:0 4px}
  .icu-hdr{padding:12px 14px}
  .icu-prona-table .icu-prona-th,.icu-prona-table .icu-prona-td{padding:1px 2px!important;font-size:7px!important}
  .icu-prona-table .icu-prona-input{font-size:7px!important;min-height:auto!important;padding:1px 2px!important}
  button.icu-prona-clear-btn,.icu-small-btn.icu-prona-clear-btn{min-height:24px!important;padding:3px 6px!important;font-size:8px!important}
  .icu-recrutabilidade-calc .icu-recrut-protocolo{font-size:7px!important;line-height:1.45}
  .icu-recrutabilidade-calc .icu-recrut-resultado{font-size:8px!important}
  .icu-recrutabilidade-calc .icu-recrut-resultado > div{font-size:inherit}
  .icu-pcard{padding:4px 8px!important;border-radius:8px!important}
  .icu-pcard-row{gap:4px!important}
  .icu-pcard-leito{min-width:26px!important;height:26px!important;font-size:10px!important}
  .icu-pcard-name{font-size:10px!important}
  .icu-pcard-age{font-size:8px!important;padding:1px 3px!important}
  .icu-pbadge{font-size:7px!important;padding:1px 3px!important}
  .icu-pcard-diag{font-size:8px!important;white-space:normal!important;word-break:break-word!important;overflow:visible!important;text-overflow:clip!important;margin-top:2px!important}
  .icu-list{gap:3px!important}
  .icu-pcard .icu-act-btn{width:20px!important;height:20px!important}
  .icu-pcard .icu-act-btn svg{width:10px!important;height:10px!important}
}
@media(max-width:480px){
  /* Não forçar 1 coluna em grid3 (Curvas) e grid5; vm-params e curvas-row ficam em bloco 2 linhas */
  .icu-grid2,.icu-grid4,.icu-grid6,.icu-grid-gaso{grid-template-columns:1fr}
  .icu-grid3.icu-curvas-row{grid-template-columns:repeat(3,1fr)!important}
  .icu-vm-params{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
  .icu-vm-btns .icu-small-btn,.icu-gaso-btns .icu-small-btn{padding:4px 8px!important;font-size:9px!important;min-height:28px!important}
  .icu-gaso-row{grid-template-columns:repeat(6,1fr)!important;gap:4px;margin-bottom:4px}
  .icu-gaso-row .icu-field label{font-size:7px!important;margin-bottom:1px!important}
  .icu-gaso-row .icu-field input{padding:3px 2px!important;font-size:9px!important;min-height:26px!important}
  .icu-gaso-row .icu-gaso-hora input{width:44px!important;min-width:44px!important;max-width:44px!important;padding:2px 2px!important;font-size:8px!important}
  .icu-form{gap:6px}
  .icu-hdr{flex-direction:column;gap:8px}
  .icu-field label{font-size:8px}
  .icu-field input,.icu-field select,.icu-field textarea{font-size:14px!important}
  .icu-divider{font-size:11px}
  .icu-tabs .icu-tab{font-size:9px;padding:8px 4px;flex:1 1 0!important;min-width:0!important}
  .page-scroll{padding:0 8px 32px}
  .topbar{padding:12px 12px}
  .icu-prona-table .icu-prona-th,.icu-prona-table .icu-prona-td{padding:1px 2px!important;font-size:7px!important}
  .icu-prona-table .icu-prona-input{font-size:7px!important;min-height:auto!important;padding:1px 2px!important}
  button.icu-prona-clear-btn,.icu-small-btn.icu-prona-clear-btn{min-height:24px!important;padding:3px 6px!important;font-size:8px!important}
  .icu-recrutabilidade-calc .icu-recrut-protocolo{font-size:7px!important;line-height:1.45}
  .icu-recrutabilidade-calc .icu-recrut-resultado{font-size:8px!important}
  .icu-pcard{padding:4px 8px!important;border-radius:8px!important}
  .icu-pcard-row{gap:4px!important}
  .icu-pcard-leito{min-width:26px!important;height:26px!important;font-size:10px!important}
  .icu-pcard-name{font-size:10px!important}
  .icu-pcard-age{font-size:8px!important;padding:1px 3px!important}
  .icu-pbadge{font-size:7px!important;padding:1px 3px!important}
  .icu-pcard-diag{font-size:8px!important;white-space:normal!important;word-break:break-word!important;overflow:visible!important;text-overflow:clip!important;margin-top:2px!important}
  .icu-list{gap:3px!important}
  .icu-pcard .icu-act-btn{width:20px!important;height:20px!important}
  .icu-pcard .icu-act-btn svg{width:10px!important;height:10px!important}
}
@media(max-width:600px){
  .icu-grid3.icu-curvas-row{grid-template-columns:repeat(3,1fr)!important}
  .icu-vm-params{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
  .icu-vm-btns .icu-small-btn,.icu-gaso-btns .icu-small-btn{padding:4px 8px!important;font-size:9px!important;min-height:28px!important}
  .icu-gaso-row .icu-gaso-hora input{width:46px!important;min-width:46px!important;max-width:46px!important;padding:2px 3px!important;font-size:8px!important}
  .icu-tab-content{padding:8px 10px;min-height:auto}
  .icu-form-head{padding:4px 0 6px;margin-bottom:4px}
  .icu-form-head .icu-form-title{font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
  #page-icu-plantao .page-scroll{padding:8px 12px 32px}
  .icu-form{gap:4px}
  .icu-form-head .icu-save-btn{padding:5px 12px;font-size:11px}
  .icu-divider{margin:4px 0 3px;padding:0 0 2px;font-size:7px;letter-spacing:.6px}
  .icu-row{margin-top:0}
  .icu-row .icu-field{margin-bottom:2px}
  .icu-row-dados-inline{display:flex;flex-wrap:wrap;gap:6px;margin-top:0}
  .icu-row-id.icu-row-dados-inline{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .icu-row-dados-inline .icu-field-nome{flex:1;min-width:80px}
  .icu-row-id .icu-field-nome{min-width:60px}
  .icu-row-dados-inline .icu-field-leito{flex:none;min-width:42px;max-width:48px}
  .icu-row-dados-inline .icu-field-status{flex:none;min-width:85px;max-width:100px}
  .icu-row-dados-inline .icu-field-idade{flex:none;min-width:48px;max-width:56px}
  .icu-row-dados-inline .icu-field-sexo{flex:none;min-width:50px;max-width:58px}
  .icu-row-dados-inline .icu-field-peso{flex:none;min-width:52px;max-width:60px}
  .icu-row-dados-inline .icu-field label{font-size:7px;margin-bottom:1px}
  .icu-row-dados-inline .icu-field input,.icu-row-dados-inline .icu-field select{padding:4px 6px;min-height:28px;font-size:12px}
  .icu-row-id .icu-field input,.icu-row-id .icu-field select{padding:4px 5px;min-height:26px;font-size:11px!important}
  .icu-field label{font-size:8px;margin-bottom:1px}
  .icu-field input,.icu-field select{padding:5px 8px;min-height:32px}
  .icu-field textarea{min-height:36px;padding:6px 8px;font-size:13px}
  .icu-form .icu-row + .icu-row,.icu-form .icu-row-spaced{margin-top:4px}
  .icu-calc-card{margin-top:6px!important;padding:6px 8px}
  .icu-vc-pills{flex-wrap:nowrap;gap:3px;justify-content:flex-start}
  .icu-vc-pills .icu-vc-pill{padding:2px 4px;min-width:28px;flex-shrink:0}
  .icu-vc-pills .icu-vc-pill span{font-size:7px}
  .icu-vc-pills .icu-vc-pill b{font-size:9px}
  .icu-exam-card{padding:10px;margin-bottom:8px}
  .icu-exam-head{margin-bottom:8px;padding-bottom:6px}
  .icu-exam-head .icu-field{width:110px!important}
  .icu-exam-grid{grid-template-columns:repeat(5,1fr);gap:4px}
  .icu-exam-field label{font-size:7px}
  .icu-exam-field input{padding:4px 4px;font-size:10px}
  .icu-add-exam-btn{padding:4px 8px;font-size:9px;margin-bottom:2px}
  .icu-divider-exam{margin-top:2px;margin-bottom:2px}
  .icu-empty-exam{padding:3px 6px;font-size:9px}
  .icu-tabs{margin-bottom:8px}
  .icu-tabs .icu-tab{padding:8px 2px;font-size:9px;flex:1 1 0!important;min-width:0!important}
  .icu-tabs .icu-tab svg{width:11px;height:11px;flex-shrink:0}
  .icu-prona-table .icu-prona-th,.icu-prona-table .icu-prona-td{padding:1px 2px!important;font-size:7px!important}
  .icu-prona-table .icu-prona-input{font-size:7px!important;min-height:auto!important;padding:1px 2px!important}
  button.icu-prona-clear-btn,.icu-small-btn.icu-prona-clear-btn{min-height:24px!important;padding:3px 6px!important;font-size:8px!important}
  .icu-recrutabilidade-calc .icu-recrut-protocolo{font-size:7px!important;line-height:1.45}
  .icu-recrutabilidade-calc .icu-recrut-resultado{font-size:8px!important}
  .icu-pcard{padding:4px 8px!important;border-radius:8px!important}
  .icu-pcard-row{gap:4px!important}
  .icu-pcard-leito{min-width:26px!important;height:26px!important;font-size:10px!important}
  .icu-pcard-name{font-size:10px!important}
  .icu-pcard-age{font-size:8px!important;padding:1px 3px!important}
  .icu-pbadge{font-size:7px!important;padding:1px 3px!important}
  .icu-pcard-diag{font-size:8px!important;white-space:normal!important;word-break:break-word!important;overflow:visible!important;text-overflow:clip!important;margin-top:2px!important}
  .icu-list{gap:3px!important}
  .icu-pcard .icu-act-btn{width:20px!important;height:20px!important}
  .icu-pcard .icu-act-btn svg{width:10px!important;height:10px!important}
}
@media(min-width:769px) and (max-width:1024px){
  .icu-grid5,.icu-grid6{grid-template-columns:repeat(3,1fr)}
  .icu-curvas-row{grid-template-columns:repeat(3,1fr)!important}
  .icu-vm-params{grid-template-columns:repeat(5,1fr)!important}
  .icu-gaso-row{grid-template-columns:repeat(6,1fr)!important}
  .page-scroll{padding:0 32px 40px}
}
@media(min-width:1025px){
  .icu-form{max-width:700px}
  .icu-grid5 input,.icu-grid6 input{font-size:11px!important}
}
@supports(padding:max(0px)){
  .bottomnav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .page-scroll{padding-bottom:max(40px,calc(var(--nav-h) + env(safe-area-inset-bottom) + 20px))}
  .topbar{padding-top:max(12px,env(safe-area-inset-top))}
}
@media(hover:none) and (pointer:coarse){
  .icu-field input,.icu-field select,.icu-field textarea{min-height:38px;font-size:16px!important}
  .icu-gaso-row .icu-field input,.icu-gaso-row .icu-field select{min-height:26px!important;font-size:9px!important}
  .icu-peep-field input{min-height:22px!important;font-size:9px!important}
  button,.icu-small-btn{min-height:40px}
  .icu-pcard button,.icu-pcard .icu-arr,.icu-pcard .icu-act-btn{min-height:20px!important;height:20px!important}
  .icu-pcard .icu-pcard-arrows button{min-height:0!important;height:auto!important;padding:0}
  .icu-form button.icu-small-btn,.icu-form .icu-small-btn,.icu-gaso-btns .icu-small-btn,.icu-vm-btns .icu-small-btn{min-height:28px!important;padding:4px 8px!important;font-size:9px!important}
  .icu-form .icu-btn-sm,.icu-form button.icu-small-btn.icu-btn-sm{min-height:26px!important;padding:3px 8px!important;font-size:8px!important}
  .icu-tabs .icu-tab{min-height:36px}
  table input,table select{min-height:32px;font-size:14px!important}
  .icu-prona-table .icu-prona-input{font-size:7px!important;min-height:auto!important;padding:1px 2px!important}
  button.icu-prona-clear-btn,.icu-small-btn.icu-prona-clear-btn{min-height:24px!important;padding:3px 6px!important;font-size:8px!important}
  .icu-recrutabilidade-calc .icu-recrut-protocolo{font-size:7px!important;line-height:1.45}
  .icu-recrutabilidade-calc .icu-recrut-resultado{font-size:8px!important}
  .icu-pcard{padding:4px 8px!important;border-radius:8px!important}
  .icu-pcard-row{gap:4px!important}
  .icu-pcard-leito{min-width:26px!important;height:26px!important;font-size:10px!important}
  .icu-pcard-name{font-size:10px!important}
  .icu-pcard-age{font-size:8px!important;padding:1px 3px!important}
  .icu-pbadge{font-size:7px!important;padding:1px 3px!important}
  .icu-pcard-diag{font-size:8px!important;white-space:normal!important;word-break:break-word!important;overflow:visible!important;text-overflow:clip!important;margin-top:2px!important}
  .icu-list{gap:3px!important}
  .icu-pcard .icu-act-btn{width:20px!important;height:20px!important}
  .icu-pcard .icu-act-btn svg{width:10px!important;height:10px!important}
}
