/* Extracted from pricing inline style block 3 */
/* Dark mode harmony: one calm readable base, accent-only theme changes. Light mode stays as-is. */
[data-mode="dark"][data-theme="ocean"]{
  --bg:#0a0a10;--bg2:#111118;--bg3:#161622;--card:#1a1a2a;--hover:#1f1f32;--input:#12121e;--border:#1e1e32;--border2:#2a2a40;
  --gold:#7fb4ff;--gold2:#a8ccff;--gold3:#4f8fe6;--goldg:rgba(127,180,255,.13);--card-hover:#222238;
  --gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(127,180,255,.22);
  --t1:#eae8e5;--t2:#9a9aac;--t3:#7b7b8f;
}
[data-mode="dark"][data-theme="green"]{
  --bg:#0a0a10;--bg2:#111118;--bg3:#161622;--card:#1a1a2a;--hover:#1f1f32;--input:#12121e;--border:#1e1e32;--border2:#2a2a40;
  --gold:#72d6a0;--gold2:#9be7bd;--gold3:#37b675;--goldg:rgba(114,214,160,.13);--card-hover:#222238;
  --gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(114,214,160,.22);
  --t1:#eae8e5;--t2:#9a9aac;--t3:#7b7b8f;
}
[data-mode="dark"][data-theme="plum"]{
  --bg:#0a0a10;--bg2:#111118;--bg3:#161622;--card:#1a1a2a;--hover:#1f1f32;--input:#12121e;--border:#1e1e32;--border2:#2a2a40;
  --gold:#c0a7ff;--gold2:#d5c7ff;--gold3:#9270e8;--goldg:rgba(192,167,255,.13);--card-hover:#222238;
  --gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(192,167,255,.22);
  --t1:#eae8e5;--t2:#9a9aac;--t3:#7b7b8f;
}
[data-mode="dark"] .theme-ctrl{background:var(--card)!important;border-color:var(--border)!important}
[data-mode="dark"] .theme-btn,[data-mode="dark"] .theme-select{background:var(--bg3)!important;border-color:var(--border2)!important;color:var(--t1)!important}
/* jarvis-mobile-nav-overflow-fix */
@media(max-width:520px){
  html,body{max-width:100%}
  .navbar{
    width:100%;
    max-width:100%;
    padding:10px 12px;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px 8px;
    overflow-wrap:anywhere;
  }
  .nav-logo{
    margin-inline:0!important;
    flex:0 1 auto;
    max-width:100%;
  }
  .nav-actions{
    width:100%;
    max-width:100%;
    min-width:0;
    margin-inline:0!important;
    display:flex;
    flex:1 1 100%;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
  }
  .nav-actions .btn{
    flex:0 1 auto;
    max-width:100%;
    white-space:normal;
    text-align:center;
    justify-content:center;
  }
  .theme-ctrl{
    order:3;
    width:auto!important;
    max-width:100%;
    flex:1 1 100%;
    justify-content:center;
    flex-wrap:wrap;
  }
  .theme-btn,.theme-select{
    max-width:100%;
  }
}