/* ── Level 1: calmer visual layer for ContentApp (James 2026-11-12) ─────────────────────────────────
   ADDITIVE ONLY: every rule starts with html.lv1, so removing class="lv1" from <html> (or the <link> to this
   file) restores the previous look exactly. No script or markup depends on it.
   Warm neutrals · ONE purple family (ContentApp's own #7C5CFC) · serif page titles, figures and card headings ·
   one corner size · no card shadows (menus and pop-ups keep theirs) · labels in normal case · neutral sidebar
   selection. Same words, same layout, same behaviour. */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-serif-4-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-serif-4-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-serif-4-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}

html.lv1{
  --l-serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --cx-ink:#1f1e1b;--cx-ink-2:#2f2e2a;--cx-ink-3:#3d3c38;--cx-ink-4:#4a4944;
  --cx-muted:#66645e;--cx-muted-2:#75736c;--cx-muted-3:#8c8a83;--cx-muted-4:#9a9891;--cx-muted-5:#aaa8a0;
  --cx-line:#e6e3d9;--cx-line-2:#e2dfd5;--cx-line-3:#efede6;--cx-line-4:#efede6;
  --cx-paper:#faf9f5;--cx-paper-2:#f6f5f0;--cx-paper-3:#f0eee7;
  /* one purple family, all from ContentApp's #7C5CFC */
  --cx-accent:#7C5CFC;--cx-accent-2:#7C5CFC;--cx-accent-3:#6a4be6;--cx-accent-ink:#5b45c9;--cx-accent-deep:#4a37a6;
  --cx-accent-soft:#a996fd;--cx-accent-line:#d6ccfe;--cx-accent-line-2:#e4ddfe;
  --cx-accent-bg:#f4f1ff;--cx-accent-bg-2:#f4f1ff;--cx-accent-bg-3:#faf8ff;--cx-accent-bg-4:#f1edff;--cx-accent-bg-5:#ebe5ff;
  /* the few cool greys inherited from ContractApp screens, warmed */
  --cx-cool-ink:#1f1e1b;--cx-cool-2:#55534d;--cx-cool-3:#8c8a83;--cx-cool-4:#a5a39b;--cx-cool-line:#e6e3d9;--cx-cool-bg:#efede6;
}
html.lv1 body{background:var(--cx-paper);color:var(--cx-ink);-webkit-font-smoothing:antialiased}

/* Sidebar: neutral selection instead of a black bar */
html.lv1 .nav-item{color:var(--cx-muted)}
html.lv1 .nav-item:hover{background:var(--cx-line-3);color:var(--cx-ink)}
html.lv1 .nav-item.active{background:#ece9df;color:var(--cx-ink);font-weight:600}
html.lv1 .credits-bar{background:var(--cx-accent)}

/* Serif: page titles, big figures, card headings */
html.lv1 .page-title{font-family:var(--l-serif);font-weight:400;font-size:30px;letter-spacing:-.01em}
html.lv1 .stat-val{font-family:var(--l-serif);font-weight:400;font-size:26px;letter-spacing:-.01em}
html.lv1 .card-label{font-family:var(--l-serif);font-size:18px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--cx-ink)}
html.lv1 .card-label .card-sublabel{font-family:Inter,sans-serif}

/* Labels in normal case */
html.lv1 .credits-label,html.lv1 .schedule-field label,html.lv1 .ai-model-group-label,html.lv1 .cal-header,html.lv1 .cal-day-panel-label,
html.lv1 .accounts-label,html.lv1 .platform-tabs-label,html.lv1 .ptab-group-label,html.lv1 .tone-label,html.lv1 .cx-nav-group,html.lv1 .cx-sec-title,
html.lv1 .cx-table th,html.lv1 .acc-group-label,html.lv1 .cx-about-kicker,html.lv1 .plan-sg{text-transform:none;letter-spacing:0}
html.lv1 .cx-table th{font-weight:500}

/* One corner size for cards and panels */
html.lv1 .card,html.lv1 .login-card,html.lv1 .modal-card,html.lv1 .topup-card-inner,html.lv1 .plan-card,html.lv1 .acct-connect-card,
html.lv1 .platform-tabs-row,html.lv1 .cx-dlg,html.lv1 .cx-block-card,html.lv1 .cx-about-card,html.lv1 .cx-save-card,html.lv1 .cx-save-plan,
html.lv1 .sidebar-credits,html.lv1 .stat-box{border-radius:10px}
/* Buttons: soft corners instead of pills; small badges slightly rounder */
html.lv1 .btn-google,html.lv1 .btn-generate,html.lv1 .pill-green-btn,html.lv1 .tone-btn,html.lv1 .btn-autopost,html.lv1 .btn-schedule-open,
html.lv1 .btn-copy-content,html.lv1 .ptab,html.lv1 .btn-schedule{border-radius:8px}
html.lv1 .ptab-group{border-radius:10px}
html.lv1 .price-tag,html.lv1 .credit-badge,html.lv1 .credit-badge-dark,html.lv1 .platform-pill,html.lv1 .pill,html.lv1 .topup-badge,
html.lv1 .plan-badge,html.lv1 .acc-connected-badge{border-radius:6px}

/* No shadows on cards and tabs (menus, dropdowns and pop-up dialogs keep theirs so they stand out) */
html.lv1 .login-card,html.lv1 .acct-connect-card:hover,html.lv1 .cx-block-card,html.lv1 .cx-about-card,html.lv1 .plan-card:hover,
html.lv1 .plan-paynow:hover,html.lv1 .cx-stat-click:hover,html.lv1 .cx-save-card,html.lv1 .cx-save-plan:hover,html.lv1 .cx-page-top{box-shadow:none}
html.lv1 .media-tab.active,html.lv1 .htab.active,html.lv1 .cx-modetog button.on{box-shadow:0 0 0 1px var(--cx-line)}