:root{
  --bg:#050505;
  --bg-elevated:#0a0a0a;
  --surface:#101010;
  --surface-2:#151515;
  --surface-3:#1b1b1b;
  --surface-soft:#13110d;
  --line:#6e5419;
  --line-soft:#3b2d0d;
  --line-subtle:rgba(212,175,55,.14);
  --gold:#d4af37;
  --gold-strong:#f2cf68;
  --gold-soft:#a9882f;
  --text:#f7eccc;
  --text-strong:#fff5d6;
  --muted:#a79361;
  --muted-2:#8b7950;
  --green:#20e08f;
  --red:#ff627b;
  --blue:#6fb8ff;
  --purple:#d78aff;
  --orange:#ffad52;
  --lime:#a0ed52;
  --radius-xs:12px;
  --radius-sm:16px;
  --radius-md:20px;
  --radius-lg:26px;
  --radius-pill:999px;
  --shadow-1:0 12px 30px rgba(0,0,0,.28);
  --shadow-2:0 24px 60px rgba(0,0,0,.42);
  --glow:0 0 0 1px rgba(212,175,55,.08), 0 10px 30px rgba(0,0,0,.3);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;scroll-behavior:smooth}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at top center, rgba(212,175,55,.08), transparent 34%),
    radial-gradient(circle at 10% 20%, rgba(212,175,55,.04), transparent 22%),
    linear-gradient(180deg,#090909 0%, #050505 100%);
}
button,input,select,textarea{font:inherit}
img{max-width:100%}
.hidden{display:none!important}

.shell{
  width:min(1440px,calc(100% - 28px));
  margin:16px auto 42px;
}

.topbar,.card,.hero-card,.auth-card,.modal-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    linear-gradient(180deg, #131313 0%, #0c0c0c 100%);
  border:1px solid var(--line-subtle);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-1);
}

.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  position:sticky;
  top:12px;
  z-index:120;
  backdrop-filter:blur(14px);
}

.brand-stack{display:flex;align-items:center;gap:14px;min-width:0}
.top-logo,.auth-logo{
  width:60px;height:60px;border-radius:20px;object-fit:cover;
  border:1px solid rgba(212,175,55,.32);
  background:#000;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 10px 20px rgba(0,0,0,.24);
}
.auth-logo{width:82px;height:82px;border-radius:24px}
.brand-title{
  font-family:'Cinzel',serif;
  font-weight:700;
  font-size:1.24rem;
  color:var(--gold-strong);
  letter-spacing:.09em;
  line-height:1.05;
}
.brand-sub{
  color:var(--muted);
  font-size:.74rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  margin-top:5px;
}

.top-actions,.btn-row{display:flex;gap:10px;flex-wrap:wrap}
.top-actions{align-items:center;justify-content:flex-end}

.btn{
  min-height:46px;
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(180deg,#1a1a1a,#111111);
  color:var(--gold-strong);
  padding:11px 15px;
  border-radius:14px;
  font-weight:700;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--glow);filter:brightness(1.04)}
.btn:active{transform:translateY(0)}
.btn:focus-visible,
.nav button:focus-visible,
.field input:focus-visible,
.field select:focus-visible,
.field textarea:focus-visible,
.password-toggle:focus-visible,
.action-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(212,175,55,.16), 0 0 0 1px rgba(212,175,55,.42) inset;
}
.btn.gold{
  background:linear-gradient(180deg,#f0cd69,#c99520);
  color:#241903;
  border-color:#f1d77e;
  box-shadow:0 10px 24px rgba(212,175,55,.18);
}
.btn.red{
  background:linear-gradient(180deg,#8a2030,#611520);
  color:#ffe5e9;
  border-color:#b34658;
}
.btn.ghost{background:rgba(255,255,255,.01)}
.btn.small{min-height:40px;padding:8px 12px;font-size:.92rem}
.btn-row.compact .btn{min-height:42px;padding:9px 13px}

.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:8px 12px;
  border-radius:var(--radius-pill);
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(180deg, rgba(212,175,55,.12), rgba(212,175,55,.06));
  color:#f3d97a;
  font-weight:700;
  font-size:.85rem;
}

.nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 22px;
  padding:8px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border:1px solid rgba(212,175,55,.10);
}
.nav button{
  border:1px solid rgba(212,175,55,.18);
  background:linear-gradient(180deg,#1a1a1a,#101010);
  color:var(--gold-strong);
  border-radius:14px;
  padding:12px 16px;
  cursor:pointer;
  font-weight:700;
  min-height:48px;
  transition:.2s ease;
  position:relative;
}
.nav button.active{
  background:linear-gradient(180deg,rgba(212,175,55,.26),rgba(212,175,55,.08));
  border-color:rgba(212,175,55,.42);
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
  color:#fff0bd;
}
.nav button[data-view="painel"]::before{content:"⌂";margin-right:8px}
.nav button[data-view="calculadora"]::before{content:"◫";margin-right:8px}
.nav button[data-view="operacoes"]::before{content:"✦";margin-right:8px}
.nav button[data-view="relatorios"]::before{content:"▤";margin-right:8px}
.nav button[data-view="saques"]::before{content:"⇅";margin-right:8px}
.nav button[data-view="usuarios"]::before{content:"◉";margin-right:8px}
.nav button[data-view="ajustes"]::before{content:"⚙";margin-right:8px}

.view{display:none;animation:fadeIn .22s ease}
.view.active{display:block}
@keyframes fadeIn{from{opacity:.32;transform:translateY(8px)}to{opacity:1;transform:none}}

.card,.hero-card{padding:22px;margin-bottom:20px;position:relative;overflow:hidden}
.card::after,.hero-card::after{
  content:"";
  position:absolute;inset:auto 0 0 0;height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.14), transparent);
}
.hero-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border:1px solid rgba(212,175,55,.18);
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 28%),
    linear-gradient(180deg, rgba(212,175,55,.08), rgba(212,175,55,.02)),
    linear-gradient(180deg, #17140f, #0f0f0f);
}
.hero-card .label{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;margin-bottom:8px}
.hero-card .value{font-family:'Cinzel',serif;font-size:clamp(2rem,4vw,2.8rem);color:#ffd96d;font-weight:700}
.hero-card .sub{color:#b4a16d;font-size:.95rem;max-width:720px;line-height:1.45}
.hero-side{display:flex;gap:12px;flex-wrap:wrap}
.mini-stat{
  min-width:126px;
  padding:14px 15px;
  border:1px solid rgba(212,175,55,.12);
  border-radius:18px;
  background:linear-gradient(180deg,#171717,#111111);
}
.mini-stat span{display:block;color:#a89461;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px}
.mini-stat strong{font-size:1.06rem;color:#f4ddb0}

.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.kpi,.result-card{
  background:linear-gradient(180deg,#171717,#101010);
  border:1px solid rgba(212,175,55,.12);
  border-radius:18px;
  padding:16px;
  min-height:112px;
  position:relative;
  overflow:hidden;
}
.kpi::before,.result-card::before{
  content:"";
  position:absolute;left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg, rgba(212,175,55,.06), rgba(212,175,55,.42), rgba(212,175,55,.06));
}
.kpi span,.result-card span{display:block;color:#a89461;font-size:.73rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px}
.kpi strong,.result-card strong{font-size:1.42rem;font-weight:800;line-height:1.14;color:var(--text-strong)}
.kpi-meta{display:block;margin-top:10px;color:#b6a26d;font-size:.86rem;line-height:1.4}
.result-card.highlight{background:linear-gradient(180deg,#2a220d,#171105);border-color:#8e6b1d}

.section-title{
  color:#e6c260;
  font-family:'Cinzel',serif;
  font-size:.96rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin:0 0 14px;
  display:flex;
  align-items:center;
  gap:10px;
}
.section-title::before{
  content:"";
  width:8px;height:8px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 0 4px rgba(212,175,55,.08);
}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.note{color:#b5a06c;font-size:.93rem;line-height:1.5}

.grid-2,.grid-3,.grid-4,.auth-grid{display:grid;gap:14px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field label{
  color:#a89461;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  padding-left:4px;
}
.field input,.field select,.field textarea{
  width:100%;
  min-height:52px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.16);
  background:linear-gradient(180deg,#0f0f0f,#0a0a0a);
  color:#f4ddb0;
  padding:13px 14px;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.field textarea{min-height:120px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#7f7049}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#bd9531;
  box-shadow:0 0 0 4px rgba(212,175,55,.08);
}
.field.readonly input{background:#121212;color:#d6c089}
.inline-field{min-width:170px}
.actions-field .btn-row{margin-top:auto}

.progress-card{
  padding:14px 15px;
  border:1px solid rgba(212,175,55,.14);
  border-radius:18px;
  background:linear-gradient(180deg,#121212,#0d0d0d);
}
.progress-line{height:14px;border-radius:999px;overflow:hidden;background:#1b1b1b;display:flex;box-shadow:inset 0 1px 4px rgba(0,0,0,.45);min-height:14px}
.progress-line .bar-l{background:#60c4ff}.progress-line .bar-m{background:#ffb14f}.progress-line .bar-r{background:#a5f252}
.progress-legend{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:12px;color:#d7c18c;font-size:.9rem}

.password-wrap{position:relative;display:flex;align-items:center}
.password-wrap input{padding-right:62px}
.password-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border:1px solid rgba(212,175,55,.18);
  background:linear-gradient(180deg,#191919,#121212);color:#f0d27c;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
}
.password-toggle:hover{filter:brightness(1.06)}
.password-toggle.is-visible{background:linear-gradient(180deg,#2a220d,#151105)}
.eye-icon{font-size:1.1rem;line-height:1}

.login-options{display:flex;justify-content:flex-start;margin:8px 0 12px}
.login-options-row{align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.remember-me{display:inline-flex;align-items:center;gap:10px;color:#d7c18c;font-size:.92rem;cursor:pointer}
.remember-me input{width:18px;height:18px;accent-color:#d4af37}
.forgot-password{background:none;border:none;color:#f0d27c;padding:0;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.forgot-password:hover{color:#ffe29d}
.login-actions{justify-content:center;flex-wrap:wrap}
.btn-login-primary{min-width:240px;padding:12px 22px}

.table-wrap{
  overflow:auto;
  border:1px solid rgba(212,175,55,.12);
  border-radius:18px;
  background:linear-gradient(180deg,#120f09,#0d0d0d);
}
.table-wrap table{width:100%;border-collapse:collapse;min-width:860px}
.table-wrap th,.table-wrap td{padding:13px 11px;border-bottom:1px solid rgba(212,175,55,.08);text-align:left;white-space:nowrap}
.table-wrap th{position:sticky;top:0;background:#14120d;color:#f0d27c;font-size:.77rem;text-transform:uppercase;letter-spacing:.14em;z-index:1}
.table-wrap tr:hover td{background:rgba(212,175,55,.03)}

.action-group{display:flex;gap:8px;flex-wrap:wrap}
.action-btn{
  min-height:38px;
  border:1px solid rgba(212,175,55,.18);
  background:#171717;
  color:var(--gold-strong);
  border-radius:12px;
  padding:8px 11px;
  font-weight:700;
  cursor:pointer;
}
.action-btn.danger{color:#ffd4da;border-color:#7d2330;background:#2b1015}

.green{color:var(--green)!important}.red-text{color:var(--red)!important}.blue{color:var(--blue)!important}.purple{color:var(--purple)!important}.orange{color:var(--orange)!important}.lime{color:var(--lime)!important}
.chart-box{height:360px;border-radius:18px;overflow:hidden}.report-kpis{margin-top:16px}
.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.capital-bar{height:100%}
.capital-empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:14px;color:#b6a26d;font-size:.88rem}
.calc-investor-field{min-width:0}

.auth-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px 0}
.auth-card{
  padding:32px;
  max-width:980px;
  width:100%;
  margin:0 auto;
  background:
    radial-gradient(circle at top center, rgba(212,175,55,.09), transparent 30%),
    linear-gradient(180deg,#151515,#0c0c0c);
}
.auth-card>.brand-stack{justify-content:center;text-align:center;margin-bottom:20px}
.auth-grid.single-auth{grid-template-columns:1fr;justify-items:center}
.single-auth .dark-card{width:min(500px,100%);margin:0 auto}
.dark-card{background:linear-gradient(180deg,#151515,#0c0c0c)}

.loading-overlay{position:fixed;inset:0;background:rgba(4,4,4,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:14px}
.spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(212,175,55,.18);border-top-color:#d4af37;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.modal{position:fixed;inset:0;background:rgba(3,3,3,.78);display:none;align-items:center;justify-content:center;padding:16px;z-index:500}
.modal.show{display:flex}
.modal-card{width:min(980px,100%);max-height:92vh;overflow:auto;padding:22px}
.modal-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}.modal-top h3{margin:8px 0 0;color:#ffe29d}
.receipt-body{border:1px solid rgba(212,175,55,.14);border-radius:22px;background:linear-gradient(180deg,#1a1a1a,#111);padding:18px}
.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(11,11,11,.4),#0b0b0b);padding-top:12px;margin-top:16px}
.receipt-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.receipt-brand{display:flex;align-items:center;gap:12px}
.receipt-brand img{width:72px;height:72px;border-radius:18px;object-fit:cover;border:1px solid #7a5d18;background:#000}
.receipt-title{margin:0;font-family:'Cinzel',serif;color:#ffe089}.receipt-sub{color:#b9a368;font-size:.9rem;margin-top:5px}
.receipt-number{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#2d230a,#171105);border:1px solid #8c6a1b;min-width:180px}
.receipt-number .n1{font-size:.75rem;letter-spacing:.16em;color:#b89c57;text-transform:uppercase}.receipt-number .n2{font-size:1.75rem;font-weight:800;color:#ffe7a4;margin-top:4px}
.receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.receipt-item{padding:14px;border:1px solid rgba(212,175,55,.12);border-radius:16px;background:linear-gradient(180deg,#181818,#111)}
.receipt-item .l{font-size:.75rem;letter-spacing:.14em;color:#a48f56;text-transform:uppercase;margin-bottom:10px}.receipt-item .v{font-size:1.05rem;font-weight:700;color:#f5e2b0}.receipt-footer{margin-top:14px;padding:16px;border-radius:16px;background:linear-gradient(180deg,#1b1b1b,#121212);border:1px solid rgba(212,175,55,.12);color:#d8c38d;line-height:1.55}
.setting-list{display:grid;gap:10px}.setting-list code{background:#141414;padding:4px 8px;border-radius:8px;color:#ffd873;border:1px solid #4b3810}
.admin-only-block{display:block}

.login-actions{flex-wrap:wrap}

@media (max-width:1200px){
  .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auth-grid{grid-template-columns:1fr}
  .hero-card{flex-direction:column;align-items:flex-start}
}

@media (max-width:760px){
  body{padding-bottom:calc(188px + env(safe-area-inset-bottom, 0px))}
  .shell{width:min(100%,calc(100% - 14px));margin:8px auto calc(28px + env(safe-area-inset-bottom, 0px))}
  .topbar{position:static;padding:14px;border-radius:22px}
  .brand-stack{align-items:flex-start}
  .top-logo,.auth-logo{width:54px;height:54px;border-radius:18px}
  .top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .top-actions .btn,.top-actions .badge{width:100%;justify-content:center}
  .kpi-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-2,.grid-3,.grid-4,.mobile-1,.receipt-grid{grid-template-columns:1fr}
  .hero-card{padding:18px}
  .hero-card .value{font-size:1.95rem}
  .chart-box{height:280px}
  .table-wrap table{min-width:720px}
  .btn-row .btn{flex:1 1 100%}
  .login-actions .btn-login-primary{width:100%}
  .login-options-row{align-items:flex-start}
  .modal-card{padding:16px}
  .receipt-brand img{width:60px;height:60px}
  .nav{
    position:fixed;
    left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom, 0px));
    z-index:150;
    margin:0;
    padding:10px;
    border-radius:22px;
    background:rgba(12,12,12,.92);
    backdrop-filter:blur(18px);
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    box-shadow:0 20px 50px rgba(0,0,0,.48);
    transition:transform .22s ease, opacity .22s ease;
    transform:translateY(0);
    opacity:1;
  }
  .nav.is-hidden{
    transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom, 0px)));
    opacity:0;
    pointer-events:none;
  }
  .nav button{
    min-height:54px;
    border-radius:16px;
    padding:10px 8px;
    font-size:.84rem;
    line-height:1.1;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .nav button::before{margin:0;font-size:1rem}
  .auth-card{padding:20px 16px;border-radius:24px}
  .single-auth .dark-card{width:100%}
  .field input,.field select,.field textarea{min-height:50px;padding:12px 13px}
}

@media (max-width:520px){
  .kpi-grid,.result-grid{grid-template-columns:1fr}
  .hero-side{width:100%}
  .mini-stat{flex:1 1 100%}
  .section-head{align-items:flex-start}
  .brand-title{font-size:1.08rem}
  .brand-sub{font-size:.68rem;letter-spacing:.2em}
  .btn.small{min-height:42px}
}


/* ===== Phase 2 UX / Premium Layout ===== */
.view-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 16px;padding:4px 2px 2px}
.eyebrow{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;margin-bottom:8px}
.view-title{margin:0;font-family:'Cinzel',serif;font-size:clamp(1.5rem,2vw,2.15rem);color:var(--text-strong);letter-spacing:.03em}
.view-copy{margin:8px 0 0;max-width:860px;color:#c7b27c;line-height:1.55;font-size:.96rem}
.stack-lg{display:grid;gap:16px}
.section-copy{color:#bba773;line-height:1.55;margin-top:-2px}
.section-block{padding:16px;border-radius:18px;border:1px solid rgba(212,175,55,.10);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
.section-block.soft{background:linear-gradient(180deg,rgba(212,175,55,.06),rgba(212,175,55,.02));border-color:rgba(212,175,55,.14)}
.section-subtitle{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-strong);margin:0 0 12px;padding-left:4px}
.form-shell{padding:16px;border-radius:20px;background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid rgba(212,175,55,.10);display:grid;gap:14px}
.helper-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:-2px}
.helper-pill{padding:10px 12px;border-radius:999px;background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.14);color:#d9c187;font-size:.88rem;line-height:1.2}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.status-card{padding:16px;border-radius:18px;border:1px solid rgba(212,175,55,.11);background:linear-gradient(180deg,#171717,#101010);display:grid;gap:10px}
.status-card span{color:#a89461;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}
.status-card strong{font-size:1.02rem;color:var(--text-strong);word-break:break-word}
.login-context{display:grid;gap:12px;margin:-2px 0 12px;color:#cdb98a;line-height:1.55}
.auth-trust{display:flex;gap:8px;flex-wrap:wrap}
.auth-chip{padding:8px 10px;border-radius:999px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.14);color:#f0d27c;font-size:.84rem;font-weight:700}
#dashboardTableWrap .table-wrap,#usersTableWrap .table-wrap,#reportTableWrap .table-wrap{box-shadow:var(--shadow-1)}
#view-painel .hero-card{margin-top:6px}
#view-calculadora .result-grid .result-card,#view-relatorios .kpi,#view-painel .kpi{backdrop-filter:blur(4px)}
.actions-sticky-mobile{scroll-margin-bottom:100px}
@media (max-width:980px){.status-grid{grid-template-columns:1fr}.view-copy{font-size:.93rem}}
@media (max-width:760px){.view-head{margin-bottom:14px}.view-title{font-size:1.42rem}.view-copy{font-size:.92rem}.section-block,.form-shell{padding:14px}.helper-pill{width:100%}.actions-sticky-mobile{position:sticky;bottom:calc(96px + env(safe-area-inset-bottom, 0px));padding:10px;border-radius:18px;background:rgba(10,10,10,.92);backdrop-filter:blur(14px);border:1px solid rgba(212,175,55,.10);z-index:20}.actions-sticky-mobile .btn{min-height:50px}.status-card strong code{white-space:normal}}


/* ===== Phase 3 UX / Premium Mobile System ===== */
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
.insight-card{
  position:relative;overflow:hidden;padding:18px;border-radius:20px;
  border:1px solid rgba(212,175,55,.12);
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 36%),
    linear-gradient(180deg,#151515,#0f0f0f);
  box-shadow:var(--shadow-1);
}
.insight-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.24),transparent)}
.insight-label{display:block;color:#ab965f;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.insight-value{display:block;color:#fff2c6;font-size:1.34rem;font-weight:800;line-height:1.12}
.insight-copy{display:block;margin-top:10px;color:#cfbb8a;line-height:1.45;font-size:.92rem}
.table-shell{display:grid;gap:14px}
.table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(212,175,55,.10);border-radius:18px;background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(255,255,255,.01))}
.table-toolbar-title{display:grid;gap:6px}
.table-toolbar-title strong{font-size:1rem;color:var(--text-strong)}
.table-toolbar-title span{color:#bba773;font-size:.92rem;line-height:1.45}
.data-pill-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.data-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;border:1px solid rgba(212,175,55,.14);background:rgba(212,175,55,.06);color:#f0d27c;font-size:.84rem;font-weight:700}
.data-pill b{color:#fff1c5;font-weight:800}
.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(212,175,55,.10);border-radius:18px;background:linear-gradient(180deg,rgba(212,175,55,.05),rgba(255,255,255,.01))}
.table-page-summary{color:#bca976;font-size:.84rem;line-height:1.4}
.table-page-summary b{color:#fff0bf}
.table-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.page-btn,.page-ellipsis{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.page-btn{border:1px solid rgba(212,175,55,.16);background:rgba(255,255,255,.02);color:#efd487;font-weight:800;cursor:pointer;transition:transform .18s ease, background .18s ease, border-color .18s ease}
.page-btn:hover{transform:translateY(-1px);background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.28)}
.page-btn.is-active{background:linear-gradient(180deg,#2b220d,#181106);border-color:#8c6a1b;color:#fff1c5;box-shadow:0 10px 24px rgba(212,175,55,.10)}
.page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.page-ellipsis{color:#8f7b4b;font-weight:800}
.desktop-table{display:block}
.mobile-cards{display:none}
.mobile-card{padding:16px;border-radius:18px;border:1px solid rgba(212,175,55,.12);background:linear-gradient(180deg,#161616,#101010);box-shadow:var(--shadow-1);display:grid;gap:14px}
.mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mobile-card-title{display:grid;gap:4px}
.mobile-card-title strong{font-size:1rem;color:#fff1c5}
.mobile-card-title span{color:#bba773;font-size:.88rem}
.mobile-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.14);background:rgba(212,175,55,.07);color:#f4d985;font-weight:800;font-size:.82rem;white-space:nowrap}
.mobile-chip.positive{color:#09170f;background:linear-gradient(180deg,#44e6a0,#1cae72);border-color:transparent}
.mobile-chip.negative{color:#22080d;background:linear-gradient(180deg,#ff7d93,#cb4760);border-color:transparent}
.mobile-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mobile-stat{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(212,175,55,.08);display:grid;gap:6px;min-width:0}
.mobile-stat span{color:#a99561;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.mobile-stat strong{color:#f5e5bb;font-size:.98rem;line-height:1.2;word-break:break-word}
.mobile-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.mobile-card-actions .action-btn{flex:1 1 120px;justify-content:center;display:inline-flex}
.quick-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quick-kpi{padding:14px;border-radius:16px;border:1px solid rgba(212,175,55,.12);background:linear-gradient(180deg,#17140f,#111)}
.quick-kpi span{display:block;color:#a89461;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.quick-kpi strong{display:block;color:#fff0c1;font-size:1.08rem}
.section-head .badge{margin-left:auto}
#view-painel .section-head, #view-relatorios .section-head, #view-configuracao .section-head{align-items:flex-start}
@media (max-width:1100px){.insight-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .insight-grid{grid-template-columns:1fr;gap:12px}
  .table-toolbar{padding:13px 14px;border-radius:16px}
  .data-pill-row{justify-content:flex-start}
  .desktop-table{display:none}
  .mobile-cards{display:grid;gap:12px}
  .mobile-card-grid,.quick-kpis{grid-template-columns:1fr 1fr}
  .card,.hero-card{padding:18px}
  .table-wrap{border-radius:16px}
  .table-footer{padding:12px;border-radius:16px;align-items:flex-start}
  .table-pagination{width:100%}
  .page-btn,.page-ellipsis{min-width:36px;min-height:36px}
}
@media (max-width:520px){
  .mobile-card-grid,.quick-kpis{grid-template-columns:1fr}
  .mobile-card-head{flex-direction:column;align-items:flex-start}
  .mobile-chip{align-self:flex-start}
}


/* ===== Phase 3.1 / Cleaner Microcopy ===== */
.view-copy{max-width:640px;color:#af9a69;line-height:1.42;font-size:.9rem;margin-top:6px}
.section-copy,.note,.login-context{max-width:620px;color:#b39f70;line-height:1.42;font-size:.88rem}
.section-copy{margin-top:2px}
.login-context{gap:10px}
.helper-pills{gap:8px;margin-top:4px}
.helper-pill{padding:8px 11px;font-size:.8rem;line-height:1.25;background:rgba(212,175,55,.05);color:#ceb980}
.insight-grid{gap:12px;margin:0 0 18px}
.insight-card{padding:15px 16px;border-radius:18px}
.insight-label{margin-bottom:8px}
.insight-value{font-size:1.16rem}
.insight-copy{margin-top:6px;font-size:.84rem;color:#bca978}
.table-toolbar{display:grid;gap:10px;padding:16px;border-radius:18px}
.table-toolbar-title{gap:4px;max-width:620px}
.table-toolbar-title strong{font-size:1rem;line-height:1.15}
.table-toolbar-title span{font-size:.86rem;line-height:1.38;color:#a99668}
.data-pill-row{justify-content:flex-start;gap:8px}
.data-pill{padding:7px 10px;font-size:.79rem;background:rgba(212,175,55,.05)}
.section-head{margin-bottom:12px}
#dashboardNote,#usersNote,#reportHeaderNote,#configStatus,#localAdminNote{display:block;margin-top:2px}
@media (max-width:760px){
  .view-copy,.section-copy,.note,.login-context{max-width:100%;font-size:.84rem;line-height:1.4}
  .table-toolbar{padding:14px}
  .data-pill{font-size:.76rem}
  .helper-pill{font-size:.78rem}
  .insight-copy{font-size:.8rem}
}


/* ===== Ultra Clean Login ===== */
.auth-card.ultra-clean{
  max-width:720px;
  padding:28px 22px 24px;
  background:
    radial-gradient(circle at top center, rgba(212,175,55,.06), transparent 34%),
    linear-gradient(180deg,#131313,#0b0b0b);
}
.auth-card.ultra-clean>.brand-stack{
  justify-content:center;
  text-align:center;
  margin-bottom:18px;
}
.auth-card.ultra-clean .brand-stack{gap:16px}
.auth-card.ultra-clean .auth-logo{width:74px;height:74px;border-radius:22px}
.auth-card.ultra-clean .brand-title{font-size:1.18rem;letter-spacing:.08em}
.auth-card.ultra-clean .brand-sub{font-size:.7rem;letter-spacing:.22em;color:#9e8858;margin-top:6px}
.auth-card.ultra-clean .dark-card.login-card-minimal{
  width:min(560px,100%);
  margin:0 auto;
  padding:26px;
  border-radius:24px;
  background:linear-gradient(180deg,#141414,#0d0d0d);
}
.auth-card.ultra-clean .section-title{margin-bottom:18px}
.auth-card.ultra-clean .section-title::before{width:9px;height:9px}
.auth-card.ultra-clean .grid-2{gap:14px}
.auth-card.ultra-clean .field label{font-size:.72rem;letter-spacing:.18em}
.auth-card.ultra-clean .field input{min-height:56px;border-radius:18px;padding:14px 16px}
.auth-card.ultra-clean .password-wrap input{padding-right:64px}
.auth-card.ultra-clean .password-toggle{right:10px;width:42px;height:42px;border-radius:14px}
.login-options-minimal{
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:14px 2px 8px;
}
.login-options-minimal .remember-me{font-size:.92rem;color:#dbc58f}
.login-options-minimal .forgot-password{font-size:.94rem}
.login-actions-minimal{margin-top:8px}
.auth-card.ultra-clean .btn-login-primary{
  width:100%;
  min-width:0;
  min-height:56px;
  border-radius:18px;
  font-size:1.02rem;
  box-shadow:0 14px 32px rgba(212,175,55,.12);
}
@media (max-width:760px){
  .auth-card.ultra-clean{padding:18px 14px 16px}
  .auth-card.ultra-clean .auth-logo{width:64px;height:64px;border-radius:20px}
  .auth-card.ultra-clean .brand-title{font-size:1.04rem}
  .auth-card.ultra-clean .brand-sub{font-size:.64rem;letter-spacing:.18em}
  .auth-card.ultra-clean .dark-card.login-card-minimal{padding:20px 16px;border-radius:22px}
  .login-options-minimal{gap:10px;flex-direction:column;align-items:flex-start}
  .auth-card.ultra-clean .field input{min-height:52px;border-radius:16px}
  .auth-card.ultra-clean .btn-login-primary{min-height:54px;border-radius:16px}
}


/* ===== Compound interest calculator ===== */
.nav button[data-view="juros"]::before{content:"⤴";margin-right:8px}
.compound-grid,.compound-grid-secondary{gap:14px}
.compound-pills{margin-top:2px}
.compound-summary-grid{margin-top:0}
.compound-note-strong{color:#f0d27c;font-weight:700}
#compoundTableWrap .mobile-card-title strong{font-size:.98rem}
#compoundTableWrap .mobile-stat strong{font-size:.95rem}
@media (max-width:760px){
  .nav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nav button[data-view="juros"]{font-size:.78rem}
}
@media (max-width:520px){
  .nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}


.live-badge {
  min-width: 108px;
  justify-content: center;
  font-size: .76rem;
  letter-spacing: .04em;
}
.live-badge.is-loading {
  color: #f3d887;
  border-color: rgba(212,175,55,.4);
  background: rgba(212,175,55,.08);
}
.live-badge.is-on {
  color: #9af2be;
  border-color: rgba(46, 204, 113, .38);
  background: rgba(46, 204, 113, .1);
  box-shadow: 0 0 0 1px rgba(46, 204, 113, .08) inset;
}
.live-badge.is-error,
.live-badge.is-off {
  color: #f1b4b4;
  border-color: rgba(255,107,107,.3);
  background: rgba(255,107,107,.08);
}
@media (max-width: 760px) {
  .live-badge {
    min-width: 96px;
    font-size: .72rem;
  }
}


.login-install-wrap{
  margin-top:14px;
  display:grid;
  justify-items:center;
  gap:8px;
}
.login-install-subtle{
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(212,175,55,.18);
  color:#d8bd77;
  font-size:.88rem;
  font-weight:700;
  box-shadow:none;
}
.login-install-subtle:hover{
  transform:none;
  box-shadow:0 0 0 1px rgba(212,175,55,.08) inset;
  background:rgba(212,175,55,.06);
}
.login-install-subtle.is-installed,
.login-install-subtle:disabled{
  opacity:.72;
  cursor:default;
}
.login-install-hint{
  font-size:.76rem;
  color:#9e8858;
  text-align:center;
  line-height:1.45;
  max-width:320px;
}
.kpi-meta.positive {
  color: #7be7a7;
}
.kpi-meta.negative {
  color: #ff8f8f;
}
@media (max-width: 760px) {
  .login-install-wrap{
    margin-top:12px;
  }
  .login-install-subtle{
    width:100%;
    max-width:260px;
  }
}


.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:8px 12px;border-radius:999px;border:1px solid rgba(212,175,55,.18);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.status-chip.pending{background:rgba(212,175,55,.10);color:#f4d772}
.status-chip.approved{background:rgba(111,184,255,.10);color:#9fd2ff}
.status-chip.paid{background:rgba(32,224,143,.12);color:#92ffc6}
.status-chip.rejected{background:rgba(255,98,123,.10);color:#ffb4c0}
.status-chip.cancelled{background:rgba(255,255,255,.06);color:#d1c8b0}
.withdrawal-value{font-weight:800;color:#fff1c4}
.withdrawal-pix{display:grid;gap:4px}
.withdrawal-pix small{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.withdrawal-admin-note{display:block;margin-top:6px;color:#d9c188;font-size:.86rem;line-height:1.45}
#withdrawalsTableWrap .action-group,#withdrawalsTableWrap .mobile-card-actions{align-items:center}
#withdrawalsTableWrap .mobile-card-grid strong{word-break:break-word}
#withdrawalAdminSummary{font-weight:700;color:var(--text-strong)}
#withdrawalRequestCard textarea,#withdrawalPixKey{min-width:0}
/* ===== JR Invest • Premium Redesign Patch ===== */

:root{
  --bg:#060606;
  --bg-elevated:#0c0c0d;
  --surface:#111214;
  --surface-2:#151618;
  --surface-3:#1a1c1f;
  --surface-soft:#15120b;
  --line:#8d6b20;
  --line-soft:#4d3910;
  --line-subtle:rgba(212,175,55,.10);
  --gold:#d4af37;
  --gold-strong:#f1d07a;
  --gold-soft:#b89235;
  --text:#f4ead1;
  --text-strong:#fff7df;
  --muted:#b29d6b;
  --muted-2:#8f7c52;
  --green:#29d58d;
  --red:#ff6f82;
  --blue:#7abfff;
  --orange:#ffb766;
  --lime:#b4f15d;
  --radius-xs:12px;
  --radius-sm:16px;
  --radius-md:22px;
  --radius-lg:28px;
  --radius-pill:999px;
  --shadow-1:0 14px 34px rgba(0,0,0,.30);
  --shadow-2:0 26px 72px rgba(0,0,0,.45);
  --glow:0 0 0 1px rgba(212,175,55,.08), 0 12px 28px rgba(0,0,0,.24);
}

html,body{
  color:var(--text);
  background:
    radial-gradient(circle at top center, rgba(212,175,55,.07), transparent 30%),
    radial-gradient(circle at 20% 10%, rgba(212,175,55,.03), transparent 20%),
    linear-gradient(180deg,#0b0b0c 0%, #050506 100%);
}

body{
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.shell{
  width:min(1480px,calc(100% - 32px));
  margin:18px auto 50px;
}

/* Topbar */
.topbar{
  padding:18px 20px;
  border:1px solid rgba(212,175,55,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
    linear-gradient(180deg, rgba(20,20,21,.96), rgba(11,11,12,.94));
  box-shadow:0 20px 45px rgba(0,0,0,.28);
}

.topbar,.card,.hero-card,.auth-card,.modal-card{
  border-color:rgba(212,175,55,.10);
  box-shadow:var(--shadow-1);
}

.brand-title{
  font-size:1.28rem;
  letter-spacing:.12em;
  color:#f3d588;
}

.brand-sub{
  color:#bca66f;
  font-size:.70rem;
  letter-spacing:.32em;
}

.top-logo,.auth-logo{
  border:1px solid rgba(212,175,55,.24);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.22);
}

/* Buttons */
.btn{
  min-height:48px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.16);
  background:linear-gradient(180deg,#191a1c,#111214);
  color:#f0d79a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
}

.btn.gold{
  color:#241a04;
  border-color:#f1d77e;
  background:linear-gradient(180deg,#f0d27c,#c99322);
  box-shadow:
    0 10px 24px rgba(212,175,55,.18),
    inset 0 1px 0 rgba(255,255,255,.30);
}

.btn.red{
  background:linear-gradient(180deg,#7e2030,#5f1622);
}

.badge{
  border-color:rgba(212,175,55,.16);
  color:#f3d98c;
  background:linear-gradient(180deg, rgba(212,175,55,.10), rgba(212,175,55,.04));
}

/* Navigation */
.nav{
  gap:10px;
  padding:10px;
  border-radius:22px;
  border:1px solid rgba(212,175,55,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    rgba(10,10,11,.70);
  backdrop-filter:blur(12px);
}

.nav button{
  min-height:50px;
  border-radius:15px;
  border:1px solid rgba(212,175,55,.12);
  background:linear-gradient(180deg,#17181a,#101114);
  color:#dcbc6c;
  font-weight:700;
}

.nav button:hover{
  border-color:rgba(212,175,55,.22);
  color:#f1d990;
}

.nav button.active{
  color:#fff2c5;
  border-color:rgba(212,175,55,.30);
  background:
    linear-gradient(180deg, rgba(212,175,55,.18), rgba(212,175,55,.06)),
    linear-gradient(180deg,#1a1b1d,#101114);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 22px rgba(0,0,0,.22);
}

/* Cards */
.card,.hero-card{
  padding:24px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    linear-gradient(180deg, #141517 0%, #0d0e10 100%);
}

.card::after,.hero-card::after{
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.10), transparent);
}

.hero-card{
  gap:22px;
  border:1px solid rgba(212,175,55,.12);
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 28%),
    linear-gradient(180deg, rgba(212,175,55,.05), rgba(212,175,55,.01)),
    linear-gradient(180deg, #161411, #0d0e10);
}

.hero-card .label{
  color:#bca66f;
  font-size:.70rem;
  letter-spacing:.22em;
}

.hero-card .value{
  font-size:clamp(2.2rem,4vw,3rem);
  color:#f6d986;
  letter-spacing:.02em;
}

.hero-card .sub{
  color:#c0ab75;
  line-height:1.6;
}

.mini-stat{
  min-width:135px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.10);
  background:linear-gradient(180deg,#17181a,#111214);
}

.mini-stat span{
  color:#ae975f;
  font-size:.70rem;
  letter-spacing:.18em;
}

.mini-stat strong{
  color:#f4ddb0;
  font-size:1.08rem;
}

/* KPI */
.kpi-grid{
  gap:16px;
}

.kpi,.result-card{
  min-height:124px;
  border-radius:20px;
  border:1px solid rgba(212,175,55,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    linear-gradient(180deg,#161719,#101114);
  padding:18px;
}

.kpi::before,.result-card::before{
  height:2px;
  background:linear-gradient(90deg, rgba(212,175,55,.04), rgba(212,175,55,.34), rgba(212,175,55,.04));
}

.kpi span,.result-card span{
  color:#a78f58;
  font-size:.68rem;
  letter-spacing:.18em;
}

.kpi strong,.result-card strong{
  font-size:1.52rem;
  color:#fff3cf;
}

.kpi-meta{
  color:#bca773;
  font-size:.88rem;
  line-height:1.45;
}

/* Headings */
.view-head{
  margin:2px 0 20px;
  padding:4px 4px 6px;
}

.eyebrow{
  color:#b9953f;
  font-size:.68rem;
  letter-spacing:.24em;
}

.view-title{
  color:#fff3d2;
  font-size:clamp(1.7rem,2.2vw,2.4rem);
}

.view-copy,.section-copy,.note{
  color:#bca876;
  line-height:1.65;
}

.section-title{
  color:#efcd78;
  font-size:.92rem;
  letter-spacing:.22em;
}

.section-subtitle{
  color:#f0d17f;
}

/* Forms */
.form-shell,.section-block,.section-block.soft{
  border-radius:20px;
  border:1px solid rgba(212,175,55,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    linear-gradient(180deg,#141517,#0f1012);
}

.field label{
  color:#ab955f;
  font-size:.69rem;
  letter-spacing:.18em;
}

.field input,
.field select,
.field textarea{
  min-height:54px;
  border-radius:15px;
  border:1px solid rgba(212,175,55,.12);
  background:linear-gradient(180deg,#0f1012,#0a0b0d);
  color:#f4deb0;
  padding:14px 15px;
}

.field input::placeholder,
.field textarea::placeholder{
  color:#776744;
}

.field input:hover,
.field select:hover,
.field textarea:hover{
  border-color:rgba(212,175,55,.20);
}

.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:#c49a3a;
  box-shadow:0 0 0 4px rgba(212,175,55,.08);
}

.password-toggle{
  border-color:rgba(212,175,55,.14);
  background:linear-gradient(180deg,#1a1b1d,#111214);
  color:#efcf7a;
}

/* Tables */
.table-wrap{
  border-radius:20px;
  border:1px solid rgba(212,175,55,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0)),
    linear-gradient(180deg,#121314,#0d0e10);
}

.table-wrap table{
  min-width:940px;
}

.table-wrap th,
.table-wrap td{
  padding:14px 12px;
  border-bottom:1px solid rgba(212,175,55,.06);
}

.table-wrap th{
  background:#161411;
  color:#efd287;
  font-size:.73rem;
  letter-spacing:.16em;
  box-shadow:0 1px 0 rgba(212,175,55,.08);
}

.table-wrap td{
  color:#e8dab3;
}

.table-wrap tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.01);
}

.table-wrap tr:hover td{
  background:rgba(212,175,55,.04);
}

.action-btn{
  min-height:40px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.16);
  background:linear-gradient(180deg,#1a1b1d,#131416);
  color:#f0d27b;
}

.action-btn:hover{
  filter:brightness(1.05);
}

.action-btn.danger{
  color:#ffdbe0;
  border-color:#7c2a36;
  background:linear-gradient(180deg,#331217,#251014);
}

/* Progress / Info */
.progress-card{
  border-radius:18px;
  border:1px solid rgba(212,175,55,.10);
  background:linear-gradient(180deg,#151618,#0f1012);
}

.progress-line{
  background:#1a1b1d;
}

.progress-legend{
  color:#c4ae7a;
}

/* Receipt / Modal */
.modal{
  background:rgba(3,3,4,.84);
  backdrop-filter:blur(8px);
}

.modal-card{
  border-radius:24px;
  background:
    radial-gradient(circle at top center, rgba(212,175,55,.08), transparent 30%),
    linear-gradient(180deg,#161719,#0d0e10);
}

.receipt-body{
  border-radius:22px;
  border:1px solid rgba(212,175,55,.10);
  background:linear-gradient(180deg,#17181a,#111214);
}

.receipt-title{
  color:#f4d787;
}

.receipt-sub,
.receipt-footer,
.receipt-item .l{
  color:#bca772;
}

.receipt-item{
  border:1px solid rgba(212,175,55,.10);
  background:linear-gradient(180deg,#17181a,#111214);
}

.receipt-item .v{
  color:#f7e6bb;
}

.receipt-number{
  border-color:#8a6a1f;
  background:linear-gradient(180deg,#31260d,#191308);
}

.receipt-number .n2{
  color:#ffebae;
}

/* Auth */
.auth-card{
  border-radius:28px;
  background:
    radial-gradient(circle at top center, rgba(212,175,55,.08), transparent 30%),
    linear-gradient(180deg,#17181a,#0d0e10);
}

.dark-card{
  border-radius:22px;
  border:1px solid rgba(212,175,55,.10);
  background:linear-gradient(180deg,#141517,#0f1012);
}

.login-options-row,
.remember-me{
  color:#d1bc8b;
}

.forgot-password{
  color:#f0d17d;
}

/* Utility highlights */
.green{color:#2fd891!important}
.red-text{color:#ff7285!important}
.blue{color:#80c4ff!important}
.orange{color:#ffb86c!important}
.lime{color:#b8ef63!important}

/* Mobile premium */
@media (max-width:760px){
  .shell{
    width:min(100%,calc(100% - 14px));
    margin:8px auto calc(30px + env(safe-area-inset-bottom, 0px));
  }

  .topbar{
    padding:14px;
    border-radius:22px;
  }

  .top-actions{
    grid-template-columns:1fr 1fr;
  }

  .hero-card,
  .card{
    padding:18px;
  }

  .nav{
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px));
    border-radius:22px;
    background:rgba(10,10,11,.94);
    border:1px solid rgba(212,175,55,.10);
    box-shadow:0 18px 44px rgba(0,0,0,.45);
  }

  .nav button{
    min-height:56px;
    border-radius:16px;
    font-size:.82rem;
    padding:10px 8px;
  }

  .table-wrap table{
    min-width:760px;
  }
}

@media (max-width:520px){
  .view-title{
    font-size:1.5rem;
  }

  .hero-card .value{
    font-size:1.9rem;
  }

  .brand-title{
    font-size:1.06rem;
  }

  .brand-sub{
    font-size:.66rem;
    letter-spacing:.20em;
  }
}
/* ===== JR Invest • Premium Launch Layout V2 ===== */

/* Mais respiro geral */
.shell{
  width:min(1520px,calc(100% - 40px));
  margin:20px auto 64px;
}

.view{
  display:grid;
  gap:22px;
}

.stack-lg{
  gap:22px !important;
}

.grid,
.grid-2,
.grid-3,
.grid-4,
.auth-grid,
.result-grid,
.kpi-grid{
  gap:20px !important;
}

/* Topo mais nobre */
.topbar{
  padding:20px 22px;
  border-radius:28px;
  min-height:92px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
    linear-gradient(180deg, rgba(20,20,21,.98), rgba(10,10,11,.95));
  box-shadow:
    0 24px 54px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.brand-stack{
  gap:16px;
}

.top-logo{
  width:64px;
  height:64px;
  border-radius:22px;
}

.brand-title{
  font-size:1.34rem;
  letter-spacing:.14em;
}

.brand-sub{
  font-size:.72rem;
  letter-spacing:.34em;
  margin-top:6px;
}

/* Navegação mais premium */
.nav{
  padding:12px;
  gap:12px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    rgba(8,8,9,.78);
}

.nav button{
  min-height:54px;
  padding:12px 16px;
  border-radius:16px;
  font-size:.92rem;
  letter-spacing:.01em;
}

.nav button.active{
  transform:translateY(-1px);
}

/* Cabeçalhos de views com mais presença */
.view-head{
  margin:0;
  padding:8px 4px 4px;
}

.eyebrow{
  margin-bottom:10px;
  font-size:.70rem;
  letter-spacing:.28em;
}

.view-title{
  font-size:clamp(1.9rem,2.8vw,2.8rem);
  line-height:1.04;
  margin-bottom:6px;
}

.view-copy{
  max-width:920px;
  font-size:1rem;
  line-height:1.7;
  color:#c5b07c;
}

/* Hero principal mais impactante */
.hero-card{
  padding:30px 30px 26px;
  border-radius:28px;
  min-height:220px;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);
  align-items:stretch;
  gap:22px;
  background:
    radial-gradient(circle at 85% 12%, rgba(212,175,55,.16), transparent 24%),
    radial-gradient(circle at 10% 0%, rgba(212,175,55,.06), transparent 22%),
    linear-gradient(135deg, rgba(212,175,55,.08), rgba(212,175,55,.01) 36%),
    linear-gradient(180deg,#17130d,#0d0e10);
}

.hero-card .label{
  font-size:.72rem;
  letter-spacing:.24em;
}

.hero-card .value{
  font-size:clamp(2.7rem,5vw,4rem);
  line-height:1;
  margin:10px 0 12px;
}

.hero-card .sub{
  font-size:1rem;
  line-height:1.7;
  max-width:780px;
}

.hero-card .mini-stat,
.hero-card .mini-card,
.hero-card .meta-card{
  min-height:110px;
}

.mini-stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 18px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    linear-gradient(180deg,#191a1c,#101114);
}

/* Cards padrão mais sofisticados */
.card{
  padding:22px;
  border-radius:24px;
  min-height:140px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    linear-gradient(180deg, #151618 0%, #0f1012 100%);
}

.card:hover,
.kpi:hover,
.result-card:hover{
  transform:translateY(-2px);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  box-shadow:
    0 20px 40px rgba(0,0,0,.24),
    0 0 0 1px rgba(212,175,55,.10);
}

/* KPIs bem mais “lançamento” */
.kpi-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px !important;
}

.kpi,
.result-card{
  min-height:138px;
  padding:20px 18px 18px;
  border-radius:22px;
  position:relative;
  overflow:hidden;
}

.kpi::after,
.result-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.20), transparent);
}

.kpi span,
.result-card span{
  display:block;
  margin-bottom:10px;
  font-size:.70rem;
  letter-spacing:.20em;
}

.kpi strong,
.result-card strong{
  display:block;
  font-size:1.78rem;
  line-height:1.05;
  margin-bottom:8px;
}

.kpi .note,
.result-card .note,
.kpi-meta{
  font-size:.90rem;
  line-height:1.5;
}

/* Destaque maior para investidores */
.grid-4 .card,
.grid-3 .card{
  min-height:150px;
}

.grid-4 .card strong,
.grid-3 .card strong{
  font-size:1.7rem;
}

.grid-4 .card .note,
.grid-3 .card .note{
  font-size:.92rem;
}

/* Seções melhor separadas */
.section-block,
.form-shell,
.progress-card{
  padding:18px;
  border-radius:22px;
}

.section-head{
  margin-bottom:14px;
}

.section-title{
  font-size:.82rem;
  letter-spacing:.20em;
}

.section-copy{
  font-size:.96rem;
}

/* Campos mais elegantes */
.field{
  gap:9px;
}

.field input,
.field select,
.field textarea{
  min-height:56px;
  border-radius:16px;
  padding:15px 16px;
  font-size:.98rem;
}

.field textarea{
  min-height:130px;
}

.field label{
  padding-left:2px;
}

/* Botões com presença */
.btn{
  min-height:50px;
  padding:12px 16px;
  border-radius:16px;
}

.btn.gold{
  padding-inline:22px;
}

.btn.small{
  min-height:42px;
  padding:8px 13px;
}

/* Tabelas mais “executivas” */
.table-wrap{
  border-radius:22px;
}

.table-wrap table{
  min-width:980px;
}

.table-wrap th{
  padding:15px 13px;
  font-size:.72rem;
  letter-spacing:.18em;
}

.table-wrap td{
  padding:15px 13px;
  font-size:.95rem;
}

.table-wrap tbody tr{
  transition:background .18s ease;
}

.table-wrap tbody tr:hover td{
  background:rgba(212,175,55,.05);
}

.action-group{
  gap:10px;
}

.action-btn{
  min-height:40px;
  padding:9px 12px;
  border-radius:12px;
}

/* Login mais elegante */
.auth-shell{
  padding:28px 0;
}

.auth-card{
  padding:38px;
  border-radius:30px;
}

.auth-card > .brand-stack{
  margin-bottom:24px;
}

.dark-card{
  padding:22px;
  border-radius:24px;
}

.btn-login-primary{
  min-width:280px;
  min-height:54px;
}

/* Modais melhores */
.modal-card{
  padding:26px;
  border-radius:26px;
}

.receipt-body{
  padding:20px;
  border-radius:22px;
}

/* Dashboard com cara diferente */
.view#view-painel .kpi-grid,
#view-painel .kpi-grid{
  margin-top:2px;
}

.view#view-painel .hero-card + .kpi-grid,
#view-painel .hero-card + .kpi-grid{
  margin-top:2px;
}

/* Cards longos inferiores */
.result-grid{
  gap:18px !important;
}

.result-grid > *{
  min-height:132px;
}

/* Melhor distribuição em telas médias */
@media (max-width:1200px){
  .hero-card{
    grid-template-columns:1fr;
  }

  .kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .grid-4,
  .grid-3,
  .kpi-grid,
  .result-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .hero-card{
    padding:24px;
    min-height:auto;
  }

  .hero-card .value{
    font-size:2.4rem;
  }
}

@media (max-width:760px){
  .shell{
    width:min(100%,calc(100% - 14px));
    margin:8px auto 96px;
  }

  .view{
    gap:16px;
  }

  .grid,
  .grid-2,
  .grid-3,
  .grid-4,
  .result-grid,
  .kpi-grid{
    gap:14px !important;
  }

  .topbar{
    min-height:auto;
    padding:14px;
  }

  .top-actions{
    gap:8px;
  }

  .hero-card,
  .card,
  .kpi,
  .result-card{
    padding:18px;
    min-height:auto;
  }

  .kpi-grid,
  .result-grid,
  .grid-4,
  .grid-3,
  .grid-2{
    grid-template-columns:1fr !important;
  }

  .view-title{
    font-size:1.55rem;
  }

  .view-copy{
    font-size:.94rem;
  }

  .table-wrap table{
    min-width:760px;
  }
}


/* ===== Usuários • Redesign executivo ===== */
#view-configuracao{display:grid;gap:18px}
.users-view-head{margin-bottom:0}
.users-command-card,.users-table-card,.users-form-card,.users-chart-card{overflow:hidden}
.users-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.user-stat-card{
  position:relative;
  padding:18px;
  min-height:132px;
  border-radius:20px;
  border:1px solid rgba(212,175,55,.10);
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 36%),
    linear-gradient(180deg,#17181a,#101114);
  box-shadow:var(--shadow-1);
  display:grid;
  gap:10px;
}
.user-stat-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, rgba(212,175,55,.05), rgba(212,175,55,.48), rgba(212,175,55,.05));
}
.user-stat-card span{
  color:#a99561;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.user-stat-card strong{
  color:#fff1c6;
  font-size:1.55rem;
  font-weight:800;
  line-height:1.1;
}
.user-stat-card small{
  color:#bca976;
  font-size:.86rem;
  line-height:1.42;
}
.users-analytics-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:18px}
.users-chart-card{margin-bottom:0}
.users-chart-box{position:relative;height:320px}
.users-form-card .section-copy{max-width:720px}
.users-form-actions{align-items:center}
.users-helper-pills{margin-top:2px}
#newUserInvestorField .note{margin-top:2px;font-size:.82rem;line-height:1.4}
.user-identity{display:flex;align-items:center;gap:12px;min-width:0}
.user-avatar-chip{
  width:44px;
  height:44px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  font-size:.92rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#111;
  background:linear-gradient(180deg,#f0d27c,#c69427);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}
.user-avatar-chip.admin{background:linear-gradient(180deg,#7ec8ff,#4a8dff);color:#08111f}
.user-avatar-chip.investor{background:linear-gradient(180deg,#f0d27c,#c69427);color:#1d1403}
.user-identity-meta{display:grid;gap:4px;min-width:0}
.user-identity-meta strong{color:#fff1c7;font-size:.98rem;line-height:1.2}
.user-identity-meta small,.user-identity-meta span,.table-contact-block small,.table-performance-block small{color:#a99561;font-size:.82rem;line-height:1.35}
.table-contact-block,.table-performance-block{display:grid;gap:5px}
.table-contact-block strong{color:#f6e6bb;font-size:.94rem;word-break:break-word}
.table-performance-block strong{font-size:1rem}
.inline-badge,.role-pill,.investor-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.14);
  background:rgba(212,175,55,.06);
  color:#f0d27c;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
}
.inline-badge{justify-content:flex-start}
.role-pill.admin{background:rgba(111,184,255,.10);border-color:rgba(111,184,255,.22);color:#9fd5ff}
.role-pill.investor{background:rgba(212,175,55,.10);border-color:rgba(212,175,55,.22);color:#f3d889}
.investor-pill.blue{background:rgba(111,184,255,.10);border-color:rgba(111,184,255,.22);color:#9fd5ff}
.investor-pill.purple{background:rgba(215,138,255,.10);border-color:rgba(215,138,255,.22);color:#ebc1ff}
.investor-pill.orange{background:rgba(255,173,82,.10);border-color:rgba(255,173,82,.22);color:#ffd39c}
.investor-pill.lime{background:rgba(160,237,82,.10);border-color:rgba(160,237,82,.22);color:#d7ff9f}
.investor-pill.neutral{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:#d8ceb2}
#view-configuracao .table-wrap table{min-width:1080px}
#view-configuracao .table-toolbar{background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(255,255,255,.01))}
.user-mobile-card .mobile-stat strong .investor-pill{width:max-content}
@media (max-width:1280px){
  .users-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .users-analytics-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  #view-configuracao{gap:14px}
  .users-kpi-grid{grid-template-columns:1fr 1fr;gap:12px}
  .users-chart-box{height:280px}
  .user-stat-card{min-height:120px;padding:16px}
  .user-stat-card strong{font-size:1.32rem}
  .users-form-actions .btn{flex:1 1 100%}
}
@media (max-width:520px){
  .users-kpi-grid{grid-template-columns:1fr}
  .user-identity{align-items:flex-start}
  .user-avatar-chip{width:40px;height:40px;flex-basis:40px;border-radius:13px}
  .users-chart-box{height:250px}
}

.investing-auth-shell{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.investing-shell{
  width:min(1680px, calc(100vw - 24px));
  margin:14px auto 30px;
  display:grid;
  gap:18px;
}
.investing-topbar-lite{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px;
  border:1px solid rgba(212,175,55,.10);
  border-radius:20px;
  background:rgba(7,7,7,.92);
  backdrop-filter:blur(10px);
}
.investing-brand{display:flex;align-items:center;gap:14px;min-width:0}
.investing-brand-logo{width:52px;height:52px;border-radius:16px;border:1px solid rgba(212,175,55,.26);background:#000}
.investing-brand-title{font-family:'Source Serif 4',serif;font-size:1.18rem;font-weight:700;color:#f1d07a;letter-spacing:.05em}
.investing-brand-sub{color:#a9925e;font-size:.74rem;letter-spacing:.20em;text-transform:uppercase;margin-top:4px}
.investing-nav-lite{display:flex;gap:18px;flex-wrap:wrap}
.investing-nav-lite a{color:#d8c28c;text-decoration:none;font-weight:700;font-size:.92rem}
.investing-nav-lite a:hover{color:#ffe6a8}

.investing-market-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.market-pill{padding:14px 16px;border-radius:18px;border:1px solid rgba(212,175,55,.10);background:linear-gradient(180deg,#121212,#0c0c0c)}
.market-pill span{display:block;color:#a48e5b;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}
.market-pill strong{display:block;color:#f4deb0;font-size:1rem;line-height:1.35}
.market-pill.positive{box-shadow:inset 0 3px 0 #20e08f}
.market-pill.neutral{box-shadow:inset 0 3px 0 #6fb8ff}
.market-pill.negative{box-shadow:inset 0 3px 0 #ff627b}

.investing-hero-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(380px,.68fr);gap:18px}
.investing-hero-main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:18px;align-items:stretch;padding:18px}
.investing-hero-copy{display:grid;align-content:center;gap:14px}
.investing-kicker{color:#b79f68;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}
.investing-hero-main h1{margin:0;font-family:'Source Serif 4',serif;font-size:clamp(2.5rem,4vw,4.3rem);line-height:.98;color:#fff1c9}
.investing-hero-main p,.editorial-card p,.feature-band-copy p,.bottom-info-card p{margin:0;color:#ccb88a;line-height:1.8;text-align:justify}
.investing-actions-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.investing-link-cta{color:#f1d07a;text-decoration:none;font-weight:700}
.investing-hero-media{min-height:100%}
.investing-hero-image{width:100%;height:100%;min-height:420px;object-fit:cover;border-radius:20px;display:block}

.investing-login-panel{padding:18px}
.investing-login-header{display:grid;gap:6px;margin-bottom:8px}
.investing-login-copy,.investing-login-note{color:#bba774;line-height:1.6}

.investing-editorial-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:18px}
.editorial-card{padding:18px;min-height:100%}
.editorial-card-media{padding:10px}
.editorial-image{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:18px;display:block}

.investing-feature-band .feature-band-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:center;padding:18px}
.feature-band-image{width:100%;height:260px;object-fit:cover;border-radius:18px;display:block}

.investing-bottom-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:18px}
.bottom-info-card{padding:18px}
.risk-card{background:linear-gradient(180deg,#17120c,#0f0d0b)}
.mini-label{display:block;color:#a48f62;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.stat-card strong{display:block;color:#fff0c4;font-size:1.32rem;line-height:1.25;margin-bottom:10px}

@media (max-width:1200px){
  .investing-hero-grid,
  .investing-hero-main,
  .investing-editorial-grid,
  .investing-feature-band .feature-band-card,
  .investing-bottom-grid{
    grid-template-columns:1fr;
  }
  .investing-market-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .investing-shell{width:min(100vw - 12px, 100%);gap:14px}
  .investing-topbar-lite{padding:12px 14px}
  .investing-brand-title{font-size:1.02rem}
  .investing-nav-lite{gap:12px}
  .investing-market-strip{grid-template-columns:1fr}
  .investing-hero-main h1{font-size:2rem;line-height:1.02}
  .investing-hero-image{min-height:240px}
  .feature-band-image,.editorial-image{min-height:200px;height:200px}
}


/* ===== JR Invest • Investing App Theme ===== */
.investing-app-shell{
  width:min(1480px,calc(100% - 24px));
}
.investing-topbar-app{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),
    linear-gradient(180deg,#15171a,#0d0f12 80%);
  box-shadow:0 14px 40px rgba(0,0,0,.34);
  backdrop-filter:blur(16px);
}
.investing-topbar-app .brand-title{
  font-family:'Manrope',sans-serif;
  font-weight:800;
  letter-spacing:.08em;
  color:#f3f5f7;
}
.investing-topbar-app .brand-sub{
  letter-spacing:.18em;
  color:#8ea2b3;
}
.investing-nav-app{
  padding:10px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),
    linear-gradient(180deg,#121418,#0b0d10);
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.investing-nav-app button{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#171b20,#101317);
  color:#d7e1ea;
  font-family:'Manrope',sans-serif;
  font-weight:700;
}
.investing-nav-app button:hover{
  border-color:rgba(102,153,204,.28);
  color:#ffffff;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.investing-nav-app button.active{
  color:#ffffff;
  border-color:rgba(95,160,255,.34);
  background:
    linear-gradient(180deg,rgba(61,124,212,.28),rgba(61,124,212,.08)),
    linear-gradient(180deg,#1a2027,#11161b);
  box-shadow:0 12px 28px rgba(22,36,54,.38);
}
.view-head .eyebrow,
.section-title,
.table-toolbar-title strong,
.hero-card .label,
.kpi span,
.result-card span,
.mobile-stat span{
  font-family:'Manrope',sans-serif;
}
.view-title,
.hero-card .value,
.stat-card strong,
.user-stat-card strong{
  font-family:'Source Serif 4',serif;
}
.view-title{
  font-size:clamp(1.7rem,2.8vw,2.3rem);
  letter-spacing:-.02em;
  color:#f5f8fb;
}
.view-copy{
  max-width:860px;
  color:#93a4b5;
  line-height:1.65;
}
.card,.hero-card,.modal-card,.auth-card{
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),
    linear-gradient(180deg,#161a1f,#0e1115 82%);
  box-shadow:0 16px 42px rgba(0,0,0,.28);
}
.card::after,.hero-card::after{
  background:linear-gradient(90deg,transparent,rgba(112,150,198,.18),transparent);
}
.hero-card{
  border-color:rgba(109,149,201,.16);
  background:
    radial-gradient(circle at top right, rgba(85,127,181,.18), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    linear-gradient(180deg,#18202a,#0e1319 82%);
}
.hero-card .sub,
.note,
.section-copy,
.table-toolbar-title span,
.table-page-summary,
.mobile-card-title span,
.user-identity-meta small,
.user-identity-meta span{
  color:#96a8b9;
}
.kpi,.result-card,.mobile-card,.mini-stat,.status-card,.user-stat-card{
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),
    linear-gradient(180deg,#181d23,#11151a);
}
.kpi::before,.result-card::before,.user-stat-card::before{
  background:linear-gradient(90deg, rgba(89,131,181,.05), rgba(89,131,181,.52), rgba(89,131,181,.05));
}
.badge,.data-pill,.inline-badge,.role-pill,.investor-pill,.mobile-chip{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#dce7f2;
}
.btn{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#1b2027,#12161c);
  color:#eaf2fb;
}
.btn.gold{
  border-color:#7aa7e7;
  background:linear-gradient(180deg,#8ab5f1,#4f7fc5);
  color:#07101b;
  box-shadow:0 12px 28px rgba(63,108,174,.32);
}
.btn.red{
  background:linear-gradient(180deg,#8f3042,#6d2231);
}
.field input,.field select,.field textarea{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#12161b,#0d1014);
  color:#f3f7fb;
}
.field label{
  color:#aab9c7;
  letter-spacing:.14em;
}
.table-toolbar,.table-footer{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}
.table-wrap,
.desktop-table table,
.table-wrap table,
th,td{
  border-color:rgba(255,255,255,.06)!important;
}
th{
  background:#12161b;
  color:#dbe6f1;
}
tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.green{color:#65e0a3}
.red-text{color:#ff8795}
.blue{color:#8fc1ff}
.purple{color:#d4b1ff}
.orange{color:#ffc68c}
.lime{color:#d7ff95}
@media (max-width:760px){
  .investing-app-shell{width:min(100%,calc(100% - 14px))}
  .investing-nav-app{padding:8px}
  .view-title{font-size:1.5rem}
}

/* ===== Clean Interactive Home ===== */
.clean-auth-shell{width:100%;max-width:none;margin:0;padding:0}
.clean-landing-shell{width:min(1680px,calc(100vw - 24px));margin:14px auto 32px;display:grid;gap:18px}
.clean-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(9,11,14,.92);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.28)}
.clean-brand{display:flex;align-items:center;gap:14px;min-width:0}
.clean-brand-logo{width:52px;height:52px;border-radius:16px;object-fit:cover;border:1px solid rgba(122,181,255,.28);background:#000}
.clean-brand-title{font-family:'Source Serif 4',serif;font-size:1.22rem;font-weight:700;color:#f5f8fb;letter-spacing:.04em}
.clean-brand-sub{color:#8ea2b3;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;margin-top:4px}
.clean-nav-lite{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.clean-nav-lite a{color:#d8e4ef;text-decoration:none;font-weight:700;font-family:'Manrope',sans-serif}
.clean-nav-lite a:hover{color:#fff}
.clean-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.62fr);gap:18px}
.clean-hero-main{padding:22px;display:grid;gap:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right, rgba(79,127,190,.20), transparent 28%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),linear-gradient(180deg,#171d25,#0e1217 82%)}
.clean-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.clean-kicker,.clean-live-pill{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.clean-kicker{color:#9fd3ff;background:rgba(95,160,255,.10)}
.clean-live-pill{color:#d9e7f5;background:rgba(255,255,255,.04)}
.clean-hero-copy{display:grid;gap:10px;max-width:760px}
.clean-hero-copy h1{margin:0;font-family:'Source Serif 4',serif;font-size:clamp(2.4rem,4.6vw,4.8rem);line-height:.96;color:#f6f9fc;letter-spacing:-.03em}
.clean-hero-copy p{margin:0;color:#97aabd;font-size:1.02rem;line-height:1.7;max-width:640px}
.clean-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.clean-link-btn{color:#cfe3ff;text-decoration:none;font-weight:700}
.clean-stat-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.clean-stat-box{padding:16px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));display:grid;gap:8px}
.clean-stat-box span{color:#91a7bc;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.clean-stat-box strong{color:#f3f7fb;font-size:1.2rem;font-weight:800}
.clean-stat-box small{color:#8ca0b1;font-size:.84rem;line-height:1.4}
.clean-mini-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mini-board-card{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#161b21,#101419);display:grid;gap:12px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.mini-board-card:hover{transform:translateY(-2px);border-color:rgba(122,181,255,.24);box-shadow:0 18px 28px rgba(0,0,0,.22)}
.mini-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mini-board-head span{color:#8ca3b8;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.mini-board-head strong{color:#f6f9fb;font-size:1rem;font-weight:800}
.mini-sparkline{width:100%;height:60px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mini-sparkline.positive path{stroke:#65e0a3}
.mini-sparkline.neutral path{stroke:#8ab9ff}
.mini-sparkline.violet path{stroke:#d6a7ff}
.clean-login-panel{padding:0;overflow:hidden;display:grid;grid-template-rows:220px 1fr;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#161a1f,#0e1115 82%)}
.clean-login-cover{position:relative;height:100%}
.clean-login-cover-image{width:100%;height:100%;object-fit:cover;display:block}
.clean-login-overlay{position:absolute;inset:auto 16px 16px 16px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(11,16,23,.48),rgba(11,16,23,.82));backdrop-filter:blur(10px);display:grid;gap:6px}
.clean-login-overlay-pill{display:inline-flex;width:max-content;min-height:30px;padding:4px 10px;border-radius:999px;background:rgba(95,160,255,.16);color:#dceaff;font-size:.72rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.clean-login-overlay strong{color:#fff;font-size:1.08rem}
.clean-login-form-wrap{padding:18px;display:grid;gap:14px}
.clean-login-header{display:grid;gap:4px}
.clean-login-copy{color:#8fa6ba;line-height:1.55}
.clean-visual-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.clean-media-card,.clean-flow-card,.clean-insight-card{padding:18px;display:grid;gap:14px}
.clean-media-card{position:relative;overflow:hidden;min-height:100%}
.clean-media-card-large{min-height:340px}
.clean-media-card-small{min-height:240px}
.clean-media-image{width:100%;height:100%;min-height:240px;object-fit:cover;border-radius:18px;display:block}
.clean-media-floating{position:absolute;left:28px;bottom:28px;max-width:360px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(10,14,20,.48),rgba(10,14,20,.84));backdrop-filter:blur(12px);display:grid;gap:6px}
.clean-media-floating span{color:#9cc8ff;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.clean-media-floating strong{color:#fff;font-size:1.2rem;line-height:1.3}
.clean-flow-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),linear-gradient(180deg,#171c22,#0f1318)}
.clean-flow-steps{display:grid;gap:14px}
.clean-step{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 24px rgba(0,0,0,.14)}
.clean-step-number{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(180deg,rgba(95,160,255,.24),rgba(95,160,255,.10));color:#e7f2ff;font-weight:800;font-size:1.15rem;letter-spacing:.08em;border:1px solid rgba(126,182,255,.14)}
.clean-step-content{display:grid;gap:8px;min-width:0}
.clean-step-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.clean-step strong{display:block;color:#f6f9fc;font-size:1.12rem;line-height:1.2;letter-spacing:.01em;margin:0}
.clean-step-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:1.12rem;flex:0 0 44px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.clean-step small{display:block;color:#9cb0c2;line-height:1.62;font-size:.95rem;max-width:520px}
.clean-insight-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),linear-gradient(180deg,#17171a,#101114)}
.clean-insight-card p{margin:0;color:#9db0c2;line-height:1.7}
.clean-risk-tags{display:flex;gap:8px;flex-wrap:wrap}
.clean-risk-tags span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#dbe6f1;font-size:.78rem;font-weight:700}
@media (max-width:1200px){
  .clean-hero-grid,.clean-visual-grid{grid-template-columns:1fr}
  .clean-stat-band{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .clean-landing-shell{width:min(100vw - 12px,100%);gap:14px}
  .clean-topbar{padding:12px 14px}
  .clean-nav-lite{gap:12px}
  .clean-hero-copy h1{font-size:2.05rem;line-height:1.02}
  .clean-stat-band,.clean-mini-board{grid-template-columns:1fr}
  .clean-login-panel{grid-template-rows:190px 1fr}
  .clean-media-card-large{min-height:260px}
  .clean-media-floating{left:16px;right:16px;bottom:16px;max-width:none}
  .clean-step{grid-template-columns:1fr;align-items:start}
  .clean-step-number{width:64px;height:64px;border-radius:18px}
  .clean-step-topline{align-items:center}
  .clean-step small{max-width:none}
}
@media (max-width:520px){
  .clean-step{padding:16px}
  .clean-step-topline{flex-wrap:wrap}
  .clean-step-icon{width:40px;height:40px;border-radius:12px}
}

/* ===== Dual Tabs Mesa + Crescimento ===== */
.dual-nav-app{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:100%;gap:10px}
.aux-hidden-view{display:none!important}
.mesa-view-head{margin-bottom:0}
.mesa-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;margin-bottom:18px}
.mesa-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:22px}
.mesa-hero-copy{display:grid;gap:10px}
.mesa-hero-side{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end}
.mesa-hero-image-wrap{grid-column:1 / -1;position:relative;overflow:hidden;border-radius:22px;min-height:300px;border:1px solid rgba(255,255,255,.08)}
.mesa-hero-image{width:100%;height:100%;object-fit:cover;display:block;min-height:300px;filter:saturate(1.05)}
.mesa-hero-overlay{position:absolute;left:18px;bottom:18px;max-width:420px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(10,14,20,.44),rgba(10,14,20,.84));backdrop-filter:blur(10px);display:grid;gap:6px}
.mesa-hero-overlay span{color:#9fd3ff;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.mesa-hero-overlay strong{color:#fff;font-size:1.1rem;line-height:1.35}
.mesa-side-card{padding:18px;display:grid;gap:14px;align-content:start}
.mesa-side-kicker{display:inline-flex;align-items:center;min-height:32px;width:max-content;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#dfe8f1;font-size:.76rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.mesa-side-grid{display:grid;gap:12px}
.mesa-photo-card{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);min-height:220px}
.mesa-photo-card.small{min-height:160px}
.mesa-photo-image{width:100%;height:100%;display:block;object-fit:cover}
.mesa-side-note{color:#91a5b7;line-height:1.65;font-size:.94rem}
.mesa-section-card{margin-bottom:20px}
#view-operacoes.active,#view-relatorios.active,#view-juros.active,#view-evolucao.active{display:block}
#view-operacoes.active .view-head,#view-relatorios.active .view-head{margin-top:8px}
#view-operacoes.active .view-title,#view-relatorios.active .view-title{font-size:1.5rem}
#view-operacoes.active .view-copy,#view-relatorios.active .view-copy{max-width:860px}
.growth-visual-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:18px;align-items:center;margin-bottom:18px;padding:18px}
.growth-visual-copy{display:grid;gap:12px}
.growth-visual-media{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);min-height:240px}
.growth-visual-image{width:100%;height:100%;display:block;object-fit:cover;min-height:240px}
.compound-chart-card{margin-bottom:20px}
.compound-chart-box{height:320px}
#view-juros .kpi-grid{margin-bottom:20px}
@media (max-width:1180px){
  .mesa-hero-grid,.growth-visual-band{grid-template-columns:1fr}
}
@media (max-width:760px){
  .dual-nav-app{max-width:none}
  .mesa-hero-card{grid-template-columns:1fr}
  .mesa-hero-side{justify-content:flex-start}
  .mesa-hero-image-wrap{min-height:220px}
  .mesa-hero-image{min-height:220px}
  .mesa-hero-overlay{left:14px;right:14px;bottom:14px;max-width:none}
  .compound-chart-box{height:250px}
  .growth-visual-media,.growth-visual-image{min-height:200px}
}


/* ===== Final Internal Clean Refinement ===== */
#appShell .view-title,
#appShell .section-title,
#appShell .hero-card .value,
#appShell .kpi strong,
#appShell .insight-value,
#appShell .mobile-card-title strong{
  font-family:'Source Serif 4',serif;
  letter-spacing:-.02em;
}

#appShell .view-copy,
#appShell .section-copy,
#appShell .note,
#appShell .mesa-side-note,
#appShell .mesa-support-copy,
#appShell .growth-gallery-copy strong,
#appShell .growth-gallery-copy span,
#appShell .mobile-stat span,
#appShell .mobile-stat strong,
#appShell .hero-card .sub,
#appShell .insight-copy{
  font-family:'Manrope',sans-serif;
}

#appShell .view-head .eyebrow,
#appShell .field label,
#appShell .helper-pill,
#appShell .badge,
#appShell .kpi span,
#appShell .section-subtitle,
#appShell .mini-stat span{
  font-family:'Manrope',sans-serif;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

#appShell .view-title{font-size:clamp(1.9rem,3vw,2.45rem);color:#f8f1dd}
#appShell .view-copy{max-width:900px;color:#9fb2c5;line-height:1.72}
#appShell .field label{font-size:.74rem;color:#b9c9d8}
#appShell input,#appShell select,#appShell textarea{font-family:'Manrope',sans-serif;font-weight:600}
#appShell .section-title{font-size:1.45rem;color:#f5edd8}
#appShell .card,#appShell .hero-card{border-color:rgba(255,255,255,.07)}

.mesa-chart-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:18px;margin:20px 0}
.mesa-chart-card,.mesa-support-card{display:grid;gap:14px}
.mesa-chart-box{height:320px}
.mesa-support-card{align-content:start;padding:20px;background:linear-gradient(180deg,#141920,#0e1217)}
.mesa-support-copy{color:#9bb0c2;line-height:1.7}
.mesa-support-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mesa-support-photo{margin:0;min-height:160px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.mesa-support-image{width:100%;height:100%;display:block;object-fit:cover}
.mesa-support-pills{margin-top:2px}
.mesa-chart-toolbar{align-items:end;gap:14px}
.mesa-chart-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.mesa-filter-field{min-width:240px;margin:0}
.mesa-filter-field label{margin-bottom:8px}
.mesa-filter-field select{min-height:42px}

#view-operacoes{margin-top:18px}
#view-operacoes .view-head{margin-bottom:12px}
#view-operacoes .card{background:linear-gradient(180deg,#151a20,#0f1318)}

.growth-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.growth-gallery-card{padding:16px;display:grid;gap:14px;background:linear-gradient(180deg,#141920,#0f1318)}
.growth-gallery-media{margin:0;min-height:210px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.growth-gallery-image{width:100%;height:100%;display:block;object-fit:cover}
.growth-gallery-copy{display:grid;gap:6px}
.growth-gallery-copy span{color:#9fd3ff;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.growth-gallery-copy strong{color:#f4f8fc;font-size:1rem;line-height:1.5}

@media (max-width:1180px){
  .mesa-chart-grid,.growth-gallery{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mesa-chart-box{height:250px}
  .mesa-support-photos{grid-template-columns:1fr}
  .mesa-chart-actions{width:100%}
  .mesa-filter-field{min-width:0;width:100%}
}


/* ===== Painel + Relatórios + Evolução ===== */
#view-relatorios .card,
#view-evolucao .card{background:linear-gradient(180deg,#151a20,#0f1318)}
#view-relatorios .view-head,
#view-evolucao .view-head{margin-bottom:14px}

.evolution-filter-card{margin-bottom:18px}
.evolution-summary-grid{margin-bottom:18px}
.evolution-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.evolution-media-card{padding:16px;display:grid;gap:12px}
.evolution-media-photo{margin:0;min-height:190px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.evolution-media-image{width:100%;height:100%;display:block;object-fit:cover}
.evolution-media-copy{display:grid;gap:6px}
.evolution-media-copy span{color:#9fd3ff;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.evolution-media-copy strong{color:#f4f8fc;font-size:1rem;line-height:1.5}
.evolution-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.evolution-chart-card-wide{grid-column:1 / -1}
.evolution-chart-box{height:300px}
.evolution-filter-grid .readonly input{background:rgba(255,255,255,.04)}
#view-evolucao .kpi strong{font-size:1.22rem}
#view-relatorios .report-kpis .kpi strong{font-size:1.18rem}

@media (max-width:1180px){
  .dual-nav-app{grid-template-columns:repeat(3,minmax(0,1fr))}
  .evolution-media-grid,.evolution-chart-grid{grid-template-columns:1fr}
  .evolution-chart-card-wide{grid-column:auto}
}
@media (max-width:760px){
  .dual-nav-app{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evolution-chart-box{height:250px}
}


/* ===== Screenshot alignment: Mesa / Crescimento / Configuração ===== */
#view-operacoes .card,#view-juros .card,#view-configuracao .card{background:linear-gradient(180deg,#141920,#0f1318)}
#view-operacoes .view-head,#view-juros .view-head,#view-configuracao .view-head{margin-bottom:14px}
.mesa-form-card-screenshot,.growth-meta-card-screenshot,.growth-launch-card-screenshot,.user-password-card{margin-bottom:18px}
#view-operacoes .form-shell,#view-juros .section-block{border:1px solid rgba(212,175,55,.08);border-radius:18px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0))}
#view-operacoes .helper-pills,#view-juros .helper-pills{margin-top:2px}
#view-operacoes .btn-row .btn,#view-juros .btn-row .btn{min-width:0}
#view-configuracao .users-chart-card{display:none}
#view-configuracao .users-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.user-password-card .btn-row{margin-top:10px}

@media (max-width:1180px){
  .dual-nav-app{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .dual-nav-app{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-configuracao .users-kpi-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  #view-configuracao .users-kpi-grid{grid-template-columns:1fr}
}


/* Fix navegação por abas: exibir somente a view ativa */
#appShell .view{display:none !important}
#appShell .view.active{display:grid !important}
#appShell #view-painel.active,
#appShell #view-operacoes.active,
#appShell #view-juros.active,
#appShell #view-relatorios.active,
#appShell #view-evolucao.active,
#appShell #view-configuracao.active,
#appShell #view-calculadora.active,
#appShell #view-ajustes.active{display:grid !important}


.growth-history-grid{align-items:start}
.growth-history-card{min-height:100%}
#compoundTableWrap{width:100%}


/* Fix crescimento: gráfico visível e histórico sem corte */
.growth-history-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:20px 0}
.growth-history-card{overflow:hidden}
#compoundTableWrap{width:100%;overflow-x:auto}
#compoundTableWrap table{min-width:980px}
#view-juros .compound-chart-card,
#view-juros .growth-history-card{margin-bottom:0}


.growth-chart-toolbar{align-items:end;gap:14px}
.growth-chart-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.growth-filter-field{min-width:240px;margin:0}
.growth-filter-field label{margin-bottom:8px}
.growth-filter-field select{min-height:42px}
@media (max-width:760px){
  .growth-chart-actions{width:100%}
  .growth-filter-field{min-width:0;width:100%}
}


/* Ajustes finais de UX responsiva e acessibilidade */
.skip-link{position:fixed;left:14px;top:10px;transform:translateY(-180%);z-index:9999;padding:10px 14px;border-radius:12px;background:#f0cd69;color:#241903;font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.skip-link:focus{transform:translateY(0)}
#mainNav button[aria-selected="true"]{box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05)}
.clean-nav-lite a,.forgot-password,.password-toggle,.btn,.nav button{min-height:44px}
#appShell .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px}
#appShell .table-wrap table{min-width:max-content}
#appShell .field input,#appShell .field select,#appShell .field textarea{min-height:50px}
#appShell .btn-row.compact .btn{min-height:46px}
#appShell{padding-bottom:max(22px, env(safe-area-inset-bottom, 0px))}
@media (max-width:980px){
  .topbar{align-items:flex-start}
  .top-actions{width:100%;justify-content:flex-start}
}
@media (max-width:760px){
  #mainNav{display:flex !important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 8px 10px;gap:10px}
  #mainNav::-webkit-scrollbar{height:6px}
  #mainNav button{flex:0 0 auto;min-width:148px;scroll-snap-align:start}
  .clean-topbar{gap:12px}
  .clean-nav-lite{width:100%;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-bottom:2px}
  .clean-nav-lite a{flex:0 0 auto}
  .login-options-minimal{gap:12px}
  .hero-card,.card{scroll-margin-top:110px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}