:root{--ink:#061a36;--muted:#64748b;--green:#061a36;--green2:#0b63ce;--mint:#eaf3ff;--cream:#f7f9fc;--line:#dbe5f0;--rose:#fff0ee;--shadow:0 10px 35px rgba(6,26,54,.09)}
.auth-brand,.sidebar{background:#061a36}
.btn.primary{background:#0b63ce}.btn.primary:hover{background:#084fa8}
.eyebrow{color:#55708f}
.intro-section>.eyebrow,.why-section>.eyebrow{font-size:.86rem;line-height:1.35;letter-spacing:.12em;color:#0b63ce}
.site-footer,.legal-footer{background:#061a36}.site-footer div span,.site-footer small{color:#a9bfd8}
.nav-item.active,.nav-item:hover{background:rgba(11,99,206,.32)}
.brand-logo{filter:none}
.tariff-compare-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid #bfd5ee;border-radius:8px;background:#eef6ff;color:#0758ba;font-size:.7rem;font-weight:700;text-decoration:none;white-space:nowrap}
.tariff-compare-btn:hover{background:#0b63ce;color:#fff;border-color:#0b63ce}
.reminder-compare a{background:#0b63ce}
.metric-icon.mint{background:#eaf3ff;color:#0b63ce}
.contract-row{grid-template-columns:minmax(170px,2fr) minmax(100px,.9fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(105px,.85fr) 128px auto}
.comparison-cell{width:128px;min-height:34px;display:flex;align-items:center}
@media(max-width:1050px){.contract-row{grid-template-columns:minmax(170px,2fr) minmax(90px,1fr) minmax(90px,1fr) minmax(100px,1fr) 128px auto}}
@media(max-width:760px){.contract-row{grid-template-columns:1fr auto}.comparison-cell{grid-column:1/-1;width:auto;min-height:0}.tariff-compare-btn{grid-column:1/-1;justify-self:start;margin-top:4px}.contract-row .row-actions{grid-column:2;grid-row:1}}
.brand-wordmark{position:relative;display:inline-block;font-family:Arial,Helvetica,sans-serif!important;font-style:italic;font-weight:800!important;letter-spacing:-.055em;color:#061a36}
.brand-wordmark span{position:relative;color:#1475ee}.brand-wordmark span:after{content:"";position:absolute;left:1%;right:-3%;bottom:-.08em;height:.09em;border-radius:50%;background:#1475ee;transform:skewX(-24deg) rotate(-2deg)}
.auth-brand .brand-wordmark{color:#fff}.brand-wordmark.compact{font-size:1.15rem;line-height:1.1}.brand-wordmark.inverse{color:#fff}
.auth-brand h1.brand-wordmark{margin-bottom:30px}
.remember-email{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;margin-top:-5px;font-size:.76rem!important;font-weight:500!important;color:var(--muted)}
.remember-email input{width:auto}
.profile-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.profile-actions-grid .account-card{height:100%;min-width:0;margin-top:0;align-items:flex-start;flex-direction:column}
.account-card{border-color:var(--line)}
.profile-actions-grid .account-card .btn{margin-top:auto}
@media(max-width:900px){.profile-actions-grid{grid-template-columns:1fr}}
.csv-import-dialog{width:min(680px,calc(100% - 30px));padding:28px;border:0;border-radius:18px;box-shadow:0 30px 90px rgba(6,26,54,.25)}
.csv-import-dialog>p{margin:-8px 0 20px;color:var(--muted);line-height:1.55}
.csv-file-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px dashed #9db7d4;border-radius:12px;background:#f6faff;font-size:.84rem;font-weight:700}
.csv-file-picker input{max-width:250px;font-size:.78rem;font-weight:400}
.csv-import-message{margin:15px 0;padding:11px 13px;border-radius:9px;background:#eef5ff;color:#234d7d;font-size:.82rem}
.csv-import-preview{display:grid;gap:7px;margin:0 0 18px;text-align:left}
.csv-import-preview div{display:flex;justify-content:space-between;gap:15px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:.78rem}
.csv-import-preview span{color:var(--muted);text-align:right}
.pdf-confirm{display:flex;align-items:flex-start;gap:9px;margin:15px 0;color:var(--muted);font-size:.78rem;line-height:1.5;text-align:left}.pdf-confirm input{margin-top:3px}
.file-privacy-note{display:flex;flex-direction:column;gap:3px;margin:0 0 15px;padding:12px 14px;border:1px solid #b9d6f7;border-radius:10px;background:#eef6ff;color:#174b82;font-size:.82rem}.file-privacy-note span{color:#52708f;font-size:.75rem;line-height:1.45}
.topbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.csv-import-message.error{border:1px solid #e7b8b1;background:#fff0ed;color:#913a31}
.csv-import-dialog.is-loading{cursor:wait}.csv-import-dialog.is-loading .csv-file-picker,.csv-import-dialog.is-loading .pdf-confirm{opacity:.55;pointer-events:none}
.ai-review-note{display:flex;flex-direction:column;gap:3px;margin:0 0 14px;padding:12px 14px;border:1px solid #b9d6f7;border-radius:10px;background:#eef6ff;color:#174b82;font-size:.8rem}.ai-review-note span{color:#52708f;font-size:.73rem}
@media(max-width:600px){.csv-file-picker,.csv-import-preview div{align-items:flex-start;flex-direction:column}.csv-file-picker input{max-width:100%}.csv-import-preview span{text-align:left}}
@media(max-width:760px){.topbar-actions{gap:6px}.topbar-actions .btn{font-size:0;padding:10px}.topbar-actions #import-contract-file:after{content:"⌁";font-size:1.1rem}.topbar-actions #add-contract:after{content:"＋";font-size:1.1rem}}

.theme-toggle{font-size:1.05rem}.theme-select-label{display:flex;flex-direction:column;gap:6px;width:100%;color:var(--muted);font-size:.74rem;font-weight:700}.theme-select-label select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink)}
.affiliate-disclosure{grid-column:1/-1;margin:4px 0 0;color:#a9bfd8;font-size:.72rem;line-height:1.5}.app-affiliate-disclosure{margin:24px 2px 0;color:var(--muted);font-size:.7rem;line-height:1.5}

html[data-theme="dark"]{color-scheme:dark;--ink:#ecf4ff;--muted:#a8b8ca;--green:#081a32;--green2:#3388ee;--mint:#132d4f;--cream:#071526;--line:#263b55;--white:#0d2037;--rose:#3a2225;--shadow:0 12px 38px rgba(0,0,0,.32)}
html[data-theme="dark"] body,html[data-theme="dark"] .auth-panel{background:#071526;color:var(--ink)}
html[data-theme="dark"] .auth-card,html[data-theme="dark"] .metric,html[data-theme="dark"] .panel,html[data-theme="dark"] .reminder,html[data-theme="dark"] .account-card,html[data-theme="dark"] .info-card,html[data-theme="dark"] .faq-list details,html[data-theme="dark"] dialog{background:#0d2037;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .controls input,html[data-theme="dark"] .controls select,html[data-theme="dark"] .google,html[data-theme="dark"] .btn.secondary,html[data-theme="dark"] .icon-btn{background:#142941;color:var(--ink);border-color:#314761}
html[data-theme="dark"] .separator span{background:#0d2037}html[data-theme="dark"] .badge,html[data-theme="dark"] .status-ended{background:#1b3047;color:#c0ccda}
html[data-theme="dark"] .reminder.urgent{background:#1d2430}html[data-theme="dark"] .delete-icon,html[data-theme="dark"] .btn.danger{background:#3b2328;color:#ffaaa0}
html[data-theme="dark"] .csv-file-picker,html[data-theme="dark"] .csv-import-message,html[data-theme="dark"] .file-privacy-note,html[data-theme="dark"] .ai-review-note{background:#132d4f;color:#bcd8fa;border-color:#315a86}
html[data-theme="dark"] .tariff-compare-btn{background:#132d4f;color:#8fc1ff;border-color:#315a86}html[data-theme="dark"] .contract-row{border-color:var(--line)}
html[data-theme="dark"] .brand-wordmark{color:var(--ink)}html[data-theme="dark"] .auth-brand .brand-wordmark,html[data-theme="dark"] .brand-wordmark.inverse{color:#fff}

@media(max-width:760px){
  main{padding-top:17px}.topbar{margin-bottom:20px}.topbar h1{font-size:1.38rem}.topbar .eyebrow{margin-bottom:3px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.metric{padding:12px;gap:9px;min-height:105px}.metric-icon{width:30px;height:30px;flex-basis:30px}.metric strong{font-size:1.05rem}.metric small,.metric em{font-size:.64rem;line-height:1.35}
  .panel{margin-top:13px}.panel-heading{padding:14px}.reminder-list{gap:9px;padding:11px}.reminder{padding:11px}.reminder-compare{margin-top:9px;padding-top:9px}
  .controls>*{min-width:0;width:100%}.controls .btn{min-width:0;padding:9px 6px;font-size:.7rem;white-space:normal;text-align:center}.controls select{min-width:0;width:100%;padding:9px 7px;font-size:.7rem}.controls{gap:7px}
  .contract-list{overflow:hidden}.contract-row{gap:9px}.provider{min-width:0}.provider strong,.provider small{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:450px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:10px;min-height:98px;align-items:flex-start}.metric-icon{display:none}.metric strong{font-size:1rem}.topbar-actions{align-self:flex-start}.theme-toggle{width:34px}}
