/* Fix Issue 14: define correct CSS tokens — removes conflict with style.css --green:#00C896 */
:root {
  --bg:#09090b; --surface:rgba(24,24,27,0.65); --surface-solid:#18181b;
  --surface-hover:rgba(39,39,42,0.8); --border:rgba(63,63,70,0.4);
  --border-glow:rgba(16,185,129,0.3); --text:#f4f4f5; --muted:#a1a1aa;
  --green:#10b981; --green-glow:rgba(16,185,129,0.2);
  --orange:#f59e0b; --purple:#8b5cf6; --cyan:#06b6d4; --danger:#ef4444;
  --font:'Inter',sans-serif; --font2:'Space Grotesk',sans-serif;
  --transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
}

@media(max-width:768px) {
  .signout-text { display:none; }
  .dash-signout-btn { padding:8px 10px !important; }
  .dash-signout-btn .signout-icon { margin-right:0 !important; }
}
.settings-info-card{border:1px solid;border-radius:14px;padding:16px;margin-bottom:16px;}
.settings-days-display{font-family:var(--font2);font-size:28px;font-weight:800;color:var(--text);text-align:center;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;}
.settings-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.preset-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all 0.2s;}
.preset-btn:hover{border-color:var(--green);color:var(--green);}
.preset-btn.active{background:rgba(0,200,150,0.15);border-color:var(--green);color:var(--green);}
.btn-purge{width:100%;padding:14px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all 0.2s;color:#fff;}
.btn-purge:disabled{opacity:0.5;cursor:not-allowed;}
.btn-purge-orange{background:#ff6b35;}
.btn-purge-orange:hover:not(:disabled){background:#e55a25;}
.btn-purge-purple{background:var(--purple);}
.btn-purge-purple:hover:not(:disabled){background:#8070ee;}