/* V7.7 — theme-safe preferences, reading progress, centered auth headers, ad-network configuration */
:root,[data-bs-theme="light"]{
  --v77-text:#070b0f;--v77-muted:#43515b;--v77-surface:#ffffff;--v77-soft:#f4f7f9;--v77-line:#d8e0e5;--v77-gold:#d5a021;
}
[data-bs-theme="dark"]{
  --v77-text:#f7fafc;--v77-muted:#c2ccd3;--v77-surface:#0f202b;--v77-soft:#142a38;--v77-line:#314a59;--v77-gold:#e2bc50;
}
/* Account settings: do not let legacy hard-coded #fbfcfd break dark mode. */
.settings-card{background:var(--v77-surface)!important;color:var(--v77-text)!important;border-color:var(--v77-line)!important}
.settings-card h2,.settings-card h3,.settings-card strong,.settings-card label,.settings-card .form-label{color:var(--v77-text)!important}
.settings-card p,.settings-card small,.settings-card .form-text{color:var(--v77-muted)!important}
.settings-switches{align-items:stretch}
.settings-switches .form-check{
  position:relative;display:flex!important;align-items:center;gap:.85rem;min-height:62px;
  padding:.9rem 1rem!important;border:1px solid var(--v77-line)!important;border-radius:15px!important;
  background:var(--v77-soft)!important;color:var(--v77-text)!important;transition:border-color .18s,background .18s,box-shadow .18s;
}
.settings-switches .form-check:hover{border-color:color-mix(in srgb,var(--v77-gold) 55%,var(--v77-line))!important;box-shadow:0 7px 22px rgba(11,38,61,.06)}
.settings-switches .form-check>span{flex:1;min-width:0;color:var(--v77-text)!important;font-weight:700;line-height:1.55}
.settings-switches .form-check-input{float:none!important;margin:0!important;flex:0 0 auto;width:2.65em;height:1.42em;border-color:color-mix(in srgb,var(--v77-muted) 55%,transparent);background-color:color-mix(in srgb,var(--v77-muted) 18%,var(--v77-surface))}
.settings-switches .form-check-input:checked{background-color:var(--v77-gold);border-color:var(--v77-gold)}
[data-bs-theme="dark"] .settings-switches .form-check-input:checked{background-color:#e2bc50;border-color:#e2bc50}
[data-bs-theme="dark"] .settings-switches .form-check-input:not(:checked){background-color:#1a3341;border-color:#66808e}
.settings-switches .form-check.is-checked{border-color:color-mix(in srgb,var(--v77-gold) 45%,var(--v77-line))!important}

/* Continue reading cards: keep progress fully inside its card regardless of long Arabic titles. */
.continue-reading-grid-v67{min-width:0}
.continue-reading-card-v67{min-width:0;overflow:hidden;grid-template-columns:46px minmax(0,1fr) auto!important}
.continue-reading-card-v67>div{min-width:0;overflow:hidden}
.continue-reading-card-v67 strong{max-width:100%}
.continue-reading-card-v67 .progress{display:block!important;width:100%!important;max-width:100%!important;height:6px!important;margin:0!important;overflow:hidden!important;border-radius:999px!important;background:color-mix(in srgb,var(--v77-muted) 15%,var(--v77-soft))!important}
.continue-reading-card-v67 .progress-bar{display:block!important;height:100%!important;max-width:100%!important;border-radius:inherit;background:linear-gradient(90deg,#d5a021,#edca66)!important}

/* Login/register heading: icon centered above the title. */
.auth-surface-v73 .auth-modern-head{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;gap:.7rem!important;padding-bottom:1.1rem!important;
}
.auth-surface-v73 .auth-modern-head>div{width:100%;text-align:center!important}
.auth-surface-v73 .auth-modern-icon{margin:0 auto!important;width:58px;height:58px;border-radius:18px;font-size:1.35rem}
.auth-surface-v73 .auth-modern-head h1{margin:0!important}
.auth-surface-v73 .auth-modern-head p{margin:.35rem auto 0!important;max-width:520px}

/* Author card export helpers */
.author-verified-svg-v77{display:inline-flex;vertical-align:-.15em;margin-inline-start:.2rem;width:1.05em;height:1.05em;color:#2378e8}
.author-verified-svg-v77 svg{display:block;width:100%;height:100%}
.author-card-capturing-v77 .author-verified-svg-v77{color:#2378e8!important}
.author-card-capturing-v77 #authorQrV68{display:grid!important;place-items:center!important;min-width:128px;min-height:128px}
.author-card-capturing-v77 #authorQrV68>img{display:block!important;width:128px!important;height:128px!important;max-width:128px!important;object-fit:contain!important}

/* Provider configuration cards */
.ad-network-config-grid-v77{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 1.5rem 1.5rem}
.ad-network-config-v77{border:1px solid var(--v77-line);background:var(--v77-surface);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(11,38,61,.045)}
.ad-network-config-head-v77{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--v77-line);background:var(--v77-soft)}
.ad-network-config-head-v77>div{min-width:0}.ad-network-config-head-v77 h3{font-size:1rem;font-weight:900;margin:0;color:var(--v77-text)}
.ad-network-config-head-v77 p{font-size:.78rem;line-height:1.65;color:var(--v77-muted);margin:.25rem 0 0}
.ad-network-config-body-v77{padding:1rem 1.1rem}.ad-network-config-body-v77 .form-label{font-size:.78rem;font-weight:800;color:var(--v77-text)}
.ad-network-config-body-v77 .form-control,.ad-network-config-body-v77 .form-select{background:var(--v77-surface)!important;color:var(--v77-text)!important;border-color:var(--v77-line)!important}
.ad-network-config-body-v77 textarea{min-height:82px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;direction:ltr;text-align:left}
.ad-network-note-v77{display:flex;gap:.55rem;padding:.7rem .8rem;margin-bottom:.8rem;border-radius:12px;background:color-mix(in srgb,var(--v77-gold) 10%,var(--v77-soft));color:var(--v77-muted);font-size:.73rem;line-height:1.6}
.ad-network-note-v77 i{color:var(--v77-gold);font-size:1rem}.ad-network-config-actions-v77{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--v77-line)}
.ad-network-config-actions-v77 small{color:var(--v77-muted)}
@media(max-width:991.98px){.ad-network-config-grid-v77{grid-template-columns:1fr;padding-inline:1rem}}
@media(max-width:575.98px){.settings-switches .form-check{min-height:58px;padding:.8rem!important}.auth-surface-v73 .auth-modern-icon{width:52px;height:52px}.ad-network-config-grid-v77{padding-inline:.75rem}.ad-network-config-head-v77,.ad-network-config-body-v77{padding:.9rem}}