/*! Zender Tosca Skin v1 — Modern light tosca/white UI override
 *  Loaded LAST so it wins specificity over AdminLTE/Bootstrap.
 *  Anti-dark, soft shadows, tosca primary, generous spacing. */

/* ---------- Design tokens ---------- */
:root {
  --tosca-50:  #effcfb;
  --tosca-100: #cdf6f3;
  --tosca-200: #9eece9;
  --tosca-300: #62dcd8;
  --tosca-400: #2dc4c2;
  --tosca-500: #14a8a8;   /* primary */
  --tosca-600: #0c8688;
  --tosca-700: #0d6a6c;
  --tosca-800: #105557;
  --tosca-900: #114649;

  --ink-900:#0f172a;
  --ink-800:#1e293b;
  --ink-700:#334155;
  --ink-600:#475569;
  --ink-500:#64748b;
  --ink-400:#94a3b8;
  --ink-300:#cbd5e1;
  --ink-200:#e2e8f0;
  --ink-100:#f1f5f9;
  --ink-50: #f8fafc;
  --bg:     #f5f9fb;
  --card:   #ffffff;
  --border: #e6eef1;

  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-sm: 0 1px 2px rgba(15,23,42,.04);
  --shadow:    0 4px 12px -2px rgba(15,23,42,.06), 0 2px 4px -1px rgba(15,23,42,.04);
  --shadow-md: 0 10px 25px -5px rgba(20,168,168,.10), 0 4px 6px -2px rgba(15,23,42,.05);
  --shadow-lg: 0 20px 40px -8px rgba(20,168,168,.18);

  --font: 'Inter', 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ---------- Force light mode everywhere ---------- */
html, body { background: var(--bg) !important; color: var(--ink-800) !important; }
body.dark-mode, body.dark, .dark-mode, [data-theme="dark"] {
  background: var(--bg) !important; color: var(--ink-800) !important;
}
@media (prefers-color-scheme: dark) {
  html, body { background: var(--bg) !important; color: var(--ink-800) !important; color-scheme: light !important; }
}

/* ---------- Typography ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
body, .content-wrapper, .main-footer, .main-header, .main-sidebar, .app-sidebar, button, input, select, textarea {
  font-family: var(--font) !important;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
body { font-size: 14.5px; line-height: 1.55; letter-spacing: -.005em; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'Plus Jakarta Sans', var(--font) !important;
  color: var(--ink-900) !important; letter-spacing:-.015em; font-weight: 700;
}
a { color: var(--tosca-600); text-decoration: none; transition: color .15s; }
a:hover { color: var(--tosca-700); text-decoration: none; }

/* ---------- Layout wrappers ---------- */
.wrapper, .content-wrapper, .page, .app-content { background: var(--bg) !important; }
.content-wrapper { padding: 0 !important; min-height: calc(100vh - 64px); }
.content-wrapper > .content { padding: 22px 26px !important; }
.content-header { padding: 22px 26px 0 !important; }
.content-header h1 { font-size: 1.45rem !important; font-weight: 700; color: var(--ink-900) !important; }
.content-header .breadcrumb { background: transparent; padding: 0; margin: 6px 0 0; font-size: 12.5px; }
.content-header .breadcrumb a { color: var(--ink-500); }
.content-header .breadcrumb-item.active { color: var(--tosca-600); font-weight: 600; }

/* ---------- Top navbar ---------- */
.main-header.navbar, nav.main-header, .app-header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 1px 0 rgba(15,23,42,.02) !important;
  height: 64px; min-height: 64px;
  padding: 0 22px !important;
}
.main-header .nav-link { color: var(--ink-600) !important; font-weight: 500; padding: .5rem .75rem !important; border-radius: 10px; }
.main-header .nav-link:hover { background: var(--tosca-50) !important; color: var(--tosca-700) !important; }
.main-header .nav-link i { color: var(--ink-500); }
.main-header [data-widget="pushmenu"] i { color: var(--tosca-600) !important; font-size: 1.05rem; }
.user-image, .user-image.img-circle { border: 2px solid var(--tosca-200) !important; box-shadow: 0 0 0 3px rgba(20,168,168,.08); }

/* ---------- Sidebar (AdminLTE main-sidebar AND custom app-sidebar) ---------- */
.main-sidebar, .app-sidebar, aside.main-sidebar, aside.app-sidebar {
  background: #ffffff !important;
  border-right: 1px solid var(--border) !important;
  box-shadow: 0 0 24px rgba(15,23,42,.04) !important;
  width: 260px;
}
.main-sidebar .brand-link, .app-sidebar__logo, .header-brand {
  background: #ffffff !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 16px 20px !important;
  display: flex; align-items: center; gap: 10px;
  color: var(--ink-900) !important;
  font-weight: 700; font-size: 1.1rem; letter-spacing: -.02em;
}
.brand-link img, .header-brand img, .header-brand-img { max-height: 36px !important; opacity: 1; }
.brand-text, .brand-link .brand-text { color: var(--ink-900) !important; font-weight: 800 !important; }

/* AdminLTE nav items */
.main-sidebar .nav-sidebar > .nav-item { margin: 2px 10px; }
.main-sidebar .nav-sidebar .nav-link {
  color: var(--ink-700) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-weight: 500 !important;
  transition: all .18s ease;
}
.main-sidebar .nav-sidebar .nav-link:hover {
  background: var(--tosca-50) !important;
  color: var(--tosca-700) !important;
}
.main-sidebar .nav-sidebar .nav-link.active,
.main-sidebar .nav-sidebar .nav-link[aria-expanded="true"] {
  background: linear-gradient(135deg, var(--tosca-500), var(--tosca-600)) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -4px rgba(20,168,168,.45) !important;
}
.main-sidebar .nav-sidebar .nav-link.active .nav-icon,
.main-sidebar .nav-sidebar .nav-link.active i { color: #fff !important; }
.main-sidebar .nav-icon { color: var(--tosca-600) !important; width: 22px; text-align:center; }

/* Custom app-sidebar (the one zender uses) */
.app-sidebar .side-menu { padding: 8px 10px; list-style:none; margin:0;}
.app-sidebar .side-menu > li { list-style:none; }
.app-sidebar .side-menu__item, .app-sidebar .slide-item {
  display: flex; align-items: center; gap: 10px;
  color: var(--ink-700) !important;
  padding: 10px 12px !important;
  margin: 2px 0;
  border-radius: 10px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all .18s ease;
}
.app-sidebar .side-menu__item:hover, .app-sidebar .slide-item:hover {
  background: var(--tosca-50) !important;
  color: var(--tosca-700) !important;
}
.app-sidebar .side-menu__item.active, .app-sidebar .slide.is-expanded > .side-menu__item, .app-sidebar .side-menu__item[aria-current="page"] {
  background: linear-gradient(135deg, var(--tosca-500), var(--tosca-600)) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -4px rgba(20,168,168,.4);
}
.app-sidebar .side-menu__item.active .side-menu__icon, .app-sidebar .slide.is-expanded .side-menu__icon { color: #fff !important; }
.app-sidebar .side-menu__icon { color: var(--tosca-600) !important; width:22px; text-align:center; font-size:.95rem !important; }
.app-sidebar .side-menu__label { font-size: .92rem !important; }
.app-sidebar .slide-menu { background: transparent !important; padding: 4px 0 4px 30px !important; list-style:none; }
.app-sidebar .slide-menu .slide-item { padding: 7px 10px !important; font-size: .85rem !important; color: var(--ink-600) !important; }
.app-sidebar .slide-menu .slide-item:hover { background: var(--tosca-50) !important; color: var(--tosca-700) !important; }
.app-sidebar .side-menu__angle, .app-sidebar .angle { color: var(--ink-400) !important; }

/* Sidebar mini width */
body.sidebar-mini .main-sidebar:not(.sidebar-collapse) { width: 260px; }
.content-wrapper, .main-footer, .main-header {
  margin-left: 260px;
}
@media (max-width: 991.98px) {
  .content-wrapper, .main-footer, .main-header { margin-left: 0; }
}

/* ---------- Cards ---------- */
.card, .box, .panel {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  margin-bottom: 1.25rem;
}
.card-header, .box-header, .panel-heading {
  background: transparent !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 16px 20px !important;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
}
.card-title, .box-title, .panel-title {
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: var(--ink-900) !important;
  margin: 0 !important;
}
.card-body, .box-body, .panel-body { padding: 18px 20px !important; }
.card-footer, .box-footer { background: transparent !important; border-top: 1px solid var(--border) !important; padding: 14px 20px !important; }

/* ---------- Buttons ---------- */
.btn { font-weight: 600 !important; border-radius: 10px !important; padding: .55rem 1.05rem !important; transition: all .15s; border: 1px solid transparent; letter-spacing:-.01em; }
.btn-sm { padding: .35rem .8rem !important; font-size: .82rem !important; border-radius: 8px !important; }
.btn-lg { padding: .75rem 1.4rem !important; font-size: 1rem !important; border-radius: 12px !important; }

.btn-primary, .btn-info {
  background: linear-gradient(135deg, var(--tosca-500), var(--tosca-600)) !important;
  border-color: transparent !important; color: #fff !important;
  box-shadow: 0 4px 10px -2px rgba(20,168,168,.35) !important;
}
.btn-primary:hover, .btn-info:hover {
  background: linear-gradient(135deg, var(--tosca-600), var(--tosca-700)) !important;
  transform: translateY(-1px); box-shadow: 0 7px 16px -3px rgba(20,168,168,.45) !important;
}
.btn-secondary { background:#fff !important; border-color: var(--border) !important; color: var(--ink-700) !important; }
.btn-secondary:hover { background: var(--ink-50) !important; }
.btn-success { background: linear-gradient(135deg,#10b981,#059669) !important; border-color: transparent !important; color:#fff !important; box-shadow:0 4px 10px -2px rgba(16,185,129,.3) !important;}
.btn-danger  { background: linear-gradient(135deg,#f43f5e,#e11d48) !important; border-color: transparent !important; color:#fff !important; box-shadow:0 4px 10px -2px rgba(244,63,94,.3) !important;}
.btn-warning { background: linear-gradient(135deg,#f59e0b,#d97706) !important; border-color: transparent !important; color:#fff !important; box-shadow:0 4px 10px -2px rgba(245,158,11,.3) !important;}
.btn-dark    { background: var(--ink-800) !important; border-color: transparent !important; color:#fff !important; }
.btn-light   { background: #fff !important; border-color: var(--border) !important; color: var(--ink-700) !important; }
.btn-outline-primary, .btn-outline-info { background:#fff !important; border:1px solid var(--tosca-500) !important; color: var(--tosca-600) !important; box-shadow:none !important;}
.btn-outline-primary:hover, .btn-outline-info:hover { background: var(--tosca-500) !important; color:#fff !important; }
.btn-flat { border-radius: 10px !important; }

/* ---------- Forms ---------- */
.form-control, .form-select, select.form-control, textarea.form-control, input.form-control {
  border: 1px solid var(--ink-200) !important;
  background: #fff !important;
  color: var(--ink-800) !important;
  border-radius: 10px !important;
  padding: .58rem .85rem !important;
  font-size: .9rem !important;
  height: auto !important; min-height: 40px;
  transition: border-color .15s, box-shadow .15s;
  box-shadow: none !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--tosca-500) !important;
  box-shadow: 0 0 0 4px rgba(20,168,168,.12) !important;
  outline: none !important;
}
.form-control::placeholder { color: var(--ink-400) !important; }
label, .control-label, .form-label { color: var(--ink-700) !important; font-weight: 600 !important; font-size: .82rem !important; margin-bottom: 6px; letter-spacing:.01em; }
.form-text, small.text-muted { color: var(--ink-500) !important; font-size: .78rem !important; }
.input-group-text { background: var(--ink-50) !important; border: 1px solid var(--ink-200) !important; color: var(--ink-600) !important; border-radius: 10px !important; }
.input-group > .form-control:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group > .form-control:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked { background-color: var(--tosca-500) !important; border-color: var(--tosca-500) !important; }
.custom-switch .custom-control-label::before { background:#e6eef1; }

/* Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid var(--ink-200) !important;
  border-radius: 10px !important;
  min-height: 40px !important;
  background:#fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--ink-800) !important; line-height: 38px !important; padding-left: 12px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important; right: 8px !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single { border-color: var(--tosca-500) !important; box-shadow: 0 0 0 4px rgba(20,168,168,.12) !important; }
.select2-dropdown { border:1px solid var(--ink-200) !important; border-radius: 10px !important; box-shadow: var(--shadow-md) !important; overflow:hidden;}
.select2-results__option--highlighted[aria-selected] { background: var(--tosca-500) !important; }

/* ---------- Tables ---------- */
.table { color: var(--ink-800) !important; }
.table thead th, .table > thead > tr > th {
  background: var(--ink-50) !important;
  color: var(--ink-600) !important;
  text-transform: uppercase; letter-spacing: .05em; font-size: .72rem !important;
  font-weight: 700 !important;
  border-bottom: 1px solid var(--border) !important;
  border-top: 0 !important;
  padding: 12px 14px !important;
}
.table tbody td, .table > tbody > tr > td {
  padding: 13px 14px !important;
  border-top: 1px solid var(--border) !important;
  vertical-align: middle !important;
  font-size: .88rem;
  color: var(--ink-700) !important;
}
.table-hover tbody tr:hover { background: var(--tosca-50) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(245,249,251,.5) !important; }
.table-bordered, .table-bordered td, .table-bordered th { border-color: var(--border) !important; }

/* DataTables */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid var(--ink-200) !important; border-radius: 8px !important;
  padding: 6px 10px !important; background:#fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 8px !important; border: 1px solid transparent !important;
  margin: 0 2px !important; padding: 5px 12px !important;
  color: var(--ink-700) !important; background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--tosca-50) !important; color: var(--tosca-700) !important; border-color: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: linear-gradient(135deg, var(--tosca-500), var(--tosca-600)) !important;
  color: #fff !important; border-color: transparent !important;
}
.dataTables_info { color: var(--ink-500) !important; font-size: .82rem; }

/* ---------- Badges ---------- */
.badge { font-weight: 600 !important; border-radius: 999px !important; padding: .35em .75em !important; font-size: .72rem !important; letter-spacing:.02em; }
.badge-primary, .badge-info { background: var(--tosca-100) !important; color: var(--tosca-700) !important; }
.badge-success { background:#d1fae5 !important; color:#065f46 !important; }
.badge-warning { background:#fef3c7 !important; color:#92400e !important; }
.badge-danger  { background:#fee2e2 !important; color:#991b1b !important; }
.badge-secondary { background: var(--ink-100) !important; color: var(--ink-600) !important; }

/* ---------- Alerts ---------- */
.alert { border-radius: 12px !important; border:0 !important; padding: 14px 18px !important; box-shadow: var(--shadow-sm); display:flex; gap:12px; align-items:flex-start; }
.alert-info, .alert-primary { background: var(--tosca-50) !important; color: var(--tosca-800) !important; border-left: 4px solid var(--tosca-500) !important; }
.alert-success { background:#ecfdf5 !important; color:#065f46 !important; border-left: 4px solid #10b981 !important; }
.alert-warning { background:#fffbeb !important; color:#92400e !important; border-left: 4px solid #f59e0b !important; }
.alert-danger  { background:#fef2f2 !important; color:#991b1b !important; border-left: 4px solid #ef4444 !important; }

/* ---------- Modals ---------- */
.modal-content { border-radius: 16px !important; border: 0 !important; box-shadow: var(--shadow-lg) !important; }
.modal-header { border-bottom: 1px solid var(--border) !important; padding: 18px 22px !important; }
.modal-title { font-weight: 700 !important; color: var(--ink-900) !important; }
.modal-body { padding: 20px 22px !important; }
.modal-footer { border-top: 1px solid var(--border) !important; padding: 14px 22px !important; }
.modal-backdrop.show { opacity: .55 !important; background:#0f172a !important; }

/* ---------- Toastr ---------- */
.toast { border-radius: 12px !important; box-shadow: var(--shadow-lg) !important; }
.toast-success { background-color: #10b981 !important; }
.toast-error   { background-color: #ef4444 !important; }
.toast-info    { background-color: var(--tosca-500) !important; }
.toast-warning { background-color: #f59e0b !important; }

/* ---------- Misc ---------- */
hr { border-color: var(--border) !important; }
.breadcrumb { background: transparent !important; padding: 0 !important; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--ink-300) !important; }
.text-muted { color: var(--ink-500) !important; }
.bg-white { background:#fff !important; }
.bg-light { background: var(--ink-50) !important; }
.text-primary, .text-info { color: var(--tosca-600) !important; }
.text-success { color: #059669 !important; }
.text-danger { color: #e11d48 !important; }
.text-warning { color: #d97706 !important; }
.bg-primary, .bg-info { background: var(--tosca-500) !important; color:#fff !important; }
.bg-success { background:#10b981 !important; color:#fff !important; }
.bg-danger  { background:#ef4444 !important; color:#fff !important; }
.bg-warning { background:#f59e0b !important; color:#fff !important; }

/* Footer */
.main-footer, footer.main-footer {
  background:#fff !important; border-top:1px solid var(--border) !important;
  color: var(--ink-500) !important; padding: 16px 26px !important; font-size: .82rem;
}

/* Scrollbar */
* { scrollbar-width: thin; scrollbar-color: var(--ink-300) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--ink-300); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: var(--tosca-400); }

/* Dashboard widgets (info-box / small-box from AdminLTE) */
.small-box, .info-box {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow) !important;
  border: 1px solid var(--border) !important;
  background:#fff !important;
  overflow:hidden; position:relative;
}
.small-box .inner h3, .info-box-number {
  font-weight: 800 !important; font-size: 1.6rem !important; color: var(--ink-900) !important;
  font-family: 'Plus Jakarta Sans', var(--font) !important;
}
.small-box .inner p, .info-box-text { color: var(--ink-500) !important; font-weight: 500 !important; }
.small-box .icon { color: rgba(20,168,168,.18) !important; right: 12px; top: 12px; }
.small-box .small-box-footer { background: rgba(20,168,168,.06) !important; color: var(--tosca-700) !important; border-top: 1px solid var(--border); }
.small-box.bg-info, .small-box.bg-primary { background: linear-gradient(135deg, var(--tosca-500), var(--tosca-600)) !important; color:#fff !important; }
.small-box.bg-info h3, .small-box.bg-info p,
.small-box.bg-primary h3, .small-box.bg-primary p { color:#fff !important; }
.small-box.bg-info .icon, .small-box.bg-primary .icon { color: rgba(255,255,255,.25) !important; }
.small-box.bg-success { background: linear-gradient(135deg,#10b981,#059669) !important; color:#fff !important; }
.small-box.bg-success h3, .small-box.bg-success p { color:#fff !important; }
.small-box.bg-warning { background: linear-gradient(135deg,#f59e0b,#d97706) !important; color:#fff !important; }
.small-box.bg-warning h3, .small-box.bg-warning p { color:#fff !important; }
.small-box.bg-danger { background: linear-gradient(135deg,#f43f5e,#e11d48) !important; color:#fff !important; }
.small-box.bg-danger h3, .small-box.bg-danger p { color:#fff !important; }

/* Pagination (Laravel/BS) */
.pagination .page-link { color: var(--ink-700); border-color: var(--border); border-radius: 8px !important; margin: 0 2px; padding: 6px 12px; }
.pagination .page-item.active .page-link { background: linear-gradient(135deg,var(--tosca-500),var(--tosca-600)); border-color: transparent; color:#fff; box-shadow: 0 4px 10px -2px rgba(20,168,168,.35); }
.pagination .page-link:hover { background: var(--tosca-50); color: var(--tosca-700); border-color: transparent; }

/* Dropdowns */
.dropdown-menu { border:1px solid var(--border) !important; border-radius: 12px !important; box-shadow: var(--shadow-md) !important; padding: 6px !important; }
.dropdown-item { border-radius: 8px !important; padding: 8px 12px !important; font-weight: 500; color: var(--ink-700) !important; }
.dropdown-item:hover, .dropdown-item:focus { background: var(--tosca-50) !important; color: var(--tosca-700) !important; }
.dropdown-divider { border-color: var(--border) !important; }

/* User dropdown header (AdminLTE) */
.dropdown-menu.user-menu .user-header,
.user-header {
  background: linear-gradient(135deg, var(--tosca-500), var(--tosca-600)) !important;
  color: #fff !important;
  padding: 18px !important;
  border-radius: 10px 10px 0 0;
}
.user-header img.img-circle { border:3px solid rgba(255,255,255,.4) !important; }
.user-footer { background: var(--ink-50) !important; padding: 12px !important; display:flex; gap:8px; border-radius: 0 0 10px 10px;}
.user-footer .btn { flex:1; }

/* Tabs */
.nav-tabs { border-bottom: 1px solid var(--border) !important; }
.nav-tabs .nav-link { border:0 !important; border-bottom: 2px solid transparent !important; color: var(--ink-600) !important; font-weight:600; padding: 10px 16px !important; border-radius:0 !important; }
.nav-tabs .nav-link.active { color: var(--tosca-600) !important; background: transparent !important; border-bottom-color: var(--tosca-500) !important; }
.nav-tabs .nav-link:hover { color: var(--tosca-700) !important; }
.nav-pills .nav-link { border-radius: 10px !important; color: var(--ink-600) !important; font-weight:600; }
.nav-pills .nav-link.active { background: linear-gradient(135deg,var(--tosca-500),var(--tosca-600)) !important; color:#fff !important; }

/* Login/auth bg fallback */
.login-page, .register-page, body.login-page, body.register-page {
  background: linear-gradient(135deg, var(--tosca-50) 0%, #ffffff 60%) !important;
}

/* Anti dark-mode utility classes */
.bg-dark, .navbar-dark, .sidebar-dark-primary { background:#fff !important; color: var(--ink-800) !important; }
.navbar-dark .navbar-nav .nav-link, .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link { color: var(--ink-700) !important; }

/* Smooth content fade for SPA */
.content-wrapper, main.content { animation: fadein .25s ease; }
@keyframes fadein { from { opacity:.4; transform: translateY(4px);} to {opacity:1; transform:none;} }

/* Hide stale brand text artifacts */
.app-sidebar__user, .sidebar-user-panel { display:none !important; }