/* My Commission 2026 redesign: warm modular light mode and matte graphite dark mode. */
.redesign-v2 {
  --bg:#f5f5f2;
  --card:#ffffff;
  --card-soft:#fafaf8;
  --text:#17191c;
  --muted:#74787f;
  --line:#e7e7e3;
  --blue:#f05b3c;
  --blue2:#ff795e;
  --coral:#f05b3c;
  --coral-soft:#fff0eb;
  --purple:#8f73ed;
  --purple-soft:#f2efff;
  --mint:#38a76b;
  --mint-soft:#e9f7ef;
  --sky:#377fd2;
  --sky-soft:#edf5ff;
  --amber:#c98215;
  --amber-soft:#fff4dd;
  --dark-card:#191d21;
  --shadow:0 16px 45px rgba(29,33,37,.07);
  --radius:22px;
  background:var(--bg);
  color:var(--text);
}

body.redesign-v2 {
  margin:0;
  min-height:100vh;
  background:var(--bg);
  font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
}

.redesign-v2 * { scrollbar-width:thin;scrollbar-color:#c9c9c4 transparent; }
.redesign-v2 button,.redesign-v2 input,.redesign-v2 textarea,.redesign-v2 select { font-family:inherit; }
.redesign-v2 button:focus-visible,.redesign-v2 a:focus-visible,.redesign-v2 input:focus-visible,.redesign-v2 textarea:focus-visible,.redesign-v2 select:focus-visible { outline:3px solid rgba(240,91,60,.24);outline-offset:2px; }

.redesign-v2 .glass {
  background:var(--card);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.redesign-v2 .app-shell {
  max-width:none;
  min-height:100vh;
  margin:0;
  padding:16px;
  display:grid;
  grid-template-columns:224px minmax(0,1fr);
  gap:16px;
}

.redesign-v2 .workspace { min-width:0;max-width:1680px;width:100%;margin:0 auto; }
.redesign-v2 .workspace>main { padding:0 0 44px;margin-top:16px; }

.desktop-sidebar {
  position:sticky;
  top:16px;
  height:calc(100vh - 32px);
  min-height:620px;
  padding:16px 12px 12px;
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--card);
  box-shadow:var(--shadow);
}

.sidebar-brand { display:flex;align-items:center;gap:10px;padding:5px 8px 18px; }
.sidebar-brand img { width:38px;height:38px;border-radius:12px;object-fit:cover;box-shadow:0 7px 18px rgba(240,91,60,.18); }
.sidebar-brand span { min-width:0;display:grid;gap:1px; }
.sidebar-brand b { font-size:14px;white-space:nowrap;letter-spacing:-.02em; }
.sidebar-brand small { color:var(--muted);font-size:10px;white-space:nowrap; }

.desktop-nav { display:grid;gap:5px; }
.desktop-nav button {
  width:100%;
  min-height:48px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:11px;
  border-radius:14px;
  background:transparent;
  color:#51545a;
  text-align:left;
  box-shadow:none!important;
}
.desktop-nav button span { width:26px;height:26px;display:grid;place-items:center;color:#6f737a; }
.desktop-nav button b { font-size:13px;font-weight:650; }
.desktop-nav button:hover { background:var(--card-soft);filter:none!important; }
.desktop-nav button.active { color:var(--coral);background:var(--coral-soft); }
.desktop-nav button.active span { color:var(--coral); }
.sidebar-spacer { flex:1; }

.sidebar-achievement {
  position:relative;
  overflow:hidden;
  margin:10px 0;
  padding:18px 14px;
  display:grid;
  gap:5px;
  border-radius:18px;
  background:linear-gradient(145deg,#fff6ec,#f4efff);
  border:1px solid #f0e6df;
}
.sidebar-achievement:after { content:"";position:absolute;width:80px;height:80px;right:-34px;bottom:-38px;border-radius:50%;background:rgba(143,115,237,.15); }
.achievement-mark { width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--coral); }
.sidebar-achievement b { font-size:12px; }
.sidebar-achievement small { color:#6e6674;font-size:10px;line-height:1.45; }

.sidebar-theme {
  min-height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:15px;
  background:var(--card-soft);
  color:var(--text);
  text-align:left;
  border:1px solid var(--line);
  box-shadow:none!important;
}
.sidebar-theme>svg { width:31px;height:31px;padding:7px;border-radius:10px;color:var(--purple);background:var(--purple-soft); }
.sidebar-theme span { display:grid;gap:1px; }
.sidebar-theme b { font-size:11px; }
.sidebar-theme small { color:var(--muted);font-size:9px; }

.redesign-v2 .topbar {
  height:82px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--card);
  box-shadow:var(--shadow);
}
.redesign-v2 .top-identity { display:flex;align-items:center;gap:0; }
.redesign-v2 .top-identity .eyebrow { margin:0 0 3px;color:var(--muted);font-size:9px;letter-spacing:.1em; }
.redesign-v2 .topbar h1 { margin:0;font-size:24px;font-weight:720;letter-spacing:-.04em; }
.redesign-header-actions { display:flex;align-items:center;gap:12px; }
.profile-chip { display:flex;align-items:center;gap:9px; }
.profile-chip>span { display:grid;gap:1px;text-align:right; }
.profile-chip b { font-size:12px;font-weight:700; }
.profile-chip small { color:var(--muted);font-size:9px; }
.redesign-v2 .profile-avatar { width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral);font-size:15px;font-weight:800;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line);background-repeat:no-repeat; }
.redesign-v2 .header-tools { display:flex;align-items:center;gap:8px; }
.redesign-v2 .header-tools .icon-button { flex:0 0 auto;box-shadow:none; }
.redesign-v2 #privacyToggle { width:42px;height:42px;border-radius:13px;background:var(--card-soft);color:#5e6269;border:1px solid var(--line); }
.redesign-v2 #newDealButton.header-add {
  width:auto;
  height:42px;
  min-width:112px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:13px;
  background:var(--coral)!important;
  color:#fff;
  font-size:12px;
  font-weight:750;
  box-shadow:0 9px 20px rgba(240,91,60,.2)!important;
}
.redesign-v2 #newDealButton.header-add span { display:inline; }

.redesign-v2 .page { animation:none; }
.redesign-v2 .page.active { display:block; }
.redesign-v2 #dashboardPage.active {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:start;
  gap:16px;
}
.redesign-v2 #dashboardPage>[data-widget="month"] { grid-column:span 12; }
.redesign-v2 #dashboardPage>[data-widget="total"] { grid-column:span 4; }
.redesign-v2 #dashboardPage>[data-widget="goal"] { grid-column:span 8; }
.redesign-v2 #dashboardPage>[data-widget="insights"] { grid-column:span 12; }
.redesign-v2 #dashboardPage>[data-widget="chart"] { grid-column:span 8; }
.redesign-v2 #dashboardPage>[data-widget="notes"] { grid-column:span 4; }
.redesign-v2 #dashboardPage>.search-box { order:20;grid-column:span 12; }
.redesign-v2 #dashboardPage>.section-head { order:22;grid-column:span 12; }
.redesign-v2 #dashboardPage>.deal-list,.redesign-v2 #dashboardPage>.empty-state { order:23;grid-column:span 12; }

.redesign-v2 .month-tile {
  margin:0;
  padding:16px 18px;
  display:grid;
  grid-template-columns:minmax(210px,1fr) minmax(180px,.7fr) minmax(300px,1.25fr);
  align-items:center;
  gap:14px;
  overflow:visible;
  border-radius:20px;
  box-shadow:none;
}
.redesign-v2 .month-tile:after { display:none; }
.redesign-v2 .month-tile-top { grid-column:1/-1;min-height:28px; }
.redesign-v2 .month-tile-top p { color:var(--text);font-weight:700; }
.redesign-v2 .tile-icon { background:var(--coral-soft);color:var(--coral); }
.redesign-v2 .tile-print,.redesign-v2 .customize-button { background:var(--card-soft);color:var(--text);border:1px solid var(--line); }
.redesign-v2 .customize-button { margin-left:0; }
.redesign-v2 .month-display { min-height:66px;padding:0 4px; }
.redesign-v2 .month-display strong { font-size:28px; }
.redesign-v2 .month-display span { color:var(--coral); }
.redesign-v2 .month-stepper { margin:0;background:var(--card-soft);border:1px solid var(--line); }
.redesign-v2 .month-stepper button { color:var(--coral); }
.redesign-v2 .check-compare { margin:0;padding:13px 14px;background:var(--card-soft);border:1px solid var(--line);border-radius:16px; }
.redesign-v2 .check-compare-head span { color:var(--text); }
.redesign-v2 .check-amounts { gap:8px; }
.redesign-v2 .check-input { background:var(--card);border-color:var(--line); }

.redesign-v2 .hero-card {
  min-height:262px;
  margin:0;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border-radius:22px;
  background:var(--dark-card);
  color:#fff;
  box-shadow:0 16px 35px rgba(20,23,27,.16);
}
.redesign-v2 .hero-card:before { content:"";position:absolute;left:22px;right:22px;bottom:74px;height:62px;background:linear-gradient(175deg,transparent 0 45%,var(--coral) 46% 48%,transparent 49%),linear-gradient(190deg,transparent 0 50%,rgba(240,91,60,.35) 51% 52%,transparent 53%);opacity:.95;pointer-events:none; }
.redesign-v2 .hero-card:after,.redesign-v2 .month-artwork { display:none!important; }
.redesign-v2 .hero-card p { color:#c2c6cb;font-size:12px; }
.redesign-v2 .hero-card strong { font-size:46px;font-weight:720; }
.redesign-v2 .salary-summary { position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.35fr;gap:7px;margin:11px 0 8px; }
.redesign-v2 .salary-summary.hidden { display:none; }
.redesign-v2 .salary-summary span { min-width:0;padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09); }
.redesign-v2 .salary-summary small { display:block;margin-bottom:3px;color:#abb1b6;font-size:8px;font-weight:750;letter-spacing:.07em;text-transform:uppercase; }
.redesign-v2 .salary-summary b { display:block;overflow:hidden;color:#fff;font-size:12px;white-space:nowrap;text-overflow:ellipsis; }
.redesign-v2 .hero-meta { margin-top:auto;position:relative;z-index:1;gap:7px;flex-wrap:wrap; }
.redesign-v2 .hero-meta span,.redesign-v2 .hero-meta .filter-pill { padding:7px 9px;border-radius:10px;background:#282d31;color:#cfd3d7;border:1px solid #353a3f;font-size:10px; }
.redesign-v2 .hero-meta .filter-pill.active { color:#ffc4b7;background:#48271f;border-color:#613326; }

.redesign-v2 .goal-card {
  --goal-progress:0deg;
  position:relative;
  min-height:262px;
  margin:0;
  padding:28px 210px 28px 28px;
  display:flex;
  align-items:center;
  border-radius:22px;
  background:var(--card);
  border:1px solid var(--line);
  box-shadow:none;
}
.redesign-v2 .goal-card:before {
  content:"";
  position:absolute;
  right:42px;
  top:50%;
  width:132px;
  height:132px;
  transform:translateY(-50%);
  border-radius:50%;
  background:conic-gradient(var(--coral) 0 var(--goal-progress),#ececea var(--goal-progress) 360deg);
  -webkit-mask:radial-gradient(circle,transparent 0 52%,#000 53%);
  mask:radial-gradient(circle,transparent 0 52%,#000 53%);
}
.redesign-v2 .goal-head { width:100%;display:grid;gap:18px; }
.redesign-v2 .goal-head span { display:grid;gap:8px; }
.redesign-v2 .goal-head b:before { content:"Expected vs actual";display:block;margin-bottom:7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em; }
.redesign-v2 .goal-head b { font-size:18px; }
.redesign-v2 .goal-head small { font-size:14px;color:var(--muted); }
.redesign-v2 .goal-head>strong { position:absolute;right:74px;top:50%;width:68px;transform:translateY(-50%);text-align:center;font-size:28px;color:var(--text);z-index:1; }
.redesign-v2 .goal-track { width:min(390px,100%);height:9px;background:#ececea; }
.redesign-v2 .goal-track i { background:var(--coral); }

.redesign-v2 .insight-panel { margin:0;grid-template-columns:repeat(3,1fr);gap:16px; }
.redesign-v2 .insight-card {
  min-height:142px;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:20px;
  background:var(--card);
  border:1px solid var(--line);
  box-shadow:none;
}
.redesign-v2 .insight-card:after { width:68px;height:68px;right:14px;top:14px;background:var(--purple-soft); }
.redesign-v2 .insight-card small { color:var(--muted);letter-spacing:.07em; }
.redesign-v2 .insight-card strong { font-size:27px; }
.redesign-v2 #projectionCard strong { color:var(--purple); }
.redesign-v2 #comparisonCard strong { color:var(--mint); }
.redesign-v2 #milestoneCard { background:linear-gradient(145deg,#faf7ff,#fff8ee); }
.redesign-v2 #milestoneCard strong { color:var(--purple); }

.redesign-v2 .analytics-card {
  min-height:310px;
  margin:0;
  padding:24px;
  border-radius:22px;
  background:var(--card);
  border:1px solid var(--line);
  box-shadow:none;
}
.redesign-v2 .analytics-card .section-head { margin:0 0 22px; }
.redesign-v2 .analytics-card #ytdTotal { font-size:25px;color:var(--text); }
.redesign-v2 .year-chart { height:205px;gap:9px; }
.redesign-v2 .chart-month span { height:165px;background:var(--card-soft);border:1px solid var(--line); }
.redesign-v2 .chart-month i { background:var(--coral);border-radius:6px 6px 2px 2px; }
.redesign-v2 .chart-month.selected i { background:var(--purple); }
.redesign-v2 .chart-month b { color:var(--muted); }

.redesign-v2 .month-note-card {
  min-height:310px;
  margin:0;
  padding:22px;
  border-radius:22px;
  box-shadow:none;
}
.redesign-v2 .month-note-head { align-items:start; }
.redesign-v2 .month-note-card textarea { min-height:205px;background:var(--card-soft);border-color:var(--line);line-height:1.6; }
.redesign-v2 .mini-button { background:var(--coral-soft);color:var(--coral); }

.redesign-v2 .search-box {
  min-height:52px;
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 15px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card);
  box-shadow:none;
}
.redesign-v2 .search-box span { color:var(--muted); }
.redesign-v2 .search-box input { padding:0;border:0;background:transparent;box-shadow:none; }
.redesign-v2 #dashboardPage>.section-head { margin:6px 3px 0;align-items:center; }
.redesign-v2 #dashboardPage>.section-head .eyebrow { color:var(--coral); }
.redesign-v2 #dashboardPage>.section-head h2 { font-size:24px; }
.redesign-v2 #dashboardPage>.section-head .text-button { padding:10px 15px;border-radius:12px;background:var(--coral);color:#fff; }

.redesign-v2 .deal-list { gap:0;padding:8px 16px 12px;border:1px solid var(--line);border-radius:22px;background:var(--card); }
.redesign-v2 .deal-card {
  min-height:70px;
  grid-template-columns:42px minmax(0,1fr) minmax(110px,auto) 38px;
  gap:13px;
  padding:13px 2px;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.redesign-v2 .deal-card:last-child { border-bottom:0; }
.redesign-v2 .deal-card:hover { transform:none;background:var(--card-soft);box-shadow:none; }
.redesign-v2 .deal-avatar { width:38px;height:38px;border-radius:11px;background:var(--purple-soft);color:var(--purple); }
.redesign-v2 .deal-card h3 { font-size:14px; }
.redesign-v2 .deal-money b { font-size:14px; }
.redesign-v2 .deal-delete { width:34px;height:34px;border-radius:10px; }

.redesign-v2 .suite-page { padding-bottom:36px; }
.redesign-v2 .suite-hero {
  margin:0 0 16px;
  padding:22px 24px;
  border-radius:22px;
  color:var(--text);
  background:var(--card);
  border:1px solid var(--line);
  box-shadow:none;
}
.redesign-v2 .suite-hero .eyebrow { color:var(--coral); }
.redesign-v2 .suite-hero h2 { margin:2px 0;font-size:31px; }
.redesign-v2 .suite-hero p { color:var(--muted); }
.redesign-v2 .quick-banner { background:linear-gradient(110deg,var(--coral-soft),var(--purple-soft));border:1px solid #f0e5df; }
.redesign-v2 .suite-card,.redesign-v2 .suite-row { background:var(--card);border-color:var(--line);box-shadow:none; }
.redesign-v2 .suite-card,.redesign-v2 .suite-row,.redesign-v2 .settings-card { border-radius:20px; }
.redesign-v2 .suite-row { padding:16px; }
.redesign-v2 .suite-actions button,.redesign-v2 .secondary-button { background:var(--card-soft);color:var(--text);border:1px solid var(--line);box-shadow:none; }
.redesign-v2 .suite-actions button.green,.redesign-v2 .mini-button.green { background:var(--mint-soft);color:var(--mint);border-color:#d7eadf; }
.redesign-v2 .report-bar-track,.redesign-v2 .progress-mini { background:#ececea; }
.redesign-v2 .report-bar-track i,.redesign-v2 .progress-mini i { background:var(--coral); }
.redesign-v2 .paid-chip { background:var(--mint-soft);color:var(--mint); }
.redesign-v2 .warning-chip { background:var(--amber-soft);color:var(--amber); }
.redesign-v2 .draft-chip { background:var(--sky-soft);color:var(--sky); }
.redesign-v2 .locked-chip { background:#eeeeec;color:#666a70; }

.redesign-v2 #settingsPage.active {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.redesign-v2 .settings-hero { grid-column:1/-1;padding:20px 4px 4px; }
.redesign-v2 .settings-hero .eyebrow { color:var(--coral); }
.redesign-v2 .settings-card { margin:0;padding:22px;box-shadow:none; }
.redesign-v2 #settingsForm { grid-row:span 2; }
.redesign-v2 .salary-setting { display:grid;gap:12px;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--coral-soft),var(--purple-soft)); }
.redesign-v2 .salary-setting-head span { display:block; }
.redesign-v2 .salary-setting-head b { display:block;font-size:14px; }
.redesign-v2 .salary-setting-head small { display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4; }
.redesign-v2 .salary-frequency-choice { grid-template-columns:repeat(3,1fr); }
.redesign-v2 .salary-amount-label.disabled { opacity:.55; }
.redesign-v2 .salary-preview { min-height:34px;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.52);color:var(--muted);font-size:11px;font-weight:650; }
.redesign-v2 .photo-preview-wrap { background:var(--card-soft);border-color:var(--line); }
.redesign-v2 .photo-preview { border-radius:50%;background:var(--coral-soft);color:var(--coral); }
.redesign-v2 .photo-description { min-width:0; }
.redesign-v2 .photo-description small { display:block;margin-top:4px;line-height:1.4;color:var(--muted); }
.redesign-v2 .primary-button { background:var(--coral);box-shadow:0 10px 22px rgba(240,91,60,.18); }
.redesign-v2 .settings-row { margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px; }
.redesign-v2 .google-button { background:var(--card-soft);border-color:var(--line); }
.redesign-v2 .sync-settings { display:grid;gap:15px; }
.redesign-v2 .sheets-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px; }
.redesign-v2 .sheets-card-head h3 { margin:5px 0 0;font-size:21px;letter-spacing:-.025em; }
.redesign-v2 .sheets-badge { flex:0 0 auto;padding:7px 10px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:10px;font-weight:850;letter-spacing:.02em; }
.redesign-v2 .sheets-badge.connected { background:var(--mint-soft);color:var(--mint); }
.redesign-v2 .sheets-badge.setup-required { background:#eeeeec;color:#6a6d72; }
.redesign-v2 .sheets-steps { display:grid;gap:10px;margin:0;padding:0;list-style:none; }
.redesign-v2 .sheets-steps>li { display:grid;grid-template-columns:31px minmax(0,1fr);gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--card-soft); }
.redesign-v2 .sheets-steps>li>span { width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--coral-soft);color:var(--coral);font-size:12px;font-weight:900; }
.redesign-v2 .sheets-steps>li>div { min-width:0;display:grid;gap:6px; }
.redesign-v2 .sheets-steps b { font-size:13px; }
.redesign-v2 .sheets-steps small { color:var(--muted);font-size:11px;line-height:1.45; }
.redesign-v2 .sheets-link { width:max-content;max-width:100%;margin-top:4px;text-decoration:none;font-size:11px;text-align:center; }
.redesign-v2 .copy-field { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px; }
.redesign-v2 .copy-field input { min-width:0;padding:11px 12px;font-size:11px; }
.redesign-v2 .copy-field button { width:auto;padding:10px 13px;font-size:11px; }
.redesign-v2 .sheets-actions { display:grid;grid-template-columns:1fr 1fr;gap:9px; }
.redesign-v2 .sheets-actions .google-button,.redesign-v2 .sheets-actions .primary-button { width:100%;margin:0;min-height:46px; }
.redesign-v2 .sheets-link-row { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px; }
.redesign-v2 .sheets-link-row a { text-decoration:none; }
.redesign-v2 .danger-link { color:#d54d38; }
.redesign-v2 .sync-note { margin:0;line-height:1.45; }
.redesign-v2 .sheets-help { border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:11px;line-height:1.5; }
.redesign-v2 .sheets-help summary { cursor:pointer;color:var(--text);font-weight:800; }
.redesign-v2 .sheets-help p { margin:9px 0 0; }
.redesign-v2 .ios-choice { background:var(--card-soft);border-color:var(--line); }
.redesign-v2 .ios-choice button.selected { color:var(--coral);background:var(--card);box-shadow:0 4px 12px rgba(30,34,38,.08); }
.redesign-v2 .ios-range { accent-color:var(--coral); }

.redesign-v2 input,.redesign-v2 textarea,.redesign-v2 select,.redesign-v2 .input-affix,.redesign-v2 .date-picker-button {
  color:var(--text);
  background:var(--card-soft);
  border-color:var(--line);
  box-shadow:none;
}
.redesign-v2 input:focus,.redesign-v2 textarea:focus,.redesign-v2 select:focus,.redesign-v2 .input-affix:focus-within { background:var(--card);border-color:rgba(240,91,60,.5);box-shadow:0 0 0 3px rgba(240,91,60,.1); }
.redesign-v2 label { color:#51545a; }
.redesign-v2 .text-button { color:var(--coral); }

.redesign-v2 .sheet { background:var(--bg);border:1px solid var(--line); }
.redesign-v2 .sheet .form-section { background:var(--card);border:1px solid var(--line);box-shadow:none; }
.redesign-v2 .sheet header { background:var(--card); }
.redesign-v2 .calculation-card { background:var(--dark-card); }
.redesign-v2 #saveDeal { background:var(--coral); }
.redesign-v2 #saveDraft { color:var(--coral);background:var(--coral-soft); }
.redesign-v2 .toast { background:var(--dark-card);color:#fff; }

.redesign-v2 .app-mark { overflow:hidden;padding:0;background:transparent;box-shadow:0 12px 28px rgba(240,91,60,.2); }
.redesign-v2 .app-mark img { width:100%;height:100%;object-fit:cover;display:block; }
.redesign-v2 .auth-body { background:radial-gradient(circle at 20% 15%,rgba(143,115,237,.11),transparent 30%),radial-gradient(circle at 80% 80%,rgba(240,91,60,.12),transparent 32%),var(--bg); }
.redesign-v2 .auth-card { border-radius:24px;background:var(--card);box-shadow:0 24px 70px rgba(31,34,38,.12); }
.redesign-v2 .auth-card .eyebrow { color:var(--coral); }

.redesign-v2 .tabbar { display:none; }

body.redesign-v2.theme-dark {
  --bg:#0d1115;
  --card:#151a1f;
  --card-soft:#1a2026;
  --text:#f4f5f5;
  --muted:#929aa2;
  --line:#293038;
  --coral:#ff6648;
  --coral-soft:#35201b;
  --purple:#a88df7;
  --purple-soft:#28233a;
  --mint:#64d18e;
  --mint-soft:#183125;
  --sky:#6baaf2;
  --sky-soft:#172a3c;
  --amber:#f1ae4b;
  --amber-soft:#382c19;
  --dark-card:#101418;
  --shadow:0 18px 46px rgba(0,0,0,.22);
  background:var(--bg);
  color:var(--text);
}

.redesign-v2.theme-dark .glass,.redesign-v2.theme-dark .desktop-sidebar,.redesign-v2.theme-dark .topbar,.redesign-v2.theme-dark .suite-card,.redesign-v2.theme-dark .suite-row,.redesign-v2.theme-dark .settings-card,.redesign-v2.theme-dark .settings-row,.redesign-v2.theme-dark .deal-list,.redesign-v2.theme-dark .analytics-card,.redesign-v2.theme-dark .goal-card,.redesign-v2.theme-dark .month-note-card,.redesign-v2.theme-dark .month-tile,.redesign-v2.theme-dark .search-box,.redesign-v2.theme-dark .auth-card {
  background:var(--card)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
.redesign-v2.theme-dark .desktop-nav button { color:#a6adb4; }
.redesign-v2.theme-dark .desktop-nav button:hover { background:var(--card-soft); }
.redesign-v2.theme-dark .desktop-nav button.active { color:var(--coral);background:var(--coral-soft); }
.redesign-v2.theme-dark .sidebar-achievement,.redesign-v2.theme-dark #milestoneCard { background:linear-gradient(145deg,#26202c,#2b211b)!important;border-color:#3a3034!important; }
.redesign-v2.theme-dark .salary-setting { background:linear-gradient(145deg,var(--coral-soft),var(--purple-soft));border-color:#3a3038; }
.redesign-v2.theme-dark .salary-preview { background:rgba(255,255,255,.055); }
.redesign-v2.theme-dark .sheets-steps>li { background:var(--card-soft);border-color:var(--line); }
.redesign-v2.theme-dark .sheets-badge.setup-required { background:#2c3238;color:#a9b0b7; }
.redesign-v2.theme-dark .sidebar-achievement small { color:#aaa2ae; }
.redesign-v2.theme-dark .hero-card { background:#101418!important;border:1px solid #242a30; }
.redesign-v2.theme-dark .goal-card:before { background:conic-gradient(var(--coral) 0 var(--goal-progress),#30363c var(--goal-progress) 360deg); }
.redesign-v2.theme-dark .goal-head>strong,.redesign-v2.theme-dark .analytics-card #ytdTotal { color:var(--text); }
.redesign-v2.theme-dark .goal-track,.redesign-v2.theme-dark .report-bar-track,.redesign-v2.theme-dark .progress-mini { background:#30363c; }
.redesign-v2.theme-dark .insight-card { background:var(--card)!important;border-color:var(--line)!important;box-shadow:none!important; }
.redesign-v2.theme-dark .insight-card:after { background:var(--purple-soft); }
.redesign-v2.theme-dark .chart-month span { background:var(--card-soft);border-color:var(--line); }
.redesign-v2.theme-dark .deal-card { background:transparent!important;border-color:var(--line)!important;box-shadow:none!important; }
.redesign-v2.theme-dark .deal-card:hover { background:var(--card-soft)!important; }
.redesign-v2.theme-dark .deal-avatar { background:var(--purple-soft)!important;color:var(--purple)!important; }
.redesign-v2.theme-dark .deal-card h3,.redesign-v2.theme-dark .deal-money b { color:var(--text); }
.redesign-v2.theme-dark .suite-hero { color:var(--text);background:var(--card);border-color:var(--line); }
.redesign-v2.theme-dark .quick-banner { background:linear-gradient(110deg,var(--coral-soft),var(--purple-soft));border-color:#3b3130; }
.redesign-v2.theme-dark input,.redesign-v2.theme-dark textarea,.redesign-v2.theme-dark select,.redesign-v2.theme-dark .input-affix,.redesign-v2.theme-dark .date-picker-button,.redesign-v2.theme-dark .check-input,.redesign-v2.theme-dark .ios-choice,.redesign-v2.theme-dark .photo-preview-wrap,.redesign-v2.theme-dark .google-button {
  background:var(--card-soft)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
.redesign-v2.theme-dark input:focus,.redesign-v2.theme-dark textarea:focus,.redesign-v2.theme-dark select:focus { border-color:rgba(255,102,72,.55)!important;box-shadow:0 0 0 3px rgba(255,102,72,.1)!important; }
.redesign-v2.theme-dark label { color:#bac0c6; }
.redesign-v2.theme-dark .ios-choice button.selected { background:#30363d;color:var(--coral); }
.redesign-v2.theme-dark .sheet,.redesign-v2.theme-dark #dealSheet { background:var(--bg)!important;color:var(--text); }
.redesign-v2.theme-dark .sheet header,.redesign-v2.theme-dark .sheet .form-section,.redesign-v2.theme-dark #dealSheet .form-section { background:var(--card)!important;border-color:var(--line)!important; }
.redesign-v2.theme-dark #saveDeal,.redesign-v2.theme-dark #newDealButton,.redesign-v2.theme-dark .primary-button { background:var(--coral)!important;color:#fff!important; }
.redesign-v2.theme-dark .secondary-button,.redesign-v2.theme-dark .suite-actions button,.redesign-v2.theme-dark .text-button { color:#e0e3e6!important; }
.redesign-v2.theme-dark .auth-body { background:radial-gradient(circle at 20% 15%,rgba(143,115,237,.12),transparent 30%),radial-gradient(circle at 80% 80%,rgba(255,102,72,.1),transparent 32%),var(--bg); }

@media (max-width:1100px) {
  .redesign-v2 .app-shell { grid-template-columns:190px minmax(0,1fr); }
  .sidebar-brand small { display:none; }
  .redesign-v2 .month-tile { grid-template-columns:1fr 1fr; }
  .redesign-v2 .check-compare { grid-column:1/-1; }
  .redesign-v2 #dashboardPage>[data-widget="total"] { grid-column:span 5; }
  .redesign-v2 #dashboardPage>[data-widget="goal"] { grid-column:span 7; }
  .redesign-v2 #dashboardPage>[data-widget="chart"],.redesign-v2 #dashboardPage>[data-widget="notes"] { grid-column:span 12; }
  .redesign-v2 .month-note-card { min-height:auto; }
  .redesign-v2 .month-note-card textarea { min-height:120px; }
}

@media (max-width:820px) {
  .redesign-v2 .app-shell { display:block;padding:10px 10px 100px; }
  .desktop-sidebar { display:none; }
  .redesign-v2 .workspace { max-width:760px; }
  .redesign-v2 .topbar { height:auto;min-height:76px;padding:12px 14px;border-radius:18px; }
  .redesign-v2 .top-identity .eyebrow { display:none; }
  .redesign-v2 .topbar h1 { font-size:21px; }
  .profile-chip>span { display:none; }
  .redesign-v2 .profile-avatar { width:38px;height:38px; }
  .redesign-v2 #privacyToggle { width:38px;height:38px; }
  .redesign-v2 #newDealButton.header-add { min-width:99px;height:38px;padding:0 12px; }
  .redesign-v2 .workspace>main { margin-top:10px;padding-bottom:30px; }
  .redesign-v2 #dashboardPage.active { grid-template-columns:1fr;gap:10px; }
  .redesign-v2 #dashboardPage>[data-widget],.redesign-v2 #dashboardPage>.search-box,.redesign-v2 #dashboardPage>.section-head,.redesign-v2 #dashboardPage>.deal-list,.redesign-v2 #dashboardPage>.empty-state { grid-column:1; }
  .redesign-v2 .month-tile { display:grid;grid-template-columns:1fr;padding:15px;gap:10px; }
  .redesign-v2 .month-tile-top,.redesign-v2 .check-compare { grid-column:1; }
  .redesign-v2 .month-display { min-height:auto; }
  .redesign-v2 .month-display strong { font-size:24px; }
  .redesign-v2 .hero-card { min-height:235px; }
  .redesign-v2 .goal-card { min-height:220px;padding:22px 150px 22px 20px; }
  .redesign-v2 .goal-card:before { width:105px;height:105px;right:25px; }
  .redesign-v2 .goal-head>strong { right:44px;width:66px;font-size:23px; }
  .redesign-v2 .insight-panel { grid-template-columns:1fr 1fr;gap:10px; }
  .redesign-v2 #milestoneCard { grid-column:1/-1; }
  .redesign-v2 .analytics-card { min-height:270px;padding:18px; }
  .redesign-v2 .year-chart { height:165px;gap:4px; }
  .redesign-v2 .chart-month span { height:130px; }
  .redesign-v2 .month-note-card { min-height:auto; }
  .redesign-v2 .deal-list { padding:6px 11px; }
  .redesign-v2 .deal-card { grid-template-columns:38px minmax(0,1fr) auto 34px;gap:9px; }
  .redesign-v2 .deal-card p { max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  .redesign-v2 #settingsPage.active { grid-template-columns:1fr; }
  .redesign-v2 .settings-hero { grid-column:1; }
  .redesign-v2 .tabbar.suite-nav {
    display:grid;
    position:fixed;
    left:50%;
    bottom:max(8px,env(safe-area-inset-bottom));
    width:calc(100% - 20px);
    max-width:720px;
    height:68px;
    padding:6px;
    grid-template-columns:repeat(6,minmax(58px,1fr));
    gap:2px;
    overflow-x:auto;
    border-radius:20px;
    background:rgba(255,255,255,.94);
    border:1px solid var(--line);
    box-shadow:0 16px 42px rgba(28,32,36,.16);
    backdrop-filter:blur(18px);
    z-index:40;
  }
  .redesign-v2 .suite-nav .tab { min-width:58px;height:54px;border-radius:14px;color:var(--muted); }
  .redesign-v2 .suite-nav .tab.active { color:var(--coral);background:var(--coral-soft); }
  .redesign-v2 .suite-nav .tab b { color:inherit;font-size:8px; }
  .redesign-v2.theme-dark .tabbar.suite-nav { background:rgba(21,26,31,.95); }
}

@media (max-width:520px) {
  .redesign-v2 .sheets-actions { grid-template-columns:1fr; }
  .redesign-v2 .sheets-card-head { align-items:center; }
  .redesign-v2 .copy-field { grid-template-columns:1fr; }
  .redesign-v2 .copy-field button { width:100%; }
}

@media (max-width:520px) {
  .redesign-v2 .app-shell { padding:7px 7px 92px; }
  .redesign-v2 .topbar { padding:10px 11px; }
  .redesign-v2 .redesign-header-actions { gap:6px; }
  .redesign-v2 .profile-avatar { display:none; }
  .redesign-v2 #newDealButton.header-add { min-width:92px;padding:0 10px;font-size:11px; }
  .redesign-v2 .month-tile-top { flex-wrap:wrap; }
  .redesign-v2 .tile-print { margin-left:auto; }
  .redesign-v2 .customize-button { order:3; }
  .redesign-v2 .check-amounts { grid-template-columns:1fr 1fr; }
  .redesign-v2 .check-amounts button { grid-column:1/-1; }
  .redesign-v2 .goal-card { padding:20px;display:block; }
  .redesign-v2 .goal-card:before { position:relative;display:block;right:auto;top:auto;width:104px;height:104px;transform:none;margin:18px auto 0; }
  .redesign-v2 .goal-head>strong { right:50%;top:auto;bottom:40px;transform:translateX(50%); }
  .redesign-v2 .insight-panel { grid-template-columns:1fr; }
  .redesign-v2 #milestoneCard { grid-column:auto; }
  .redesign-v2 .insight-card { min-height:118px; }
  .redesign-v2 .hero-card strong { font-size:42px; }
  .redesign-v2 .analytics-card .section-head { align-items:start; }
  .redesign-v2 .analytics-card #ytdTotal { font-size:20px; }
  .redesign-v2 .year-chart { gap:2px; }
  .redesign-v2 .chart-month b { font-size:8px; }
  .redesign-v2 .deal-card { grid-template-columns:36px minmax(0,1fr) auto; }
  .redesign-v2 .deal-card .deal-delete { grid-column:3;grid-row:1;opacity:.75; }
  .redesign-v2 .deal-money { grid-column:3;grid-row:1;margin-right:39px; }
  .redesign-v2 .deal-card p { max-width:45vw; }
  .redesign-v2 .field-grid { grid-template-columns:1fr; }
  .redesign-v2 .tabbar.suite-nav { width:calc(100% - 10px);grid-template-columns:repeat(6,61px);justify-content:flex-start; }
}

@media print {
  .desktop-sidebar,.redesign-v2 .topbar,.redesign-v2 .tabbar { display:none!important; }
  .redesign-v2 .app-shell { display:block;padding:0; }
}