:root{
  --rn-forest:#0B3B26;
  --rn-green:#046738;
  --rn-green-soft:#0C7A45;
  --rn-leaf:#7CB342;
  --rn-leaf-light:#A8D66B;
  --rn-mist:#EEF4E6;
  --rn-mist-2:#E3EDD9;
  --rn-paper:#FCFCFA;
  --rn-ink:#1B2420;
  --rn-ink-soft:#5C6B62;
  --rn-line:#DDE5D8;
  --rn-amber:#B8842E;
  --rn-white:#FFFFFF;
  --rn-shadow: 0 1px 2px rgba(11,59,38,0.06), 0 8px 24px -12px rgba(11,59,38,0.18);
  --rn-radius: 14px;
  --font-display:'Manrope',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-mono:'IBM Plex Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--rn-ink);
  background:var(--rn-paper);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-0.01em;}
p{margin:0;}
button{font-family:inherit;cursor:pointer;}
input,select,textarea{font-family:inherit;}
::selection{background:var(--rn-leaf-light);color:var(--rn-forest);}
.mono{font-family:var(--font-mono);}
a{color:var(--rn-green);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
}

/* ---------- scrollbars ---------- */
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#C7D6BE;border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#AFC49F;}

/* ============================================================
   APP SHELL — this is the entry screen, no separate gateway page
   ============================================================ */
#app{ display:flex; height:100vh; flex-direction:column; overflow:hidden; }
.app-header{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:0 22px; height:60px; flex-shrink:0; border-bottom:1px solid var(--rn-line); background:var(--rn-white);
  position:sticky; top:0; z-index:40;
}
.brand{ display:flex; align-items:center; gap:10px; }
.brand-mark{
  width:32px;height:32px;border-radius:9px;
  background:linear-gradient(135deg,var(--rn-green) 0%, var(--rn-forest) 100%);
  display:flex;align-items:center;justify-content:center;
}
.brand-name{ font-family:var(--font-display); font-weight:800; font-size:14.5px; color:var(--rn-forest); line-height:1.15; white-space:nowrap;}
.brand-accent{ color:var(--rn-leaf); }
.brand-sub{ font-family:var(--font-mono); font-size:10.5px; color:var(--rn-ink-soft); text-transform:uppercase; letter-spacing:0.06em;}
.header-right{ display:flex; align-items:center; gap:10px; }
.persona-pill{
  display:flex; align-items:center; gap:8px; background:var(--rn-mist); border:1px solid var(--rn-line);
  padding:6px 12px 6px 8px; border-radius:100px; cursor:pointer; transition:background .15s;
}
.persona-pill:hover{ background:var(--rn-mist-2); }
.persona-pill .pi{ width:22px;height:22px;border-radius:50%;background:var(--rn-white);display:flex;align-items:center;justify-content:center;color:var(--rn-green);}
.persona-pill span{ font-size:12.5px; font-weight:600; color:var(--rn-forest); }
.demo-badge{
  font-family:var(--font-mono); font-size:10.5px; font-weight:600; color:var(--rn-amber);
  border:1px solid #ECD9B4; background:#FBF3E3; padding:4px 9px; border-radius:100px;
}

.app-grid{
  flex:1; 
  display:grid; 
  /*grid-template-columns:1.5fr 1fr; */
  min-height:0; overflow:hidden;
}

/* ---------- LEFT: chat / compare panel ---------- */
#leftPanel{ display:flex; flex-direction:column; min-height:0; border-right:1px solid var(--rn-line); background:var(--rn-white); }
.panel-intro{
  background:var(--rn-mist); border-bottom:1px solid var(--rn-line);
  padding:15px 20px 14px; flex-shrink:0;
}
.panel-intro h3{ font-size:15.5px; color:var(--rn-forest); margin-bottom:4px; font-family:var(--font-display); font-weight:700; }
.panel-intro p{ font-size:12.6px; color:var(--rn-ink-soft); line-height:1.5; }
.panel-tabs{ display:flex; gap:4px; padding:10px 18px 0; border-bottom:1px solid var(--rn-line); }
.tab-btn{
  background:none; border:none; padding:10px 14px; font-size:13px; font-weight:600; color:var(--rn-ink-soft);
  border-bottom:2px solid transparent; display:flex; align-items:center; gap:7px;
}
.tab-btn.active{ color:var(--rn-forest); border-bottom-color:var(--rn-leaf); }
.tab-btn:hover{ color:var(--rn-forest); }

#chatView, #compareView{ flex:1; min-height:0; display:flex; flex-direction:column; }
#compareView{ display:none; }

.chat-toolbar{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 20px; border-bottom:1px solid var(--rn-line); flex-wrap:wrap;
}
.lang-controls{ display:flex; align-items:center; gap:8px; }
.lang-select{
  border:1px solid var(--rn-line); background:var(--rn-white); border-radius:9px; padding:7px 10px;
  font-size:12.5px; color:var(--rn-ink); font-weight:500;
}
.translate-toggle{ display:flex; align-items:center; gap:7px; font-size:12px; color:var(--rn-ink-soft); user-select:none; }
.switch{ position:relative; width:34px; height:19px; }
.switch input{ opacity:0; width:0; height:0; }
.slider-tog{ position:absolute; inset:0; background:#D6DFCF; border-radius:20px; transition:.18s; cursor:pointer; }
.slider-tog::before{ content:""; position:absolute; width:14px;height:14px; left:2.5px; top:2.5px; background:white; border-radius:50%; transition:.18s; box-shadow:0 1px 2px rgba(0,0,0,.2);}
.switch input:checked + .slider-tog{ background:var(--rn-leaf); }
.switch input:checked + .slider-tog::before{ transform:translateX(15px); }

.chat-scroll{ flex:1; min-height:0; overflow-y:auto; padding:18px 20px 8px; }


.summary-card{
  background:var(--rn-white); border:1px solid var(--rn-line); border-radius:var(--rn-radius);
  padding:16px 18px; margin-bottom:16px;
}
.summary-card-head{ display:flex; align-items:center; gap:11px; margin-bottom:12px; }
.summary-icon{
  width:34px; height:34px; border-radius:10px; background:var(--rn-mist); color:var(--rn-green);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.summary-title{ font-family:var(--font-display); font-weight:700; font-size:14px; color:var(--rn-forest); }
.summary-sub{ font-size:12px; color:var(--rn-ink-soft); margin-top:2px; }
.summary-btns{ display:flex; gap:8px; flex-wrap:wrap; }
.summary-btn{
  display:flex; align-items:center; gap:7px; background:var(--rn-mist); border:1px solid var(--rn-mist-2);
  color:var(--rn-forest); font-size:12.5px; font-weight:600; padding:9px 14px; border-radius:100px;
  transition:background .15s, border-color .15s;
}
.summary-btn:hover{ background:var(--rn-leaf-light); border-color:var(--rn-leaf); }
.summary-btn:disabled{ opacity:.5; cursor:not-allowed; }
.summary-btn.active{ background:var(--rn-forest); border-color:var(--rn-forest); color:#fff; }
.summary-progress{ font-family:var(--font-mono); font-size:11px; color:var(--rn-leaf); margin-top:6px; }
.field-label{
  font-family:var(--font-mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.05em;
  color:var(--rn-ink-soft); display:block; margin-bottom:7px;
}
.profile-select{
  width:100%; border:1px solid var(--rn-line); border-radius:9px; padding:9px 11px; font-size:12.5px;
  margin-bottom:14px; background:var(--rn-paper); color:var(--rn-ink); font-weight:500;
}
.consent-row{
  display:flex; align-items:flex-start; gap:8px; font-size:11.3px; color:var(--rn-ink-soft);
  line-height:1.45; margin-bottom:6px; cursor:pointer;
}
.consent-row input{ margin-top:2px; accent-color:var(--rn-green); flex-shrink:0; }
.consent-row a{ color:var(--rn-green); text-decoration:underline; }
.consent-row a:hover{ color:var(--rn-forest); }

.persona-picker-card{
  background:var(--rn-white); border:1px solid var(--rn-line); border-radius:var(--rn-radius);
  padding:15px 16px; margin-bottom:16px;
}
.pp-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:11px; }
.pp-title{
  font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--rn-ink-soft); display:flex; align-items:center; gap:7px;
}
.identity-grid.wide{ grid-template-columns:repeat(4,1fr); }
.persona-chosen-row{ display:flex; flex-direction:column; gap:10px; }
.pcr-top{ display:flex; align-items:center; gap:11px; }
.persona-chosen-row .pi{
  width:32px;height:32px;border-radius:50%;background:var(--rn-mist);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:var(--rn-green);
}
.pcr-text{ flex:1; min-width:0; display:flex; flex-direction:column; }
.pcr-text strong{ font-family:var(--font-display); font-size:13.5px; color:var(--rn-forest); }
.pcr-text span{ font-size:11.5px; color:var(--rn-ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.change-persona-btn{
  font-size:11.5px; font-weight:600; color:var(--rn-green); background:var(--rn-mist); border:1px solid var(--rn-mist-2);
  padding:7px 13px; border-radius:100px; align-self:flex-start;
}
.change-persona-btn:hover{ background:var(--rn-leaf-light); border-color:var(--rn-leaf); }
.suggested-toggle-btn{
  font-size:11px; font-weight:600; color:var(--rn-green); background:var(--rn-white); border:1px solid var(--rn-leaf);
  padding:7px 12px; border-radius:100px; flex-shrink:0; white-space:nowrap;
}
.suggested-toggle-btn:hover{ background:var(--rn-mist); }

.suggested-label{ font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--rn-ink-soft); margin:14px 0 8px; }
.suggested-chips{ display:flex; flex-direction:column; gap:7px; }
.chip{
  text-align:left; background:var(--rn-white); border:1px solid var(--rn-line); border-radius:10px;
  padding:10px 13px; font-size:13px; color:var(--rn-ink); transition:border-color .15s, background .15s;
  display:flex; align-items:center; gap:9px;
}
.chip:hover{ border-color:var(--rn-leaf); background:var(--rn-mist); }
.chip svg{ flex-shrink:0; color:var(--rn-leaf); }

.msg{ display:flex; margin-bottom:16px; }
.msg.user{ justify-content:flex-end; }
.msg-bubble{ max-width:82%; }
.msg.user .msg-bubble{
  background:var(--rn-forest); color:white; padding:11px 15px; border-radius:14px 14px 3px 14px;
  font-size:13.8px; line-height:1.55;
}
.msg.assistant .msg-bubble{ max-width:92%; }
.assistant-card{
  background:var(--rn-white); border:1px solid var(--rn-line); border-radius:14px 14px 14px 3px;
  padding:14px 16px; box-shadow:var(--rn-shadow);
}
.assistant-card .a-body{ font-size:13.8px; line-height:1.65; color:var(--rn-ink); }
.assistant-card .a-body p{ margin-bottom:9px; }
.assistant-card .a-body p:last-child{ margin-bottom:0; }
.assistant-card .a-body ul{ margin:6px 0 9px 18px; padding:0; }
.assistant-card .a-body li{ margin-bottom:4px; }
.assistant-card .a-body strong{ color:var(--rn-forest); }
.source-strip{
  margin-top:11px; padding-top:10px; border-top:1px dashed var(--rn-line);
  display:flex; align-items:center; gap:7px; flex-wrap:wrap;
}
.source-label{ font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--rn-ink-soft); }
.source-pill{
  font-family:var(--font-mono); font-size:10.5px; background:var(--rn-mist); color:var(--rn-green);
  padding:3px 9px; border-radius:100px; border:1px solid var(--rn-mist-2);
}
.lang-tag{
  font-family:var(--font-mono); font-size:10px; color:var(--rn-amber); background:#FBF3E3;
  border:1px solid #ECD9B4; padding:3px 8px; border-radius:100px; margin-left:auto;
}

.typing{ display:flex; gap:4px; padding:6px 2px; }
.typing span{ width:6px;height:6px;border-radius:50%;background:var(--rn-leaf); animation:tyBounce 1.1s infinite ease-in-out; }
.typing span:nth-child(2){ animation-delay:.15s; }
.typing span:nth-child(3){ animation-delay:.3s; }
@keyframes tyBounce{ 0%,60%,100%{ transform:translateY(0); opacity:.5; } 30%{ transform:translateY(-4px); opacity:1; } }

.chat-input-bar{
  border-top:1px solid var(--rn-line); padding:20px 22px 22px; display:flex; gap:12px; align-items:center;
  background:var(--rn-white); box-shadow:0 -8px 22px -12px rgba(11,59,38,0.22);
}
.chat-input-bar input{
  flex:1; border:2px solid var(--rn-leaf-light); border-radius:16px; padding:18px 22px; font-size:16px;
  background:var(--rn-white); color:var(--rn-ink); font-weight:500; transition:border-color .15s, box-shadow .15s;
  box-shadow:0 3px 10px -3px rgba(124,179,66,0.3);
}
.chat-input-bar input::placeholder{ color:#89A07C; font-weight:400; }
.chat-input-bar input:focus{ outline:none; border-color:var(--rn-green); box-shadow:0 0 0 5px rgba(124,179,66,0.2); }
.send-btn{
  background:var(--rn-green); color:white; border:none; border-radius:16px; width:58px; height:58px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .15s, transform .1s;
  box-shadow:0 6px 16px -4px rgba(11,59,38,0.45);
}
.send-btn:hover{ background:var(--rn-forest); transform:translateY(-1px); }
.send-btn:active{ transform:scale(0.94); }
.send-btn:disabled{ background:#B9C6B2; cursor:not-allowed; box-shadow:none; }

.error-card{
  background:#FCEFE8; border:1px solid #F0C9AE; color:#8A4A22; border-radius:12px; padding:12px 14px;
  font-size:13px; margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.error-card button{ background:white; border:1px solid #F0C9AE; border-radius:8px; padding:5px 10px; font-size:12px; color:#8A4A22; font-weight:600; flex-shrink:0;}

/* ---------- COMPARE / CHARTS VIEW ---------- */
.compare-scroll{ flex:1; min-height:0; overflow-y:auto; padding:16px 20px 24px; }
.compare-head{ margin-bottom:12px; }
.compare-head h3{ font-size:16px; color:var(--rn-forest); }
.compare-head p{ font-size:12.2px; color:var(--rn-ink-soft); margin-top:3px; line-height:1.45; }
.metric-btn-grid{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; }
.metric-btn{
  display:inline-flex; align-items:center; gap:7px; text-align:left; background:var(--rn-white); border:1px solid var(--rn-line);
  border-radius:100px; padding:7px 13px; font-size:12px; font-weight:600; color:var(--rn-ink); line-height:1.3; white-space:nowrap;
  transition:border-color .15s, background .15s, color .15s;
}
.metric-btn:hover{ border-color:var(--rn-leaf); background:var(--rn-mist); }
.metric-btn.active{ background:var(--rn-forest); border-color:var(--rn-forest); color:#fff; }
.metric-btn .dot{ width:6px; height:6px; border-radius:50%; background:var(--rn-line); flex-shrink:0; transition:background .15s; }
.metric-btn.active .dot{ background:var(--rn-leaf-light); }

.custom-param-block{
  background:var(--rn-mist); border:1px solid var(--rn-line); border-radius:var(--rn-radius);
  padding:12px 14px; margin-bottom:16px;
}
.custom-param-row{ display:flex; gap:8px; }
.custom-param-row input{
  flex:1; min-width:0; border:1px solid var(--rn-line); border-radius:9px; padding:9px 11px; font-size:12.5px;
  background:var(--rn-white); color:var(--rn-ink);
}
.custom-param-btn{
  display:flex; align-items:center; gap:6px; background:var(--rn-green); color:#fff; border:none;
  border-radius:9px; padding:0 15px; font-size:12.5px; font-weight:700; flex-shrink:0;
}
.custom-param-btn:hover{ background:var(--rn-forest); }
.custom-param-btn:disabled{ background:#B9C6B2; cursor:not-allowed; }
.custom-param-hint{ font-size:10.5px; color:var(--rn-ink-soft); margin-top:7px; line-height:1.4; }

.custom-result-card{
  background:var(--rn-white); border:1px solid var(--rn-line); border-radius:var(--rn-radius);
  padding:14px 16px; margin-bottom:14px; grid-column:1 / -1;
}
.custom-result-card .cr-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.custom-result-card .cr-close{ background:none; border:none; color:var(--rn-ink-soft); flex-shrink:0; padding:2px; }
.custom-result-card .cr-close:hover{ color:var(--rn-forest); }
.custom-result-msg{ font-size:12.5px; color:var(--rn-ink-soft); line-height:1.55; margin-top:6px; }

.chart-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.chart-card{
  background:var(--rn-white); border:1px solid var(--rn-line); border-radius:var(--rn-radius);
  padding:16px 16px 10px;
}
.chart-card.wide{ grid-column:1 / -1; }
.chart-card-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:8px;}
.chart-title{ font-size:13.5px; font-weight:700; color:var(--rn-forest); font-family:var(--font-display); }
.chart-unit{ font-family:var(--font-mono); font-size:10.5px; color:var(--rn-ink-soft); margin-top:2px; }
.zoom-toggle{ display:flex; align-items:center; gap:6px; font-size:10.8px; color:var(--rn-ink-soft); white-space:nowrap; }
.chart-canvas-wrap{ height:190px; position:relative; }
.chart-foot{
  display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px;
  padding-top:8px; border-top:1px dashed var(--rn-line);
}
.chart-source{ font-family:var(--font-mono); font-size:10px; color:var(--rn-ink-soft); }
.chart-inspect{
  font-family:var(--font-mono); font-size:10.5px; color:var(--rn-green); min-height:14px;
}

/* ---------- RIGHT: identity + report builder ---------- */
#rightPanel{ display:flex; flex-direction:column; min-height:0; background:var(--rn-mist); }
.rp-scroll{ flex:1; min-height:0; overflow-y:auto; padding:18px 18px 0; }
.rp-section-title{
  font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--rn-ink-soft); margin-bottom:10px; display:flex; align-items:center; gap:7px;
}
.rp-block{
  background:var(--rn-white); border:1px solid var(--rn-line); border-radius:var(--rn-radius);
  padding:16px; margin-bottom:14px;
}
.identity-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.identity-btn{
  display:flex; align-items:center; gap:8px; border:1px solid var(--rn-line); background:var(--rn-paper);
  border-radius:10px; padding:9px 10px; font-size:12px; font-weight:600; color:var(--rn-ink-soft); text-align:left;
}
.identity-btn .pi{ width:22px;height:22px;border-radius:50%;background:var(--rn-mist);display:flex;align-items:center;justify-content:center;color:var(--rn-green); flex-shrink:0;}
.identity-btn.active{ border-color:var(--rn-leaf); background:var(--rn-mist); color:var(--rn-forest); }

.builder-search{
  width:100%; border:1px solid var(--rn-line); border-radius:9px; padding:9px 11px; font-size:12.5px;
  margin-bottom:12px; background:var(--rn-paper);
}
.pillar-accordion{ border:1px solid var(--rn-line); border-radius:11px; overflow:hidden; margin-bottom:8px; background:var(--rn-white);}
.pillar-head{
  display:flex; align-items:center; justify-content:space-between; padding:11px 13px; cursor:pointer;
  background:var(--rn-white);
}
.pillar-head:hover{ background:var(--rn-paper); }
.pillar-head-left{ display:flex; align-items:center; gap:9px; }
.pillar-name{ font-size:12.8px; font-weight:700; color:var(--rn-forest); }
.pillar-count{ font-family:var(--font-mono); font-size:10.5px; color:var(--rn-leaf); background:var(--rn-mist); padding:2px 7px; border-radius:100px; }
.chev{ transition:transform .15s; color:var(--rn-ink-soft); }
.pillar-accordion.open .chev{ transform:rotate(180deg); }
.pillar-body{ display:none; padding:2px 13px 10px; }
.pillar-accordion.open .pillar-body{ display:block; }
.topic-row{ display:flex; align-items:flex-start; gap:9px; padding:6px 0; font-size:12.3px; color:var(--rn-ink); cursor:pointer; }
.topic-row input{ margin-top:2.5px; accent-color:var(--rn-green); flex-shrink:0; }
.topic-row:hover{ color:var(--rn-green); }

.builder-sticky{
  position:sticky; bottom:0; background:var(--rn-mist); border-top:1px solid var(--rn-line);
  padding:13px 18px 18px; margin-top:auto;
}
.builder-summary{ display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }
.builder-summary b{ font-family:var(--font-display); color:var(--rn-forest); font-size:14px; }
.builder-summary span{ font-size:11.5px; color:var(--rn-ink-soft); }
.clear-link{ font-size:11.5px; color:var(--rn-ink-soft); text-decoration:underline; background:none; border:none; }
.generate-btn{
  width:100%; background:var(--rn-green); color:white; border:none; border-radius:11px; padding:13px;
  font-size:13.5px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:8px;
  transition:background .15s;
}
.generate-btn:hover{ background:var(--rn-forest); }
.generate-btn:disabled{ background:#B9C6B2; cursor:not-allowed; }
.builder-hint{ font-size:10.8px; color:var(--rn-ink-soft); margin-top:8px; text-align:center; line-height:1.4; }

/* ---------- misc ---------- */
.icon-btn{ background:none; border:none; color:var(--rn-ink-soft); display:flex; align-items:center; justify-content:center; padding:5px; border-radius:8px; }
.icon-btn:hover{ background:var(--rn-mist); color:var(--rn-forest); }
.spin{ animation:spin 0.9s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

.toast{
  position:fixed; bottom:20px; left:50%; transform:translateX(-50%);
  background:var(--rn-forest); color:white; padding:11px 18px; border-radius:11px; font-size:12.8px;
  box-shadow:var(--rn-shadow); z-index:100; display:flex; align-items:center; gap:9px;
  opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
  max-width:min(90vw, 480px); text-align:left; line-height:1.4;
}
.toast.show{ opacity:1; transform:translateX(-50%) translateY(-4px); }

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .app-grid{ grid-template-columns:1fr; }
  #rightPanel{ display:none; }
  #rightPanel.mobile-open{ display:flex; position:fixed; inset:0; top:110px; z-index:50; }
  .mobile-tabs{ display:flex !important; }
  .identity-grid.wide{ grid-template-columns:repeat(2,1fr); }
  .chart-grid{ grid-template-columns:1fr; }
}
.mobile-tabs{ display:none; gap:6px; padding:8px 14px; border-bottom:1px solid var(--rn-line); background:var(--rn-white);}
.mobile-tabs button{ flex:1; padding:9px; border-radius:9px; border:1px solid var(--rn-line); background:var(--rn-white); font-size:12.5px; font-weight:600; color:var(--rn-ink-soft);}
.mobile-tabs button.active{ background:var(--rn-forest); color:white; border-color:var(--rn-forest); }
.grecaptcha-badge{display: none !important;}