/* Respark Command Center V2.2 live settings layer */
:root{--cc-radius:14px;--cc-scale:1}
body[data-cc-theme="graphite"]{--bg:#0f1115;--bg2:#14171c;--panel:#181c22;--panel2:#1d2229;--panel3:#222832;--line:#313842;--line2:#3b4552;--text:#f0f3f6;--muted:#adb5bf;--muted2:#8d98a5}
body[data-cc-theme="light"]{--bg:#f4f6f8;--bg2:#eef1f4;--panel:#ffffff;--panel2:#f7f9fb;--panel3:#edf1f5;--line:#d7dde4;--line2:#c4ccd6;--text:#17202a;--muted:#5d6977;--muted2:#758291;--shadow:0 20px 50px rgba(20,30,40,.12)}
body[data-cc-theme="light"],body[data-cc-theme="light"] .sidebar{background:var(--bg);color:var(--text)}
body[data-cc-theme="light"] .sidebar{background:#f8fafc}
body[data-cc-theme="light"] .panel,body[data-cc-theme="light"] .stat,body[data-cc-theme="light"] .sys-card,body[data-cc-theme="light"] .review-card,body[data-cc-theme="light"] .activity-item,body[data-cc-theme="light"] .detail-card,body[data-cc-theme="light"] .phase,body[data-cc-theme="light"] .result-card,body[data-cc-theme="light"] .feedback-item,body[data-cc-theme="light"] .composer,body[data-cc-theme="light"] .routing-row{background:var(--panel);color:var(--text)}
body[data-cc-theme="light"] .input,body[data-cc-theme="light"] .filter,body[data-cc-theme="light"] .search{background:#fff;color:var(--text)}
body[data-cc-density="compact"] .panel-body{padding:10px}body[data-cc-density="compact"] th,body[data-cc-density="compact"] td{padding:9px 11px}body[data-cc-density="compact"] .stat{padding:12px;min-height:88px}body[data-cc-density="compact"] .nav-item{padding:8px 10px}
body[data-cc-density="spacious"] .panel-body{padding:22px}body[data-cc-density="spacious"] th,body[data-cc-density="spacious"] td{padding:17px 18px}body[data-cc-density="spacious"] .stat{padding:21px;min-height:126px}body[data-cc-density="spacious"] .nav-item{padding:13px 13px}
body.cc-high-contrast{--muted:#d0d8e2;--muted2:#b8c3cf;--line:#465464;--line2:#59697b}
body.cc-reduce-motion *,body.cc-reduce-motion *::before,body.cc-reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.panel,.stat,.sys-card,.review-card,.activity-item,.detail-card,.phase,.result-card,.feedback-item,.composer,.routing-row,.input,.filter,.search,.btn{border-radius:var(--cc-radius)!important}
#ccSettingsNav{margin-top:10px;border-top:1px solid var(--line);padding-top:12px}
.cc-settings-wrap{display:grid;gap:14px}.cc-settings-hero h2{font-size:24px;margin:5px 0 7px}.cc-settings-hero p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.7}.cc-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:14px}.cc-settings-form{display:grid;gap:16px}.cc-settings-form label{display:grid;gap:8px;color:var(--muted);font-size:13px}.cc-settings-form label>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc-settings-form b{color:var(--text);font-size:12px}.cc-settings-form input[type="range"]{width:100%;accent-color:var(--green)}.cc-color-row{display:flex;align-items:center;gap:9px}.cc-color-row input[type="color"]{width:52px;height:38px;padding:2px;border:1px solid var(--line2);border-radius:9px;background:transparent}.cc-swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--line2);background:var(--sw);cursor:pointer}.cc-toggle-list{display:grid;gap:10px}.cc-toggle-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:13px}.cc-toggle-list input{width:18px;height:18px;accent-color:var(--green)}.cc-link-list{display:grid;gap:8px}.cc-link-list a,.cc-link-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;color:var(--text);text-decoration:none}.cc-link-list span{color:var(--muted);font-size:12px}.cc-link-list strong{font-size:12px;direction:ltr}.cc-reset{width:100%;padding:11px}.cc-settings-wrap .input{font-size:13px}
@media(max-width:980px){.cc-settings-grid{grid-template-columns:1fr}}@media(max-width:780px){.cc-settings-hero h2{font-size:21px}.cc-link-list a,.cc-link-list>div{align-items:flex-start;flex-direction:column}}