/* ============================================================
   CLEAN LIGHT THEME (v9.0.0.5)
   Loaded after colorful-theme.css. Every rule is scoped to
   html.theme-clean, so the old look (Classic) comes back the
   moment that class is removed — the header switch does that.
   Nothing here changes markup, behaviour or data; colours only.
   Palette: ground #F4F6F9 · surface #FFF · line #E3E7EE
            ink #1B2230 · muted #5B6474 · accent #1E4FC7
   ============================================================ */

html.theme-clean {
  --tc-ground: #F4F6F9;
  --tc-surface: #FFFFFF;
  --tc-line: #E3E7EE;
  --tc-line-soft: #EEF1F5;
  --tc-ink: #1B2230;
  --tc-ink-2: #3B4352;
  --tc-muted: #5B6474;
  --tc-accent: #1E4FC7;
  --tc-accent-d: #163C99;
  --tc-accent-soft: #EAF0FD;
  --tc-hover: #F1F4FA;
  --tc-green: #12733F;
  --tc-green-soft: #E6F4EC;
  --tc-red: #B42318;
  --tc-red-soft: #FDECEA;
  --tc-amber: #8A4B00;
  --tc-amber-soft: #FFF3DC;
  --tc-violet: #5B34B8;
  --tc-violet-soft: #F0EBFB;
  --tc-teal: #0B6E68;
  --tc-teal-soft: #E3F3F1;
}

html.theme-clean body,
html.theme-clean .layout-wrapper,
html.theme-clean .layout-page,
html.theme-clean .content-wrapper {
  background-color: var(--tc-ground) !important;
  color: var(--tc-ink);
}

/* ============================================================
   1. SIDEBAR — white, quiet, one blue accent
   ============================================================ */
html.theme-clean #layout-menu.menu,
html.theme-clean #layout-menu.bg-menu-theme {
  background: var(--tc-surface) !important;
  border-right: 1px solid var(--tc-line) !important;
  box-shadow: none !important;
}
html.theme-clean #layout-menu .ct-brand-logo { box-shadow: 0 0 0 1px var(--tc-line); }
html.theme-clean #layout-menu .ct-brand-text { color: var(--tc-ink); }
html.theme-clean #layout-menu .ct-brand-sub { color: var(--tc-muted); }
html.theme-clean #layout-menu .app-brand .layout-menu-toggle i { color: var(--tc-muted); }
html.theme-clean #layout-menu .menu-divider { border-color: var(--tc-line) !important; }
html.theme-clean #layout-menu .menu-inner-shadow {
  background: linear-gradient(#fff 41%, rgba(255, 255, 255, .6) 95%, transparent) !important;
}
html.theme-clean #layout-menu .menu-header .menu-header-text {
  color: #6B7383;
  letter-spacing: .1em;
}

html.theme-clean #layout-menu .menu-inner .menu-link {
  color: var(--tc-ink-2);
  border-radius: 8px;
}
html.theme-clean #layout-menu .menu-inner .menu-link:hover { color: var(--tc-accent); }
html.theme-clean #layout-menu .menu-inner > .menu-item > .menu-link:hover {
  background: var(--tc-hover);
  color: var(--tc-accent);
  box-shadow: none;
  transform: none;
}
html.theme-clean #layout-menu .menu-inner > .menu-item > .menu-link .menu-icon {
  color: var(--tc-muted);
  background: transparent;
  width: 26px;
  margin-right: 10px;
}
html.theme-clean #layout-menu .menu-inner > .menu-item > .menu-link:hover .menu-icon {
  color: var(--tc-accent);
  background: transparent;
}

/* selected / open parent */
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.active > .menu-link,
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.open > .menu-link,
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item > .menu-link.active {
  background-color: var(--tc-accent-soft) !important;
  color: var(--tc-accent) !important;
  margin-left: .75rem !important;
  margin-right: .75rem !important;
  border-radius: 8px !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.active > .menu-link div,
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.open > .menu-link div,
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item > .menu-link.active div {
  color: var(--tc-accent) !important;
}
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.active > .menu-link .menu-icon,
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.open > .menu-link .menu-icon,
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item > .menu-link.active .menu-icon {
  background: transparent !important;
  color: var(--tc-accent) !important;
}
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.active > .menu-link.menu-toggle::after,
html.theme-clean #layout-menu.bg-menu-theme .menu-inner > .menu-item.open > .menu-link.menu-toggle::after {
  color: var(--tc-accent) !important;
}
html.theme-clean #layout-menu .menu-toggle::after { color: #8A93A2; }
html.theme-clean #layout-menu .menu-item.active > .menu-toggle::after,
html.theme-clean #layout-menu .menu-link:hover::after { color: var(--tc-accent); }

/* sub-menu: plain white list, single-colour icons */
html.theme-clean #layout-menu .menu-sub,
html.theme-clean #layout-menu .menu-item.open > .menu-sub {
  background-color: var(--tc-surface) !important;
}
html.theme-clean #layout-menu .menu-sub > .menu-item {
  --g: var(--tc-muted);
  --g-soft: transparent;
}
html.theme-clean #layout-menu .menu-sub .menu-link {
  color: var(--tc-ink-2);
  background-image: none;
}
html.theme-clean #layout-menu .menu-sub .menu-link:hover {
  background-color: var(--tc-hover);
  color: var(--tc-accent);
}
html.theme-clean #layout-menu .menu-sub .menu-link .menu-sub-icon {
  color: #7A8393;
  background: transparent;
  box-shadow: none;
}
html.theme-clean #layout-menu .menu-sub .menu-link:hover .menu-sub-icon {
  color: var(--tc-accent);
  background: transparent;
  box-shadow: none;
  transform: translateY(-50%);
}
html.theme-clean #layout-menu .menu-sub .menu-item.active > .menu-link {
  color: var(--tc-accent);
  font-weight: 600;
  background-color: transparent;
  box-shadow: none;
}
html.theme-clean #layout-menu .menu-sub .menu-item.active > .menu-link .menu-sub-icon {
  color: var(--tc-accent);
  background: transparent;
  box-shadow: none;
}
html.theme-clean #layout-menu .ps__thumb-y { background: rgba(27, 34, 48, .22) !important; }
html.theme-clean #layout-menu .ps__rail-y:hover .ps__thumb-y { background: rgba(27, 34, 48, .38) !important; }

/* ============================================================
   2. TOP BAR — white bar, thin line under it
   ============================================================ */
html.theme-clean #layout-navbar.layout-navbar {
  background: rgba(255, 255, 255, .96) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none !important;
  border-bottom: 1px solid var(--tc-line);
}
html.theme-clean #layout-navbar.layout-navbar::before { display: none; }
html.theme-clean #layout-navbar .search-toggler { color: var(--tc-muted); }
html.theme-clean #layout-navbar .search-toggler:hover,
html.theme-clean #layout-navbar .bx-menu { color: var(--tc-accent); }

html.theme-clean #layout-navbar .ct-live-online {
  color: var(--tc-green);
  background: var(--tc-green-soft);
  border-color: #CBE7D6;
  box-shadow: none;
}
html.theme-clean #layout-navbar .ct-live-online:hover { color: var(--tc-green); background: #D7EEDF; }
html.theme-clean #layout-navbar .ct-live-offline {
  color: var(--tc-red);
  background: var(--tc-red-soft);
  border-color: #F6CFCA;
  box-shadow: none;
}
html.theme-clean #layout-navbar .ct-live-offline:hover { color: var(--tc-red); background: #FADCD8; }

html.theme-clean #layout-navbar .ct-add-client {
  color: #fff;
  background: var(--tc-accent);
  border-color: var(--tc-accent);
  box-shadow: none;
}
html.theme-clean #layout-navbar .ct-add-client:hover { color: #fff; background: var(--tc-accent-d); }
html.theme-clean #layout-navbar .ct-give-fund { background: var(--tc-green); border-color: var(--tc-green); }
html.theme-clean #layout-navbar .ct-give-fund:hover { background: #0D5A31; }
html.theme-clean #layout-navbar .ct-balance-pill {
  color: var(--tc-amber);
  background: var(--tc-amber-soft);
  border-color: #F3DDB0;
  box-shadow: none;
}
html.theme-clean #layout-navbar .ct-balance-pill:hover { color: var(--tc-amber); background: #FCE9C2; }

html.theme-clean #layout-navbar #filterForm .form-select {
  color: var(--tc-ink);
  background-color: var(--tc-surface);
  border: 1px solid var(--tc-line);
}
html.theme-clean #layout-navbar #filterForm .form-select:hover { background-color: var(--tc-hover); }
html.theme-clean #layout-navbar #filterForm .form-select:focus {
  border-color: var(--tc-accent);
  box-shadow: 0 0 0 .15rem rgba(30, 79, 199, .15);
}
html.theme-clean #layout-navbar .ct-bell { color: var(--tc-muted); background: var(--tc-hover); }
html.theme-clean #layout-navbar .ct-bell:hover { color: var(--tc-accent); background: var(--tc-accent-soft); }

html.theme-clean #layout-navbar .dropdown-user .avatar { background: var(--tc-line); }
html.theme-clean #layout-navbar .dropdown-user .avatar > img { border-color: #fff; background: #fff; }
html.theme-clean #layout-navbar .dropdown-user .nav-link { color: var(--tc-ink); }
html.theme-clean #layout-navbar .dropdown-user .nav-link:hover { background: var(--tc-hover); }
html.theme-clean #layout-navbar .dropdown-user .avatar-online::after { box-shadow: 0 0 0 2px #fff; }

html.theme-clean #layout-navbar .ct-logout-btn {
  color: var(--tc-ink-2);
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
}
html.theme-clean #layout-navbar .ct-logout-btn:hover {
  color: #fff;
  background: var(--tc-red);
  border-color: var(--tc-red);
}

/* ============================================================
   3. BUTTONS · FORMS · CARDS · TABLES · BADGES
   Flat colours, no gradients or glow.
   ============================================================ */
html.theme-clean .btn { border-radius: 8px; box-shadow: none; }
html.theme-clean .btn-primary { background: var(--tc-accent); color: #fff; box-shadow: none; }
html.theme-clean .btn-primary:hover,
html.theme-clean .btn-primary:focus,
html.theme-clean .btn-primary:active { background: var(--tc-accent-d); color: #fff; box-shadow: none; }
html.theme-clean .btn-success { background: var(--tc-green); color: #fff; box-shadow: none; }
html.theme-clean .btn-success:hover { background: #0D5A31; color: #fff; }
html.theme-clean .btn-danger { background: var(--tc-red); color: #fff; box-shadow: none; }
html.theme-clean .btn-danger:hover { background: #8F1C13; color: #fff; }
html.theme-clean .btn-warning { background: #C26A00; color: #fff !important; box-shadow: none; }
html.theme-clean .btn-warning:hover { background: #A35900; }
html.theme-clean .btn-info { background: #0E6BA8; color: #fff; box-shadow: none; }
html.theme-clean .btn-info:hover { background: #0B5686; color: #fff; }
html.theme-clean .btn-dark { background: var(--tc-ink); color: #fff; }

html.theme-clean .btn-outline-primary { color: var(--tc-accent); border-color: var(--tc-accent); }
html.theme-clean .btn-outline-primary:hover { background: var(--tc-accent); border-color: var(--tc-accent); color: #fff; }

html.theme-clean .form-control,
html.theme-clean .form-select {
  border-color: #D5DBE5;
  border-radius: 8px;
}
html.theme-clean .form-control:focus,
html.theme-clean .form-select:focus {
  border-color: var(--tc-accent);
  box-shadow: 0 0 0 .18rem rgba(30, 79, 199, .14);
}
html.theme-clean .form-label,
html.theme-clean label.form-label { color: var(--tc-ink-2); font-weight: 600; }
html.theme-clean .form-check-input:checked {
  background-color: var(--tc-accent);
  border-color: var(--tc-accent);
}

html.theme-clean .card {
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
html.theme-clean .card-header { border-bottom-color: var(--tc-line-soft); }

html.theme-clean .table > thead th,
html.theme-clean table.dataTable thead th {
  background: #F7F9FC;
  color: var(--tc-muted);
  font-weight: 600;
  border-bottom: 1px solid var(--tc-line) !important;
}
html.theme-clean .table > tbody td { border-color: var(--tc-line-soft); }
html.theme-clean .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--tc-hover); }

html.theme-clean .page-item.active .page-link,
html.theme-clean .dataTables_paginate .paginate_button.current {
  background: var(--tc-accent) !important;
  border-color: var(--tc-accent) !important;
  color: #fff !important;
}

html.theme-clean .nav-pills .nav-link.active,
html.theme-clean .nav-tabs .nav-link.active { color: var(--tc-accent); }
html.theme-clean .nav-pills .nav-link.active { background: var(--tc-accent); color: #fff; }

html.theme-clean .content-header .breadcrumb-wrapper { color: var(--tc-ink); }
html.theme-clean .content-header .breadcrumb-wrapper::before { background: var(--tc-accent); }

html.theme-clean .badge.bg-label-danger { background: var(--tc-red-soft) !important; color: var(--tc-red) !important; }
html.theme-clean .badge.bg-label-success { background: var(--tc-green-soft) !important; color: var(--tc-green) !important; }
html.theme-clean .badge.bg-label-primary { background: var(--tc-accent-soft) !important; color: var(--tc-accent) !important; }
html.theme-clean .badge.bg-label-warning { background: var(--tc-amber-soft) !important; color: var(--tc-amber) !important; }

html.theme-clean .dropdown-menu {
  border: 1px solid var(--tc-line);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .08);
}
html.theme-clean .dropdown-item:hover,
html.theme-clean .dropdown-item:focus { background: var(--tc-hover); color: var(--tc-accent); }

html.theme-clean .content-footer .footer-link { color: var(--tc-accent); }
html.theme-clean .content-footer .ct-heart { color: var(--tc-red); }

/* ============================================================
   4. HOME DASHBOARD (home.blade.php) — calm header, white tiles
   ============================================================ */
html.theme-clean .dash-hero {
  background: var(--tc-surface);
  color: var(--tc-ink);
  border-bottom: 1px solid var(--tc-line);
  padding-bottom: 1.6rem;
}
html.theme-clean .dash-hero::before,
html.theme-clean .dash-hero::after,
html.theme-clean .dash-hero-wave { display: none; }
html.theme-clean .dash-hero-sub { color: var(--tc-muted); opacity: 1; }
html.theme-clean .dash-hero-actions .btn { box-shadow: none; }

html.theme-clean .dash-tab.active { background: var(--tc-accent); box-shadow: none; }
html.theme-clean .dash-section-title i { color: var(--tc-accent); }

html.theme-clean .dash-metric {
  background: var(--tc-surface) !important;
  border: 1px solid var(--tc-line);
  box-shadow: none !important;
  color: var(--tc-ink);
  --tile: var(--tc-accent);
  --tile-soft: var(--tc-accent-soft);
}
html.theme-clean .dash-metric:hover { transform: translateY(-2px); filter: none; border-color: #C9D2E0; }
html.theme-clean .dash-metric::after { display: none; }
html.theme-clean .dash-metric-link,
html.theme-clean .dash-metric-link:hover { color: var(--tc-ink); }
html.theme-clean .dash-metric-teal { --tile: var(--tc-teal); --tile-soft: var(--tc-teal-soft); }
html.theme-clean .dash-metric-purple { --tile: var(--tc-violet); --tile-soft: var(--tc-violet-soft); }
html.theme-clean .dash-metric-grey { --tile: var(--tc-muted); --tile-soft: #EEF0F3; }
html.theme-clean .dash-metric-red { --tile: var(--tc-red); --tile-soft: var(--tc-red-soft); }
html.theme-clean .dash-metric-orange { --tile: var(--tc-amber); --tile-soft: var(--tc-amber-soft); }
html.theme-clean .dash-metric-icon {
  background: var(--tile-soft);
  color: var(--tile);
  box-shadow: none;
}
html.theme-clean .dash-metric-label { color: var(--tc-muted); }
html.theme-clean .dash-metric-value { color: var(--tc-ink); text-shadow: none; }
html.theme-clean .dash-metric-desc { color: var(--tc-muted); }

/* ============================================================
   5. LOGIN PAGE (auth/login.blade.php)
   ============================================================ */
html.theme-clean.tc-login body {
  background: var(--tc-ground) !important;
}
html.theme-clean .isp-fibers { display: none; }
html.theme-clean .lg-shell {
  border: 1px solid var(--tc-line);
  box-shadow: 0 12px 40px rgba(16, 24, 40, .08);
  border-radius: 16px;
}
html.theme-clean .lg-hero {
  background: var(--tc-accent);
  color: #fff;
}
html.theme-clean .lg-hero p.lead { color: #DCE6FB; }
html.theme-clean .lg-hero h1 .hl { color: #fff; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; }
html.theme-clean .lg-brand-tag { color: #DCE6FB; }
html.theme-clean .lg-net .link { stroke: rgba(255, 255, 255, .35); }
html.theme-clean .lg-net .node,
html.theme-clean .lg-net .node-core { fill: #1A44AE; stroke: rgba(255, 255, 255, .7); }
html.theme-clean .lg-net text { fill: #DCE6FB; }
html.theme-clean .lg-stat { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .25); }
html.theme-clean .lg-stat span { color: #DCE6FB; }
html.theme-clean .lg-stat.s1 b,
html.theme-clean .lg-stat.s2 b,
html.theme-clean .lg-stat.s3 b { color: #fff; }

html.theme-clean .lg-form-wrap { background: var(--tc-surface); }
html.theme-clean .lg-signal i { background: var(--tc-accent); }
html.theme-clean .lg-eyebrow { color: var(--tc-accent); }
html.theme-clean .lg-form-wrap h2 { color: var(--tc-ink); }
html.theme-clean .lg-form-wrap .sub,
html.theme-clean .lg-secure,
html.theme-clean .lg-foot { color: var(--tc-muted); }
html.theme-clean .lg-secure i { color: var(--tc-accent); }
html.theme-clean .lg-form label.form-label { color: var(--tc-ink-2); }
html.theme-clean .lg-form .form-control,
html.theme-clean .lg-form .input-group-text {
  background: var(--tc-surface);
  border: 1px solid #D5DBE5;
  border-radius: 8px;
}
html.theme-clean .lg-form .form-control:focus {
  border-color: var(--tc-accent);
  box-shadow: 0 0 0 .18rem rgba(30, 79, 199, .14);
}
html.theme-clean .lg-form .input-group:focus-within .input-group-text { border-color: var(--tc-accent); }
html.theme-clean .lg-btn {
  background: var(--tc-accent);
  color: #fff;
  border-radius: 8px;
  box-shadow: none;
}
html.theme-clean .lg-btn::after { display: none; }
html.theme-clean .lg-btn:hover { background: var(--tc-accent-d); filter: none; box-shadow: none; }
html.theme-clean .lg-btn:focus-visible { outline-color: var(--tc-accent); }
html.theme-clean .lg-form-logo { background: var(--tc-accent); box-shadow: none; }

/* ============================================================
   6. SMALL SCREENS
   ============================================================ */
@media (max-width: 1199.98px) {
  html.theme-clean #layout-menu.menu,
  html.theme-clean #layout-menu.bg-menu-theme {
    box-shadow: 0 12px 32px rgba(16, 24, 40, .18) !important;
  }
}