/* ZenCRM Settings Customization */
.crm-shell {
  --zen-sidebar-start: #203124;
  --zen-sidebar-end: #2a3e2e;
  --zen-accent-strong: #344b37;
  --zen-accent-mid: #48634b;
  --zen-accent-soft: #edf3e9;
  --zen-canvas: #f6f6f1;
  background: var(--zen-canvas);
}
.crm-shell.theme-signature { --zen-sidebar-start:#203124; --zen-sidebar-end:#2a3e2e; --zen-accent-strong:#344b37; --zen-accent-mid:#48634b; --zen-accent-soft:#edf3e9; --zen-canvas:#f6f6f1; }
.crm-shell.theme-forest { --zen-sidebar-start:#14251a; --zen-sidebar-end:#203a29; --zen-accent-strong:#29442f; --zen-accent-mid:#3f6147; --zen-accent-soft:#eaf1e9; --zen-canvas:#f3f5f1; --olive-900:#1f3525; --olive-800:#29442f; --olive-700:#3f6147; --olive-600:#5b7e62; --olive-100:#eaf1e9; }
.crm-shell.theme-sage { --zen-sidebar-start:#314438; --zen-sidebar-end:#49614f; --zen-accent-strong:#45604d; --zen-accent-mid:#607a62; --zen-accent-soft:#f0f5ed; --zen-canvas:#f7f8f4; --olive-900:#34483a; --olive-800:#45604d; --olive-700:#607a62; --olive-600:#78937a; --olive-100:#f0f5ed; }
.crm-shell.theme-cream { --zen-sidebar-start:#26362a; --zen-sidebar-end:#3c5140; --zen-accent-strong:#415c44; --zen-accent-mid:#58745b; --zen-accent-soft:#f3f3e8; --zen-canvas:#faf8f0; --olive-900:#324637; --olive-800:#415c44; --olive-700:#58745b; --olive-600:#718b72; --olive-100:#f3f3e8; }
.crm-shell .sidebar { background: linear-gradient(180deg,var(--zen-sidebar-start),var(--zen-sidebar-end)) !important; }
.crm-shell .crm-main { background: var(--zen-canvas); }
.crm-shell .primary-button { background: var(--zen-accent-strong); }
.crm-shell .sidebar-nav button.active { color:var(--zen-accent-strong); background:#e7eee2; }
.crm-shell .filter-tabs button.active,.crm-shell .settings-note { color:var(--zen-accent-strong); background:var(--zen-accent-soft); }

.zen-settings-customizer { display:grid; gap:16px; margin-bottom:16px; }
.zen-settings-hero { min-height:158px; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:26px 28px; border-radius:22px; color:#fff; background:radial-gradient(circle at 88% 10%,rgba(238,245,230,.18),transparent 34%),linear-gradient(135deg,var(--zen-sidebar-start),var(--zen-accent-mid)); box-shadow:0 16px 42px rgba(31,45,32,.13); }
.zen-settings-hero h2 { margin:5px 0 8px; font-size:clamp(29px,3.3vw,43px); line-height:1; letter-spacing:-.045em; }
.zen-settings-hero p:last-child { max-width:680px; margin:0; color:rgba(255,255,255,.72); font-size:13px; }
.zen-settings-saved { display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; padding:9px 11px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:rgba(255,255,255,.8); background:rgba(255,255,255,.08); font-size:10px; font-weight:780; }
.zen-settings-saved::before { content:"✓"; width:16px; height:16px; display:grid; place-items:center; border-radius:50%; color:var(--zen-sidebar-start); background:#dcead6; font-size:10px; font-weight:900; }
.zen-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.zen-settings-panel { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(34,50,35,.032); }
.zen-settings-panel.wide { grid-column:1/-1; }
.zen-settings-heading { padding:17px 20px; border-bottom:1px solid var(--line); }
.zen-settings-heading .eyebrow { margin:0 0 3px; }
.zen-settings-heading h3 { margin:0; font-size:18px; letter-spacing:-.025em; }
.zen-settings-heading span { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.45; }
.zen-settings-body { padding:18px 20px 20px; }
.zen-theme-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.zen-theme-choice { position:relative; min-height:120px; display:grid; align-content:start; gap:10px; padding:13px; border:1px solid var(--line); border-radius:15px; color:var(--ink); background:#fbfcfa; text-align:left; }
.zen-theme-choice:hover { transform:translateY(-1px); border-color:#cbd4c8; box-shadow:0 8px 20px rgba(31,45,32,.055); }
.zen-theme-choice.active { border-color:var(--zen-accent-mid); box-shadow:0 0 0 3px rgba(72,99,75,.12); }
.zen-theme-choice.active::after { content:"✓"; position:absolute; top:10px; right:10px; width:20px; height:20px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--zen-accent-mid); font-size:11px; font-weight:900; }
.zen-theme-choice strong { font-size:13px; }
.zen-theme-choice small { color:var(--muted); font-size:10px; line-height:1.4; }
.zen-theme-copy { display:grid; gap:3px; }
.zen-theme-swatch { height:44px; display:grid; grid-template-columns:1.15fr .85fr .7fr; gap:5px; padding:6px; border-radius:11px; background:#fff; box-shadow:inset 0 0 0 1px rgba(25,35,27,.08); }
.zen-theme-swatch i { border-radius:7px; }
.zen-theme-swatch.signature i:nth-child(1){background:#203124}.zen-theme-swatch.signature i:nth-child(2){background:#607a62}.zen-theme-swatch.signature i:nth-child(3){background:#f6f6f1}
.zen-theme-swatch.forest i:nth-child(1){background:#14251a}.zen-theme-swatch.forest i:nth-child(2){background:#3f6147}.zen-theme-swatch.forest i:nth-child(3){background:#eaf1e9}
.zen-theme-swatch.sage i:nth-child(1){background:#314438}.zen-theme-swatch.sage i:nth-child(2){background:#78937a}.zen-theme-swatch.sage i:nth-child(3){background:#f7f8f4}
.zen-theme-swatch.cream i:nth-child(1){background:#26362a}.zen-theme-swatch.cream i:nth-child(2){background:#718b72}.zen-theme-swatch.cream i:nth-child(3){background:#faf8f0}
.zen-control-stack { display:grid; }
.zen-control-row { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid var(--line); }
.zen-control-stack > :last-child { border-bottom:0; }
.zen-control-copy { display:grid; gap:3px; }
.zen-control-copy strong { font-size:12px; }
.zen-control-copy span { color:var(--muted); font-size:10px; line-height:1.4; }
.zen-segmented { flex:0 0 auto; display:inline-flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:11px; background:#f3f5f1; }
.zen-segmented button { min-height:32px; padding:0 10px; border:0; border-radius:8px; color:var(--muted); background:transparent; font-size:10px; font-weight:780; }
.zen-segmented button.active { color:#fff; background:var(--zen-accent-strong); box-shadow:0 4px 10px rgba(31,45,32,.12); }
.zen-toggle { justify-content:flex-start; cursor:pointer; }
.zen-toggle input { width:18px; height:18px; flex:0 0 auto; accent-color:var(--zen-accent-mid); }
.zen-select { width:220px; min-height:40px; padding:0 11px; border:1px solid var(--line); border-radius:11px; color:var(--ink); background:#fff; font-size:11px; outline:0; }
.zen-clock-format[hidden] { display:none!important; }
.zen-settings-reset { width:100%; min-height:40px; border:1px solid var(--line); border-radius:11px; color:var(--zen-accent-strong); background:#fff; font-size:11px; font-weight:760; }
.zen-settings-reset:hover { background:var(--zen-accent-soft); }

.crm-shell.density-compact .topbar { height:64px; }
.crm-shell.density-compact .page-content { padding-top:16px; }
.crm-shell.density-compact .panel-header,.crm-shell.density-compact .today-panel-header { padding:13px 16px; }
.crm-shell.density-compact .table-row { min-height:62px; padding-block:9px; }
.crm-shell.density-compact .today-dashboard { gap:13px; }
.crm-shell.density-compact .today-metric { min-height:70px; padding:11px 12px; }
.crm-shell.density-compact .focus-task-row { min-height:60px; }
.crm-shell.density-compact .agent-property-body { padding:13px; }
.crm-shell.text-large { font-size:15px; }
.crm-shell.text-large .sidebar-nav button,.crm-shell.text-large .global-search input,.crm-shell.text-large .table-row>span:not(.contact-cell),.crm-shell.text-large .field input,.crm-shell.text-large .field select,.crm-shell.text-large .field textarea { font-size:14px; }
.crm-shell.text-large .contact-cell strong,.crm-shell.text-large .pipeline-card>strong,.crm-shell.text-large .focus-task-title>strong { font-size:15px; }
.crm-shell.reduced-motion *,.crm-shell.reduced-motion *::before,.crm-shell.reduced-motion *::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
.crm-shell.reduced-motion .primary-button:hover,.crm-shell.reduced-motion .zen-theme-choice:hover,.crm-shell.reduced-motion .agent-property-card:hover { transform:none; }

@media(max-width:1100px){.zen-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.zen-settings-hero{min-height:0;align-items:flex-start;flex-direction:column;padding:22px}.zen-settings-grid{grid-template-columns:1fr}.zen-settings-panel.wide{grid-column:auto}.zen-theme-grid{grid-template-columns:1fr}.zen-control-row{align-items:flex-start;flex-direction:column}.zen-segmented,.zen-select{width:100%}.zen-segmented button{flex:1}}