:root { --ccms-dark:#07101e; --ccms-blue:#0d6efd; }
body { background:#f0f2f5; }
.ccms-nav { background:var(--ccms-dark); }
.ccms-nav .nav-link { color:#cbd5e1; }
.ccms-nav .nav-link:hover, .ccms-nav .nav-link.active { color:#fff; }
.auth-card { max-width:420px; margin:5vh auto; }
.card { border:0; box-shadow:0 2px 12px rgba(0,0,0,.06); border-radius:12px; }
.product-icon { width:44px;height:44px;border-radius:10px;background:#eef2ff;color:var(--ccms-blue);display:flex;align-items:center;justify-content:center;font-size:20px; }
.badge-status { font-size:.72rem; }
.price-pill { border:1px solid #e2e8f0;border-radius:10px;padding:.5rem .75rem; }
.help-article h2 { font-size:1.05rem; margin:1.5rem 0 .5rem; color:var(--ccms-dark); }
.help-article p, .help-article li { color:#334155; line-height:1.75; }
.help-article ol, .help-article ul { padding-left:1.25rem; }
.help-article code { background:#eef2ff; color:var(--ccms-blue); padding:1px 6px; border-radius:4px; font-size:.9em; }

/* ── Enterprise polish ─────────────────────────────────────── */
body { font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif; color:#1e293b; }
h1,h2,h3,h4 { color:var(--ccms-dark); letter-spacing:-.01em; }

.ccms-nav { box-shadow:0 1px 0 rgba(255,255,255,.06), 0 2px 12px rgba(7,16,30,.18); }
.ccms-nav .navbar-brand { letter-spacing:-.02em; }
.ccms-nav .nav-link { font-size:.93rem; font-weight:500; transition:color .15s; }

.card { transition:box-shadow .18s ease, transform .18s ease; }
a.card:hover { box-shadow:0 8px 28px rgba(7,16,30,.12); transform:translateY(-2px); }
.btn-primary { background:var(--ccms-blue); border-color:var(--ccms-blue); font-weight:600; }
.btn-primary:hover { background:#0b5ed7; border-color:#0b5ed7; }
.stats-card-value, .product-icon { color:var(--ccms-dark); }

/* Branded auth header above the card */
.auth-brand { font-size:1.5rem; font-weight:800; color:var(--ccms-dark); letter-spacing:-.02em; }
.auth-brand span { color:var(--ccms-blue); }
.auth-trust { color:#64748b; font-size:.82rem; margin-top:.25rem; }
.auth-card { max-width:430px; }

/* Enterprise footer */
.ccms-footer { background:var(--ccms-dark); color:#94a3b8; margin-top:48px; padding:32px 0 28px; font-size:.85rem; }
.ccms-footer a { color:#cbd5e1; text-decoration:none; }
.ccms-footer a:hover { color:#fff; }
.ccms-footer .foot-brand { color:#fff; font-weight:700; }
.ccms-footer .foot-trust { color:#64748b; font-size:.78rem; }
.ccms-footer .foot-trust i { color:#22c55e; }

/* Accessibility */
.skip-link { position:absolute; left:-999px; top:0; z-index:2000; background:var(--ccms-blue); color:#fff; padding:.5rem 1rem; border-radius:0 0 6px 0; text-decoration:none; }
.skip-link:focus { left:0; }
a:focus-visible, button:focus-visible, .btn:focus-visible, .form-control:focus-visible, .form-select:focus-visible, .nav-link:focus-visible { outline:2px solid #fff; outline-offset:2px; box-shadow:0 0 0 4px rgba(13,110,253,.5); }
main:focus { outline:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }