/* Shared visual language for the public site, workspace and focused exam pages. */
:root {
    color-scheme: light;
    --surface: #ffffff; --surface-soft: #f1f6f5; --canvas: #f7f9f9;
    --ink: #172e32; --muted: #607579; --line: #dfe8e7;
    --accent: #087f72; --accent-hover: #066457; --accent-soft: #e3f4ed;
    --primary-color: var(--accent); --secondary-color: var(--accent-hover);
    --shadow: 0 8px 28px #173d3610; --radius: 18px;
    --bs-primary: #087f72; --bs-primary-rgb: 8,127,114;
    --bs-body-color: var(--ink); --bs-body-bg: var(--canvas);
    --bs-border-color: var(--line); --bs-link-color: var(--accent);
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --surface: #17292e; --surface-soft: #20353a; --canvas: #101e22;
    --ink: #e7f2ef; --muted: #a8bfbd; --line: #32484d;
    --accent: #68d9b8; --accent-hover: #99e9cd; --accent-soft: #1c3e37;
    --shadow: 0 8px 28px #00000025;
    --bs-primary-rgb: 104,217,184;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: 'Inter', 'Noto Sans Bengali', system-ui, sans-serif; line-height: 1.65; }
a { color: var(--accent); text-underline-offset: .2em; }
a:hover { color: var(--accent-hover); }
h1,h2,h3,h4,h5,h6 { color: var(--ink); line-height: 1.3; font-weight: 700; letter-spacing: -.025em; }
h1 { font-size: clamp(1.8rem, 3vw, 2.8rem); }
img,video { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
:focus-visible { outline: 3px solid var(--accent) !important; outline-offset: 4px; }
.skip-link { position: fixed; top: -100px; left: 1rem; z-index: 10000; background: var(--surface); padding: .8rem 1.2rem; border-radius: 10px; }
.skip-link:focus { top: 1rem; }
.sr-only,.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.public-site { min-height: 100vh; display: flex; flex-direction: column; }
.container { max-width: 1320px; }
.page-content { flex: 1; padding-top: 2.5rem; padding-bottom: 4rem; }
.page-content > .container { padding-left: 0; padding-right: 0; }
.site-announcement { background: #133c35; color: #dcf6ea; font-size: .76rem; padding: .6rem 0; }
.site-announcement .container { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.site-announcement a { color: #dcf6ea; text-decoration: none; }
.status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #aee9a4; margin-right: 8px; }
.site-header { position: sticky; top: 0; z-index: 1020; background: var(--surface); border-bottom: 1px solid var(--line); }
.site-header .navbar { min-height: 88px; padding: .9rem 0; }
.brand { display: inline-flex; align-items: center; gap: .65rem; color: var(--ink); text-decoration: none; font-size: 1.3rem; font-weight: 800; line-height: 1.1; letter-spacing: -.04em; }
.brand:hover { color: var(--accent); }
.brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 14px 14px 14px 4px; background: #087f72; color: white; font-size: 1.8rem; font-weight: 800; }
.brand-mark span { color: #c7ee99; }
.brand-subtitle { display: block; font-size: .58rem; letter-spacing: .22em; margin-top: 5px; font-weight: 600; }
.site-header .nav-link { color: var(--muted); font-size: .83rem; font-weight: 600; padding: .7rem .65rem!important; border-radius: 8px; }
.site-header .nav-link:hover,.site-header .active-nav-link { color: var(--accent)!important; background: var(--accent-soft); }
.nav-actions { display: flex; align-items: center; gap: .55rem; }
.nav-actions .btn { font-size: .82rem; white-space: nowrap; }
.appearance-control { display: inline-flex; align-items: center; gap: .3rem; margin: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); padding: 0 .5rem; }
.appearance-icon { font-size: 1.2rem; }
.appearance-control select { border: 0; background: transparent; color: inherit; min-height: 42px; max-width: 90px; font: inherit; font-size: .78rem; cursor: pointer; }
.appearance-control option { background: var(--surface); color: var(--ink); }
.card,.modal-content,.dropdown-menu,.list-group-item,.accordion-item { background: var(--surface); color: var(--ink); border-color: var(--line); }
.card { border-radius: var(--radius); border: 1px solid var(--line)!important; box-shadow: var(--shadow); overflow-wrap: anywhere; }
.card-body { padding: 1.5rem; }
.card-header,.card-footer { background: transparent; border-color: var(--line); padding: 1.1rem 1.5rem; }
.card-header:first-child { border-radius: var(--radius) var(--radius) 0 0; }
.card-footer:last-child { border-radius: 0 0 var(--radius) var(--radius); }
.shadow,.shadow-sm { box-shadow: var(--shadow)!important; }
.btn { border-radius: 10px; padding: .65rem 1.1rem; font-weight: 600; line-height: 1.5; min-height: 44px; transition: background .15s, transform .15s, border-color .15s; }
.btn-sm { padding: .45rem .75rem; font-size: .8rem; }
.btn-primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn-primary:hover,.btn-primary:focus { background: var(--accent-hover); border-color: var(--accent-hover); color: #fff; }
[data-theme="dark"] .btn-primary { color: #102921; }
.btn-outline-primary { color: var(--accent); border-color: var(--accent); }
.btn-outline-primary:hover { background: var(--accent); border-color: var(--accent); color: var(--canvas); }
.btn-link { color: var(--ink); text-decoration: none; }
.btn-light,.btn-outline-secondary { color: var(--ink); background: var(--surface-soft); border-color: var(--line); }
.form-control,.form-select,.custom-select,.input-group-text { color: var(--ink); background-color: var(--surface); border: 1px solid var(--line); border-radius: 10px; min-height: 44px; }
.form-control:focus,.form-select:focus,.custom-select:focus { color: var(--ink); background-color: var(--surface); border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.form-control::placeholder { color: var(--muted); opacity: .85; }
.form-control:disabled,.form-control[readonly] { background-color: var(--surface-soft); color: var(--muted); }
label { font-weight: 500; }
input[type="checkbox"],input[type="radio"] { accent-color: var(--accent); }
.dropdown-menu { border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); padding: .5rem; }
.dropdown-item { color: var(--ink); padding: .65rem .8rem; border-radius: 7px; white-space: normal; }
.dropdown-item:hover,.dropdown-item:focus { color: var(--accent); background: var(--accent-soft); }
.table { color: var(--ink); --bs-table-bg: transparent; --bs-table-color: var(--ink); --bs-table-border-color: var(--line); --bs-table-striped-bg: var(--surface-soft); --bs-table-striped-color: var(--ink); --bs-table-hover-bg: var(--surface-soft); --bs-table-hover-color: var(--ink); }
.table td,.table th { border-color: var(--line); vertical-align: middle; padding: .95rem; }
.table thead th { background: var(--surface-soft); color: var(--muted); font-size: .76rem; letter-spacing: .03em; border-bottom: 1px solid var(--line); }
.table-responsive { border-radius: 10px; max-width: 100%; overflow-x: auto; }
.table-responsive > table { min-width: 520px; }
.text-muted,.text-secondary,.text-gray-500,.text-gray-600 { color: var(--muted)!important; }
.text-dark,.text-gray-700,.text-gray-800,.text-gray-900 { color: var(--ink)!important; }
.text-primary { color: var(--accent)!important; }
.bg-white,.bg-light { background-color: var(--surface)!important; }
.border,.border-top,.border-bottom { border-color: var(--line)!important; }
.breadcrumb { background: var(--surface-soft); border-radius: 10px; padding: .75rem 1rem; font-size: .85rem; }
.breadcrumb-item.active { color: var(--muted); }
.page-link { background: var(--surface); color: var(--accent); border-color: var(--line); min-width: 44px; min-height: 44px; display: grid; place-items: center; }
.page-item.active .page-link { background: var(--accent); border-color: var(--accent); color: var(--canvas); }
.page-item.disabled .page-link { background: var(--surface-soft); border-color: var(--line); color: var(--muted); }
.pagination { flex-wrap: wrap; gap: .25rem; }
.nav-tabs { border-color: var(--line); flex-wrap: wrap; }
.nav-tabs .nav-link.active,.nav-pills .nav-link.active { background: var(--accent-soft); color: var(--accent); border-color: var(--line); }
.progress { background: var(--surface-soft); border-radius: 99px; height: .65rem; }
.badge { border-radius: 7px; padding: .45em .65em; }
.list-group-item-action:hover { background: var(--surface-soft); color: var(--ink); }
.site-footer { background: var(--surface); border-top: 1px solid var(--line); padding: 3.5rem 0 1.5rem; font-size: .85rem; color: var(--muted); }
.footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1.2fr; gap: 2rem; }
.footer-grid h2 { font-size: .85rem; margin-bottom: 1rem; }
.footer-grid > div > a:not(.brand) { display: block; color: var(--muted); text-decoration: none; margin: .55rem 0; overflow-wrap: anywhere; }
.footer-grid a:hover { color: var(--accent)!important; }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); margin-top: 2.5rem; padding-top: 1.5rem; font-size: .75rem; }
/* Home */
.home-hero { display: grid; grid-template-columns: 1.25fr 1fr; gap: 3rem; align-items: center; padding: clamp(1.5rem,4vw,4rem); background: var(--accent-soft); border: 1px solid var(--line); border-radius: 26px; position: relative; overflow: hidden; }
.eyebrow { display: inline-flex; align-items: center; gap: .6rem; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-bottom: 1.5rem; }
.home-hero h1 { font-size: clamp(2.2rem,4.5vw,4.1rem); letter-spacing: -.055em; line-height: 1.2; margin-bottom: 1.3rem; }
.home-hero h1 span { color: var(--accent); }
.hero-description { max-width: 480px; color: var(--muted); font-size: 1rem; line-height: 1.9; }
.hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1.8rem 0; }
.hero-note { font-size: .75rem; color: var(--muted); }
.learning-path { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 1.8rem; box-shadow: 0 16px 40px #173d3610; transform: rotate(-2deg); }
.path-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--line); font-size: .8rem; }
.path-top span { color: var(--accent); background: var(--accent-soft); border-radius: 20px; padding: .25rem .6rem; font-size: .68rem; }
.path-step { display: flex; gap: 1rem; align-items: center; color: var(--ink); text-decoration: none; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.path-step:last-child { border: 0; padding-bottom: 0; }
.path-step > span:first-child { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; background: var(--accent-soft); color: var(--accent); border-radius: 12px; font-weight: 700; font-size: .8rem; }
.path-step strong { font-size: .88rem; display: block; }
.path-step small { display: block; color: var(--muted); font-size: .72rem; }
.path-step > span:last-child { margin-left: auto; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 3.5rem 0 1.5rem; }
.section-heading .eyebrow { margin-bottom: .55rem; }
.section-heading h2 { font-size: clamp(1.4rem,2.5vw,1.85rem); margin-bottom: .4rem; }
.section-heading p { color: var(--muted); margin: 0; font-size: .85rem; }
.feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.feature-card { display: flex; flex-direction: column; padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none; color: var(--ink); transition: transform .2s,border-color .2s; }
.feature-card:hover,.dept-card:hover { transform: translateY(-4px); border-color: var(--accent)!important; }
.feature-icon { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); margin-bottom: 1.4rem; font-size: 1.1rem; }
.feature-card:nth-child(2) .feature-icon { background: #fff0d3; color: #8a5c12; }
.feature-card:nth-child(3) .feature-icon { background: #eae9ff; color: #6255a4; }
.feature-card:nth-child(4) .feature-icon { background: #e4efff; color: #35659f; }
.feature-card h3 { font-size: 1.1rem; }
.feature-card p { color: var(--muted); font-size: .8rem; margin-bottom: 1.25rem; }
.feature-card .feature-link { margin-top: auto; color: var(--accent); font-size: .77rem; font-weight: 600; }
.dept-card { transition: transform .2s,border-color .2s; }
.department-number { font-size: .75rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; letter-spacing: .08em; }
.preparation-banner { margin-top: 3rem; border-radius: 22px; padding: 2rem; background: #143e36; color: #deede5; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.preparation-banner h2 { color: #fff; font-size: 1.5rem; }
.preparation-banner p { margin: 0; font-size: .9rem; }
/* Admin workspace, compatible with its existing Bootstrap components. */
.admin-site #wrapper { align-items: stretch; }
.admin-site #wrapper #content-wrapper { background: var(--canvas); min-width: 0; }
.admin-site #content { min-width: 0; }
.admin-site #main-content { padding: 0 2rem 2rem; max-width: 1760px; margin: auto; }
.admin-site .topbar { background: var(--surface)!important; border-bottom: 1px solid var(--line); box-shadow: none!important; padding: 1rem 2rem; height: auto; min-height: 85px; gap: 1rem; }
.workspace-label { color: var(--muted); font-size: .75rem; }
.workspace-label strong { display: block; font-size: 1rem; color: var(--ink); }
.workspace-actions { display: flex; align-items: center; gap: .75rem; margin-left: auto; }
.admin-site .sidebar { background: #15352f!important; width: 250px!important; flex: 0 0 250px; padding: 1rem .75rem; min-height: 100vh; }
.admin-site .sidebar .sidebar-brand { height: 72px; justify-content: flex-start!important; padding: 0 .7rem; }
.admin-site .sidebar .brand { color: white; }
.admin-site .sidebar .sidebar-heading { color: #a6c9be; font-size: .62rem; letter-spacing: .1em; padding: 1.2rem .8rem .5rem; }
.admin-site .sidebar .nav-link { width: auto; color: #d7e8e2; padding: .75rem .85rem; border-radius: 10px; font-size: .83rem; }
.admin-site .sidebar .nav-link i { color: #9dbdb2; margin-right: .5rem; }
.admin-site .sidebar .nav-link:hover,.admin-site .sidebar .nav-item.active > .nav-link { color: #eafff6; background: #285047; }
.admin-site .sidebar .nav-item.active > .nav-link { box-shadow: inset 3px 0 #aee9a4; }
.admin-site .sidebar .nav-link span { font-size: .8rem; }
.admin-site .sidebar .collapse-inner { background: #21463e!important; }
.admin-site .sidebar .collapse-item { color: #d7e8e2!important; white-space: normal!important; }
.admin-site .sidebar .collapse-item:hover,.admin-site .sidebar .collapse-item.active { background: #315e51!important; color: white!important; }
.admin-site .sidebar .collapse-header { color: #b0cbbf!important; }
.admin-site .sidebar hr { border-color: #416258; }
.navigation-filter { margin: .8rem .4rem; }
.navigation-filter input { width: 100%; border: 1px solid #426258; background: #21463e; color: white; padding: .6rem .7rem; border-radius: 9px; font-size: .78rem; min-height: 44px; }
.navigation-filter input::placeholder { color: #b2c9c1; }
.navigation-filter small { color: #d7e8e2; }
.admin-site .sidebar.toggled { width: 100px!important; flex-basis: 100px; }
.admin-site .sidebar.toggled .navigation-filter,.admin-site .sidebar.toggled .brand > span:last-child { display: none; }
.admin-site .sidebar.toggled .nav-link { padding: .8rem .2rem; }
.admin-site .sidebar.toggled .nav-link i { margin: 0; }
.admin-site .sidebar.toggled .nav-link span { font-size: .65rem; }
.admin-site .sidebar.toggled .collapse { z-index: 1040; }
.admin-site .sticky-footer { border-top: 1px solid var(--line); color: var(--muted); }
.admin-welcome { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; background: var(--accent-soft); border: 1px solid var(--line); border-radius: 20px; padding: 1.8rem; margin-bottom: 1.5rem; }
.admin-welcome h2 { font-size: 1.6rem; }
.admin-welcome p { color: var(--muted); margin: 0; }
.admin-site .border-left-primary { border-left: 4px solid var(--accent)!important; }
.admin-site .text-gray-300,.admin-site .text-gray-400 { color: var(--muted)!important; }
.admin-site .table-hover tbody tr:hover { color: var(--ink); background: var(--surface-soft); }
.admin-site .table-striped tbody tr:nth-of-type(odd) { background: var(--surface-soft); }
.admin-site .close { color: var(--ink); }
/* Legacy content surfaces must remain legible in both appearances. */
[data-theme="dark"] .text-success { color: #78ddb2!important; }
[data-theme="dark"] .text-danger { color: #ff9b99!important; }
[data-theme="dark"] .text-info { color: #82d8ec!important; }
[data-theme="dark"] .text-warning { color: #f3d081!important; }
[data-theme="dark"] .alert-info,[data-theme="dark"] .alert-primary { background: #1b3c48; border-color: #355e70; color: #b9e4f4; }
[data-theme="dark"] .alert-success { background: #1b4035; border-color: #326452; color: #b6ebd0; }
[data-theme="dark"] .alert-danger { background: #442a30; border-color: #70454d; color: #ffc7c7; }
[data-theme="dark"] .alert-warning { background: #413b27; border-color: #685c37; color: #f3dfa1; }
[data-theme="dark"] .table-light,[data-theme="dark"] .table .thead-light th { background: var(--surface-soft); color: var(--ink); --bs-table-bg: var(--surface-soft); --bs-table-color: var(--ink); }
[data-theme="dark"] .accordion-button { background: var(--surface-soft); color: var(--ink); }
[data-theme="dark"] .modal-header,[data-theme="dark"] .modal-footer { border-color: var(--line); }
[data-theme="dark"] .bg-gradient-light { background: var(--surface-soft)!important; }
[data-theme="dark"] .swal2-popup { background: var(--surface); color: var(--ink); }
.focused-appearance { display: flex; justify-content: flex-end; padding: 1rem; }
.maintenance-page { background: var(--canvas)!important; color: var(--ink)!important; }
.maintenance-page .focused-appearance { position: absolute; top: 0; right: 0; }
@media (max-width: 1199.98px) {
    .site-header .navbar-collapse { padding: 1rem 0; }
    .nav-actions { margin-top: .75rem; flex-wrap: wrap; }
    .mobile-appearance { margin-left: auto; margin-right: .75rem; }
    .site-header .navbar-toggler { min-width: 44px; min-height: 44px; border-color: var(--line); }
    .site-header .navbar { min-height: 76px; }
}
@media (max-width: 991.98px) {
    .home-hero { gap: 1.5rem; }
    .learning-path { padding: 1.2rem; transform: none; }
    .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-site .topbar { padding: 1rem; }
    .admin-site #main-content { padding: 0 1rem 1rem; }
}
@media (max-width: 767.98px) {
    .page-content { padding-top: 1.3rem; padding-bottom: 2rem; }
    .home-hero { grid-template-columns: 1fr; padding: 1.5rem; }
    .learning-path { margin-top: .5rem; }
    .home-hero h1 { font-size: 2.7rem; }
    .section-heading { margin-top: 2.3rem; align-items: start; }
    .card-body { padding: 1.1rem; }
    .footer-bottom,.preparation-banner,.admin-welcome { flex-direction: column; align-items: start; }
    .admin-site .sidebar { width: 100px!important; flex-basis: 100px; padding: .5rem .25rem; }
    .admin-site .sidebar .brand > span:last-child,.admin-site .sidebar .navigation-filter { display: none; }
    .admin-site .sidebar .nav-link { padding: .8rem .25rem; }
    .admin-site .sidebar .nav-link span { font-size: .65rem; }
    .admin-site .sidebar .nav-link i { margin: 0; }
    .admin-site .sidebar.toggled { width: 0!important; flex-basis: 0; padding: 0; overflow: hidden; }
    .workspace-label { display: none; }
    .workspace-actions { gap: .5rem; }
    .workspace-actions .btn { padding: .5rem; font-size: .75rem; }
    .admin-site .sidebar .collapse { z-index: 1040; }
    .sticky-sidebar { position: static!important; }
}
@media (max-width: 480px) {
    .site-announcement .container > span { display: none; }
    .site-announcement .container { justify-content: center; }
    .feature-card { padding: 1rem; }
    .feature-card h3 { font-size: 1rem; }
    .feature-card p { font-size: .75rem; }
    .brand { font-size: 1.15rem; }
    .brand-mark { width: 38px; height: 38px; }
    .footer-grid { gap: 1.5rem; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .home-hero h1 { font-size: 2.2rem; }
}
@media (min-width: 1920px) {
    html { font-size: 19px; }
    .container { max-width: 1640px; }
    .admin-site #main-content { max-width: 2040px; }
    .admin-site .sidebar { width: 290px!important; flex-basis: 290px; }
}
@media (min-width: 3000px) { html { font-size: 25px; } .container { max-width: 2300px; } }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,*::before,*::after { animation-duration: .01ms!important; transition-duration: .01ms!important; animation-iteration-count: 1!important; }
}
@media print {
    .site-header,.site-announcement,.site-footer,.sidebar,.topbar,.appearance-control,.focused-appearance,.skip-link { display: none!important; }
    body,#content-wrapper { background: white!important; color: black!important; }
    .card { box-shadow: none!important; break-inside: avoid; }
    .container { max-width: 100%; }
}
.auth-page { max-width: 820px; margin: 1rem auto 2rem; }
.auth-page > .row > .col-md-8 { width: 100%; flex: 0 0 100%; max-width: 100%; }
.auth-heading { padding: 2rem 2rem .5rem; }
.auth-heading .eyebrow { margin-bottom: .5rem; }
.auth-heading h1 { font-size: 2rem; }
.auth-heading p { color: var(--muted); font-size: .9rem; }
.auth-page .card-body { padding: 1.5rem 2rem 2rem; }
@media (max-width: 767px) { .auth-heading,.auth-page .card-body { padding: 1.25rem; } }
[data-theme="dark"] .btn-outline-success { color: #78ddb2; border-color: #78ddb2; }
[data-theme="dark"] .btn-outline-info { color: #82d8ec; border-color: #82d8ec; }
[data-theme="dark"] .btn-outline-danger { color: #ff9b99; border-color: #ff9b99; }
[data-theme="dark"] .btn-outline-warning { color: #f3d081; border-color: #f3d081; }
.public-site .hero-section { background: #143e36; border-radius: 22px; }
.public-site .hero-section h1,.public-site .hero-section h2 { color: white; }
[data-theme="dark"] .bg-primary.text-white { background-color: #116859!important; }
.text-white :is(h1,h2,h3,h4,h5,h6) { color: inherit; }
.page-content .sticky-top { top: 110px!important; z-index: 1010; }
[data-theme="dark"] .alert-light { background: var(--surface-soft); border-color: var(--line); color: var(--ink); }
[data-theme="dark"] .list-group-item-success { background: #1b4035; color: #b6ebd0; }
[data-theme="dark"] .list-group-item-danger { background: #442a30; color: #ffc7c7; }

.admin-site .sidebar.toggled .nav-item .nav-link { width: 100%; }