/**
 * admin-modern.css — Modern Design Overlay v1.0
 * ================================================
 * Bootstrap 5 + admin.css माथि load हुन्छ।
 * पुरानो styles override गर्छ — admin.css नछुईकन।
 *
 * ─── Non-developer को लागि सरल guide ───────────────
 *  रंग बदल्न: design-tokens.css मा --primary-color बदल्नुहोस्
 *  Layout: admin/assets/admin.css मा --sidebar-width बदल्नुहोस्
 * ────────────────────────────────────────────────────
 */

/* ═══════════════════════════════════════════════════
   1. ROOT OVERRIDES — Modern spacing & radius
   ═══════════════════════════════════════════════════ */
:root {
    --adm-radius:     12px;
    --adm-radius-sm:  8px;
    --adm-radius-lg:  16px;
    --adm-shadow-xs:  0 1px 3px rgba(0,0,0,.06);
    --adm-shadow-sm:  0 2px 8px rgba(0,0,0,.08);
    --adm-shadow-md:  0 4px 16px rgba(0,0,0,.10);
    --adm-border:     #e5e7eb;
    --adm-bg:         #f5f7f5;
    --adm-surface:    #ffffff;
    --adm-text:       #1a2e1f;
    --adm-muted:      #6b7280;
    --adm-success-bg: #f0fdf4;
    --adm-danger-bg:  #fef2f2;
    --adm-warn-bg:    #fffbeb;
    --adm-info-bg:    #fef2f2;
}

html {
    /* Admin pages मा global fonts धेरै ठूलो देखिँदै थियो।
       rem आधारित अधिकांश layout/typography यहीबाट scale हुन्छ। */
    font-size: 14px !important;
}

/* ═══════════════════════════════════════════════════
   2. PAGE BACKGROUND
   ═══════════════════════════════════════════════════ */
body {
    background: var(--adm-bg) !important;
}

/* ═══════════════════════════════════════════════════
   3. SIDEBAR — Flat modern dark green
   ═══════════════════════════════════════════════════ */
.sidebar {
    background: #18272e !important;   /* flat dark, no gradient */
    border-right: none !important;
    box-shadow: 2px 0 12px rgba(0,0,0,.15) !important;
}

.sidebar-header {
    background: #111f25 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    padding: 16px 20px !important;
}

.sidebar-nav a {
    color: rgba(255,255,255,.75) !important;
    border-radius: var(--adm-radius-sm) !important;
    padding: 8px 12px !important;
    font-size: .88rem !important;
    transition: all .18s ease !important;
}
.sidebar-nav a:hover {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
}
.sidebar-nav li.active > a,
.sidebar-nav a.active {
    background: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.nav-group-header {
    color: rgba(255,255,255,.5) !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    padding: 14px 14px 5px !important;
    border-radius: 0 !important;
}
.nav-group-header:hover {
    background: rgba(255,255,255,.06) !important;
    color: rgba(255,255,255,.75) !important;
    border-radius: var(--adm-radius-sm) !important;
}

/* Sidebar scrollbar subtle */
.sidebar::-webkit-scrollbar { width: 4px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 4px; }

/* ═══════════════════════════════════════════════════
   4. ADMIN HEADER (top bar)
   ═══════════════════════════════════════════════════ */
.admin-header {
    background: #fff !important;
    border-bottom: 1px solid var(--adm-border) !important;
    box-shadow: none !important;
    height: 58px !important;
}

.page-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--adm-text) !important;
    letter-spacing: -.01em !important;
}

/* ═══════════════════════════════════════════════════
   5. CARDS — Clean white with subtle border
   ═══════════════════════════════════════════════════ */
.card,
.admin-table-card,
.ds-section {
    background: var(--adm-surface) !important;
    border: 1px solid var(--adm-border) !important;
    border-radius: var(--adm-radius) !important;
    box-shadow: var(--adm-shadow-xs) !important;
    transition: box-shadow .2s ease !important;
}
.card:hover {
    box-shadow: var(--adm-shadow-sm) !important;
}

.card-header {
    background: #fafbfa !important;
    border-bottom: 1px solid var(--adm-border) !important;
    border-radius: var(--adm-radius) var(--adm-radius) 0 0 !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    font-size: .92rem !important;
    color: var(--adm-text) !important;
}

.card-body {
    padding: 20px !important;
}

/* ═══════════════════════════════════════════════════
   6. PAGE HEADER — Clean, not heavy
   ═══════════════════════════════════════════════════ */
.page-header,
.admin-page-header {
    background: #fff !important;
    border: 1px solid var(--adm-border) !important;
    border-radius: var(--adm-radius) !important;
    padding: 16px 22px !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* ═══════════════════════════════════════════════════
   7. TABLES — Clean modern style
   ═══════════════════════════════════════════════════ */
.table {
    font-size: .9rem !important;
    border-color: var(--adm-border) !important;
    margin-bottom: 0 !important;
}

.table thead th {
    background: #f9fafb !important;
    color: #374151 !important;
    font-weight: 700 !important;
    font-size: .78rem !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    border-bottom: 2px solid var(--adm-border) !important;
    padding: 10px 14px !important;
    white-space: nowrap !important;
}

.table tbody td {
    padding: 11px 14px !important;
    vertical-align: middle !important;
    border-color: #f3f4f6 !important;
    color: #374151 !important;
}

.table-hover tbody tr:hover td {
    background: #f0fdf4 !important;
}

.table tbody tr:last-child td {
    border-bottom: none !important;
}

/* ═══════════════════════════════════════════════════
   8. BUTTONS — Modern flat style
   ═══════════════════════════════════════════════════ */
.btn {
    border-radius: var(--adm-radius-sm) !important;
    font-weight: 600 !important;
    font-size: .84rem !important;
    padding: 7px 16px !important;
    transition: all .18s ease !important;
    border-width: 1.5px !important;
}

.btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-primary:hover {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    box-shadow: 0 3px 8px rgba(26,95,42,.25) !important;
    transform: translateY(-1px) !important;
}

.btn-sm {
    padding: 4px 10px !important;
    font-size: .8rem !important;
    border-radius: 6px !important;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-outline-primary:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Action button group */
.btn-group-action {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
}
.btn-group-action .btn {
    padding: 4px 10px !important;
    font-size: .78rem !important;
}

/* ═══════════════════════════════════════════════════
   9. FORM CONTROLS — Clean modern inputs
   ═══════════════════════════════════════════════════ */
.form-control,
.form-select {
    border-radius: 10px !important;
    border: 1.5px solid #d1d5db !important;
    font-size: .9rem !important;
    padding: 10px 14px !important;
    transition: border-color .18s, box-shadow .18s !important;
    background-color: #fff !important;
    min-height: 44px !important;
    line-height: 1.4 !important;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(26,95,42,.12) !important;
    outline: none !important;
}

.form-label {
    font-weight: 600 !important;
    font-size: .87rem !important;
    color: #374151 !important;
    margin-bottom: 5px !important;
}

.form-text {
    font-size: .8rem !important;
    color: var(--adm-muted) !important;
    margin-top: 4px !important;
}

/* ═══════════════════════════════════════════════════
   10. ALERTS — Soft modern style
   ═══════════════════════════════════════════════════ */
.alert {
    border-radius: var(--adm-radius-sm) !important;
    border-left-width: 4px !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    padding: 12px 16px !important;
    font-size: .9rem !important;
    font-weight: 500 !important;
}
.alert-success {
    background: var(--adm-success-bg) !important;
    border-color: #86efac !important;
    border-left-color: #16a34a !important;
    color: #14532d !important;
}
.alert-danger {
    background: var(--adm-danger-bg) !important;
    border-color: #fca5a5 !important;
    border-left-color: #dc2626 !important;
    color: #7f1d1d !important;
}
.alert-warning {
    background: var(--adm-warn-bg) !important;
    border-color: #fde68a !important;
    border-left-color: #d97706 !important;
    color: #78350f !important;
}
.alert-info {
    background: var(--adm-info-bg) !important;
    border-color: #bfdbfe !important;
    border-left-color: var(--secondary-color,#c0392b) !important;
    color: var(--secondary-dark,#922b21) !important;
}

/* ═══════════════════════════════════════════════════
   11. BADGES — Soft modern
   ═══════════════════════════════════════════════════ */
.badge {
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: .72rem !important;
    padding: 3px 8px !important;
    letter-spacing: .02em !important;
}

/* Soft badge variants */
.badge-soft-success { background:#dcfce7; color:#15803d; }
.badge-soft-danger  { background:#fee2e2; color:#dc2626; }
.badge-soft-warning { background:#fef9c3; color:#a16207; }
.badge-soft-info    { background:#fef2f2; color:var(--secondary-dark,#922b21); }
.badge-soft-primary { background:#d1fae5; color:#065f46; }
.badge-soft-muted   { background:#f3f4f6; color:#4b5563; }

/* ═══════════════════════════════════════════════════
   12. TABS — Modern underline style
   ═══════════════════════════════════════════════════ */
.nav-tabs {
    border-bottom: 2px solid var(--adm-border) !important;
    gap: 4px !important;
}
.nav-tabs .nav-link {
    border: none !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    font-size: .9rem !important;
    color: var(--adm-muted) !important;
    transition: color .15s !important;
    margin-bottom: -2px !important;
}
.nav-tabs .nav-link:hover {
    color: var(--primary-color) !important;
    border-bottom-color: rgba(26,95,42,.3) !important;
    background: transparent !important;
}
.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
    background: transparent !important;
    font-weight: 700 !important;
}

/* ═══════════════════════════════════════════════════
   13. PAGINATION — Clean
   ═══════════════════════════════════════════════════ */
.pagination .page-link {
    border-radius: 6px !important;
    margin: 0 2px !important;
    border-color: var(--adm-border) !important;
    color: var(--adm-text) !important;
    font-size: .88rem !important;
    padding: 6px 12px !important;
}
.pagination .page-item.active .page-link {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* ═══════════════════════════════════════════════════
   14. HELP TIP BOX — Non-developer guidance
   ═══════════════════════════════════════════════════ */
.admin-help-tip {
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-left: 4px solid var(--primary-color);
    border-radius: var(--adm-radius-sm);
    padding: 12px 16px;
    margin-bottom: 18px;
    font-size: .88rem;
    color: #14532d;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.admin-help-tip .help-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .7rem;
    margin-top: 1px;
}
.admin-help-tip ul { margin: 6px 0 0 0; padding-left: 18px; }
.admin-help-tip ul li { margin-bottom: 3px; }

/* ═══════════════════════════════════════════════════
   15. STAT CARDS (Dashboard)
   ═══════════════════════════════════════════════════ */
.ds-card {
    border-radius: var(--adm-radius) !important;
    border: 1px solid var(--adm-border) !important;
    box-shadow: var(--adm-shadow-xs) !important;
    transition: all .2s ease !important;
}
.ds-card:hover {
    border-color: var(--primary-color) !important;
    box-shadow: var(--adm-shadow-sm) !important;
    transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════
   16. MODAL — Cleaner dialogs
   ═══════════════════════════════════════════════════ */
.modal-content {
    border-radius: var(--adm-radius) !important;
    border: none !important;
    box-shadow: var(--adm-shadow-md) !important;
}
.modal-header {
    background: #fafbfa !important;
    border-bottom: 1px solid var(--adm-border) !important;
    border-radius: var(--adm-radius) var(--adm-radius) 0 0 !important;
    padding: 16px 20px !important;
}
.modal-footer {
    border-top: 1px solid var(--adm-border) !important;
    padding: 14px 20px !important;
}

/* ═══════════════════════════════════════════════════
   17. EMPTY STATE
   ═══════════════════════════════════════════════════ */
.empty-state {
    text-align: center;
    padding: 50px 20px;
    color: var(--adm-muted);
}
.empty-state i {
    font-size: 2.5rem;
    opacity: .3;
    margin-bottom: 12px;
    display: block;
}
.empty-state p {
    font-size: .95rem;
    margin-bottom: 16px;
}

/* ═══════════════════════════════════════════════════
   18. CONTENT AREA SPACING
   ═══════════════════════════════════════════════════ */
.page-content {
    padding: 20px 22px !important;
}
@media (max-width: 768px) {
    .page-content { padding: 14px 14px !important; }
    .card-body { padding: 16px !important; }
}

/* ═══════════════════════════════════════════════════
   19. SCROLLBAR — subtle global style
   ═══════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* ═══════════════════════════════════════════════════
   20. MISC — Small polish
   ═══════════════════════════════════════════════════ */
/* Remove focus outline on non-keyboard elements */
*:focus:not(:focus-visible) { outline: none; }
*:focus-visible { outline: 2px solid var(--primary-color); outline-offset: 2px; }

/* Input group */
.input-group-text {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    border-radius: var(--adm-radius-sm) !important;
    color: #6b7280 !important;
}

/* Divider */
hr { border-color: var(--adm-border) !important; opacity: 1 !important; }

/* Table responsive wrapper — no extra border */
.table-responsive { border: none !important; }

/* Select2 / custom dropdowns */
.select2-container--bootstrap-5 .select2-selection {
    border-radius: var(--adm-radius-sm) !important;
}

/* Flash message auto-dismiss animation */
@keyframes fadeSlideIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.alert { animation: fadeSlideIn .25s ease; }

/* ── Desktop: topbar-brand hidden (sidebar already shows logo) ─────────
   On mobile (<992px) the sidebar slides off-screen, so the topbar-brand
   remains the only visible logo — keep it visible there.           ── */
@media (min-width: 992px) {
    .admin-topbar-brand { display: none !important; }
}

/* ═══════════════════════════════════════════════════
   21. CLEAN FORM MODE (v1.1)
   Reduce clutter and improve readability across admin forms.
   ═══════════════════════════════════════════════════ */

.main-content {
    background: #f6f8f7 !important;
}

.content-area,
.admin-content,
.container-fluid {
    max-width: 100% !important;
}

.card,
.admin-table-card,
.admin-form-page .card,
.tab-content > .tab-pane > .card {
    border-radius: 10px !important;
    border: 1px solid #dfe5e1 !important;
    box-shadow: none !important;
}

.card-header,
.gradient-card-header,
.tab-content .card > .card-header {
    background: #f8faf9 !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #e3e8e5 !important;
}

.card-header[style*="linear-gradient"],
.card-header[style*="var(--primary-color)"] {
    background: #f8faf9 !important;
    color: #1f2937 !important;
}

/* admin.css: .main-content .card > .card-header * { color:#fff } — हल्का हेडरमा टेक्स्ट/आइकन लुक्छ */
.main-content .card > .card-header * {
    color: inherit !important;
}

.table-col-header,
.table thead,
.table thead th {
    background: #f4f7f5 !important;
    color: #1f2937 !important;
    border-color: #dfe5e1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.84rem !important;
}

.nav-tabs,
.admin-nav-tabs {
    border-bottom: none !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    flex-wrap: wrap !important;
}

.nav-tabs .nav-link,
.admin-nav-tabs .nav-link {
    border: 1px solid #d7dfda !important;
    border-radius: 8px !important;
    margin-bottom: 0 !important;
    padding: 9px 14px !important;
    background: #ffffff !important;
    color: #374151 !important;
    font-weight: 600 !important;
}

.nav-tabs .nav-link:hover,
.admin-nav-tabs .nav-link:hover {
    background: #f3f7f4 !important;
    border-color: #bfcac2 !important;
    color: #14532d !important;
}

.nav-tabs .nav-link.active,
.admin-nav-tabs .nav-link.active {
    background: #eaf6ef !important;
    border-color: #7ab88f !important;
    color: #14532d !important;
    box-shadow: none !important;
}

.form-label {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: #253238 !important;
}

.form-control,
.form-select,
textarea.form-control {
    min-height: 46px !important;
    font-size: 0.96rem !important;
    padding: 11px 13px !important;
    border: 1px solid #cfd8d3 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

textarea.form-control {
    min-height: 120px !important;
    line-height: 1.45 !important;
}

.form-control:focus,
.form-select:focus,
textarea.form-control:focus {
    border-color: #2f8f55 !important;
    box-shadow: 0 0 0 2px rgba(47, 143, 85, 0.12) !important;
}

.row.g-2 > [class*="col-"],
.row.g-3 > [class*="col-"],
.row.g-4 > [class*="col-"] {
    margin-bottom: 2px !important;
}

.card-body {
    padding: 18px !important;
}

.btn {
    border-radius: 8px !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn-primary,
.btn-success {
    background: #1f7a46 !important;
    border-color: #1f7a46 !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: #176238 !important;
    border-color: #176238 !important;
}

.btn-outline-danger {
    border-color: #f1b3b3 !important;
    color: #b42323 !important;
}

.d-flex.gap-3,
.d-flex.gap-2 {
    flex-wrap: wrap !important;
}

/* Shared helper classes from admin-ui.php */
.admin-page-subtitle-text {
    font-style: normal !important;
    font-size: 0.86rem !important;
    color: #5b6770 !important;
}

.admin-page-header small,
.admin-page-header .text-muted,
.admin-page-header .admin-page-subtitle-text,
.admin-page-header p {
    color: #5b6770 !important;
    opacity: 1 !important;
}

.admin-page-header i:not(.btn i):not(.badge i) {
    color: #1f7a46 !important;
}

.admin-page-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    margin-right: 10px;
    background: linear-gradient(135deg, #eef8f1, #dff1e5);
    color: #166534;
    border: 1px solid #b9d9c4;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.admin-icon-btn {
    min-width: 34px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.admin-action-group .btn {
    min-height: 32px !important;
}

/* Uniform form wrappers used by many pages */
.admin-form-page .card,
.admin-section-card,
.admin-table-card {
    overflow: hidden !important;
}

.admin-form-page .card .card-header h4,
.admin-form-page .card .card-header h5,
.admin-form-page .card .card-header h6,
.admin-section-card .card-header h6,
.admin-table-card .card-header h5 {
    font-size: 0.93rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}

/* Consistent table paddings and row height in all admin list pages */
.admin-table-card .table td,
.admin-table-card .table th,
.card .table td,
.card .table th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* ─────────────────────────────────────────────────────────────
   22. Sidebar minimal/simple mode
   ───────────────────────────────────────────────────────────── */
.sidebar {
    background: #143126 !important;
    box-shadow: none !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
}

.sidebar-header {
    background: #11291f !important;
    box-shadow: none !important;
}

.sidebar .nav-icon-wrap {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    transform: none !important;
}

.sidebar-nav a {
    border-radius: 6px !important;
    font-weight: 500 !important;
    padding: 7px 10px !important;
}

.sidebar-nav li.active > a,
.sidebar-nav a.active {
    background: rgba(255,255,255,0.16) !important;
    border-left: 3px solid #9fdbb7 !important;
    padding-left: 9px !important;
}

.nav-group-header {
    background: transparent !important;
    border-radius: 6px !important;
    font-size: .78rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Sidebar global simplification: clean tones + separators */
.sidebar {
    background: #123327 !important;
}

.sidebar-header {
    background: #102b21 !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
}

.sidebar-nav > ul > li > a,
.sidebar-nav .nav-submenu > li > a,
.sidebar-nav .nav-group-header {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.sidebar-nav > ul > li:last-child > a {
    border-bottom: 0 !important;
}

.sidebar-nav .nav-submenu > li:last-child > a {
    border-bottom: 0 !important;
}

.sidebar-nav a {
    color: rgba(255,255,255,.86) !important;
}

.sidebar-nav a:hover,
.sidebar-nav .nav-group-header:hover {
    background: rgba(255,255,255,.07) !important;
    color: #ffffff !important;
}

.sidebar-nav li.active > a,
.sidebar-nav a.active {
    background: rgba(255,255,255,.15) !important;
    border-left: 3px solid #b8e9ca !important;
    color: #ffffff !important;
}

.sidebar .nav-icon-wrap i,
.sidebar .nav-group-icon i,
.sidebar .nav-submenu i,
.sidebar-nav a i {
    color: rgba(255,255,255,.86) !important;
}

.sidebar .group-badge,
.sidebar .badge {
    background: rgba(255,255,255,.2) !important;
    color: #fff !important;
}

.sidebar-link-flex {
    display: flex;
    align-items: center;
}

.sidebar-link-label {
    flex: 1;
}

.sa-mini-badge {
    background: #dc3545;
    color: #fff;
    font-size: 0.58rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 7px;
    margin-left: 4px;
}

.nav-icon-accent.nav-icon-gold { color: #f59e0b !important; }
.nav-icon-accent.nav-icon-primary-soft { color: #86efac !important; }
.nav-icon-accent.nav-icon-cyan { color: #22d3ee !important; }
.nav-icon-accent.nav-icon-purple { color: #c4b5fd !important; }
.nav-icon-accent.nav-icon-primary { color: #86efac !important; }
.nav-icon-accent.nav-icon-amber { color: #fbbf24 !important; }
.nav-icon-accent.nav-icon-violet { color: #c4b5fd !important; }
.nav-icon-accent.nav-icon-pink { color: #f9a8d4 !important; }
.nav-icon-accent.nav-icon-red { color: #f87171 !important; }
.nav-icon-accent.nav-icon-green { color: #4ade80 !important; }

.sidebar-user-avatar-media {
    overflow: hidden;
}

.sidebar-user-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-user-fallback-icon {
    font-size: 0.7rem;
}

.sidebar-user-meta {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.sidebar-user-name {
    font-weight: 600;
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,0.9);
}

.sidebar-user-role {
    font-size: 0.65rem;
    color: rgba(255,255,255,0.5);
}

.sidebar-strip-logout {
    color: rgba(255,255,255,0.45) !important;
    font-size: 0.8rem;
    transition: color 0.15s;
}

.sidebar-strip-logout:hover {
    color: #f87171 !important;
}

.notif-wrapper {
    position: relative;
}

.notif-dropdown {
    display: none;
}

.admin-name-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.admin-avatar-sm {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #d1e7d9;
}

.superadmin-pill {
    background: #dc3545;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 7px;
    border-radius: 10px;
    vertical-align: middle;
    margin-left: 5px;
}

.notif-item-icon.notif-tone-red { background: rgba(220,53,69,.15); color: #dc3545; }
.notif-item-icon.notif-tone-orange { background: rgba(253,126,20,.15); color: #fd7e14; }
.notif-item-icon.notif-tone-amber { background: rgba(245,158,11,.18); color: #d97706; }
.notif-item-icon.notif-tone-purple { background: rgba(111,66,193,.15); color: #6f42c1; }
.notif-item-icon.notif-tone-cyan { background: rgba(13,202,240,.16); color: #0891b2; }
.notif-item-icon.notif-tone-green { background: rgba(25,135,84,.15); color: #198754; }
.notif-item-icon.notif-tone-teal { background: rgba(32,201,151,.15); color: #0f766e; }
.notif-item-icon.notif-tone-slate { background: rgba(108,117,125,.15); color: #475569; }
.notif-item-icon.notif-tone-blue { background: rgba(13,110,253,.15); color: #0d6efd; }

.notif-item-count.notif-tone-bg-red { background: #dc3545; }
.notif-item-count.notif-tone-bg-orange { background: #fd7e14; }
.notif-item-count.notif-tone-bg-amber { background: #d97706; }
.notif-item-count.notif-tone-bg-purple { background: #6f42c1; }
.notif-item-count.notif-tone-bg-cyan { background: #0891b2; }
.notif-item-count.notif-tone-bg-green { background: #198754; }
.notif-item-count.notif-tone-bg-teal { background: #0f766e; }
.notif-item-count.notif-tone-bg-slate { background: #475569; }
.notif-item-count.notif-tone-bg-blue { background: #0d6efd; }

/* Staff page inline-style cleanup classes */
.stf-page-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.stf-title {
    margin: 0;
    color: var(--primary-color);
}

.stf-subtitle {
    color: var(--text-muted);
    margin: 6px 0 0;
}

.stf-card-table-wrap {
    padding: 0;
    overflow: hidden;
}

.stf-table {
    font-family: var(--font-primary);
}

.stf-soft-head {
    background: var(--bg-soft);
}

.stf-align-right {
    text-align: right;
}

.stf-status-dot {
    font-weight: 600;
}

.stf-status-active {
    color: var(--color-success);
}

.stf-status-inactive {
    color: var(--color-danger);
}

.stf-inline-form {
    display: inline;
}

.stf-self-note {
    color: var(--text-muted);
}

.stf-mt24 {
    margin-top: 24px;
}

.stf-section-title {
    color: var(--primary-color);
    margin-top: 0;
}

.stf-table-no-margin {
    margin: 0;
}

.stf-modal-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.stf-modal-card {
    width: 92%;
}

.stf-modal-card-lg {
    max-width: 480px;
}

.stf-modal-card-sm {
    max-width: 420px;
}

.stf-grid-gap {
    display: grid;
    gap: 12px;
}

.stf-muted-note {
    color: var(--text-muted);
}

.stf-actions-row {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.stf-actions-row-lg {
    margin-top: 18px;
}

.stf-actions-row-sm {
    margin-top: 14px;
}

/* Members page class-based style cleanup */
.mem-avatar-lg {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 3px solid var(--primary-color);
}

.mem-avatar-fallback-lg {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    font-weight: 700;
}

.mem-badge-google { background: #ea4335; color: #fff; }
.mem-badge-facebook { background: #1877f2; color: #fff; }

.mem-card-secret {
    background: linear-gradient(135deg,#fefce8,#fef9c3);
}

.mem-cvv-code {
    letter-spacing: .2em;
}

.mem-help-xs {
    font-size: .7rem;
}

.mem-service-badge {
    background: var(--mem-service-color, #16a34a);
}

.mem-notif-pill {
    font-size: .7rem;
    padding: 5px 7px;
}

.mem-unread-pill {
    font-size: .55rem;
}

.mem-notif-message {
    font-size: .78rem;
}

.mem-notif-time {
    font-size: .68rem;
}

.mem-filter-kyc { min-width: 150px; }
.mem-filter-search { min-width: 220px; }

.mem-avatar-sm {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.mem-avatar-fallback-sm {
    width: 32px;
    height: 32px;
    font-size: .9rem;
}

.mem-email-xs {
    font-size: .7rem;
}

.mem-kyc-wrap {
    margin-top: 2px;
}

.mem-kyc-pill {
    font-size: .58rem;
}

.mem-login-pill {
    font-size: .65rem;
}

.mem-status-pill {
    font-size: .6rem;
    margin-top: 2px;
}

/* Dashboard inline-style cleanup classes */
.dash-title-main {
    font-size: 1.3rem;
    margin: 0;
    color: var(--primary-color);
    font-weight: 700;
}

.dash-icon-purple {
    background: linear-gradient(135deg,#7c3aed,#a855f7);
}

.dash-muted-block {
    color: #6b7280;
}

.dash-empty-icon-lg {
    font-size: 2rem;
    margin-bottom: 6px;
}

.dash-empty-icon-xl {
    font-size: 2.4rem;
    margin-bottom: 8px;
}

.dash-log-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #dcfce7;
    color: #166534;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.dash-log-title {
    font-weight: 600;
    font-size: .9rem;
}

.dash-log-time {
    font-size: .75rem;
    color: #6b7280;
}

.ds-no-top-gap {
    margin-top: 0;
}

.dash-section-title {
    margin: 0;
}

.dash-flex-grow {
    flex-grow: 1;
    min-width: 0;
}

.dash-meta-sm {
    font-size: .8rem;
    color: #6b7280;
}

.dash-subtitle-row {
    font-size: .95rem;
    color: var(--primary-color);
    margin: 18px 0 8px;
}

.dash-subtitle-lg {
    margin: 22px 0 10px;
}

.dash-subtitle-tight {
    margin: 0 0 10px;
}

.dash-heart-icon {
    color: #e91e63;
}

.dash-val-pending { color: #d97706; }
.dash-val-review { color: #1e40af; }
.dash-val-approved { color: #166534; }

.dash-empty-note {
    color: #9ca3af;
    font-size: .85rem;
}

.dash-type-total {
    font-size: .7rem;
    font-weight: 400;
    color: #6b7280;
}

.dash-empty-note-lg {
    color: #6b7280;
    font-size: .88rem;
}

.dash-empty-note-md {
    color: #6b7280;
    font-size: .9rem;
}

.dash-program-title {
    font-weight: 600;
    font-size: .88rem;
}

.dash-program-meta {
    font-size: .75rem;
    color: #6b7280;
}

/* Services page inline-style cleanup */
.svc-flat-top-card {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.svc-search-wrap {
    flex-wrap: wrap;
}

.svc-search-group {
    max-width: 300px;
}

.svc-icon-mark {
    color: var(--primary-color);
    font-size: 20px;
}

.svc-inline-form {
    display: inline;
}

.svc-form-header-grad {
    background: linear-gradient(135deg,var(--primary-color),var(--primary-light));
    color: #fff;
}

/* Settings page structure cleanup */
.settings-tab-note {
    background: #f8faf9 !important;
    border-color: #dfe7e2 !important;
    color: #475569 !important;
    border-radius: 10px !important;
}

.stg-section-card {
    overflow: hidden;
}

.stg-section-header {
    background: #f8faf9 !important;
    border-bottom: 1px solid #e3e8e5 !important;
}

.stg-section-title {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #1f2937 !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
}

.stg-section-title i {
    color: var(--primary-color) !important;
}

.stg-accent-card {
    border-left: 4px solid var(--primary-color) !important;
}

.stg-soft-green-header {
    background: linear-gradient(90deg, #f0f9f2, #e8f5e9) !important;
}

.stg-subtabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border: 1px solid #dfe7e2;
    border-radius: 10px;
    background: #f8faf9;
}

.stg-subtab-btn {
    border: 1px solid #d3ddd6;
    background: #ffffff;
    color: #475569;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: all .18s ease;
}

.stg-subtab-btn:hover {
    border-color: #a9c2b2;
    color: #1f2937;
}

.stg-subtab-btn.active {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/* Admin login surface (index.php) */
body.admin-auth-page {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
}

.admin-auth-page .auth-card {
    border-top: 4px solid var(--primary-color);
}

.ntf-cursor-pointer {
    cursor: pointer;
}

/* News page inline-style cleanup */
.news-thumb-img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #e0f0e8;
}

.news-thumb-placeholder {
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg,rgba(26,95,42,.1),rgba(40,167,69,.15));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-preview-img {
    max-height: 80px;
    border-radius: 8px;
    border: 2px solid #e0f0e8;
}

/* Analytics page inline-style cleanup */
.anl-progress-md {
    height: 8px;
}

.anl-progress-sm {
    height: 6px;
    min-width: 60px;
}

.anl-table-compact {
    font-size: .88rem;
}

.anl-pct-label {
    min-width: 36px;
}

/* Appointments / job applications inline-style cleanup */
.apt-track-chip {
    font-size: 0.83rem;
    background: rgba(255,255,255,0.15);
    padding: 2px 10px;
    border-radius: 6px;
    margin-left: 8px;
}

.apt-text-block {
    white-space: pre-wrap;
    font-size: 0.9rem;
    color: #374151;
}

.apt-text-block-success {
    background: #f0fff4;
}

.app-rounded-card {
    border-radius: 10px;
    overflow: hidden;
}

.apt-track-code {
    letter-spacing: 0.4px;
}

.job-icon-interview-bg {
    background: linear-gradient(135deg,#64748b20,#64748b10);
}

.job-icon-interview-fg {
    color: #64748b;
}

/* Auctions page inline-style cleanup */
.auc-icon-completed-bg {
    background: linear-gradient(135deg,#6f42c1,#9b6fe0);
}

.auc-icon-completed-fg {
    color: #fff;
}

.auc-badge-xxs {
    font-size: .6rem;
}

.auc-badge-xs {
    font-size: .7rem;
}

/* Messages page inline-style cleanup */
.msg-info-card {
    border-left: 4px solid transparent;
}

.msg-info-sender {
    background: linear-gradient(135deg,#f0f7f2,#e8f5e9);
    border-left-color: var(--primary-light);
}

.msg-info-email {
    background: linear-gradient(135deg,#eff6ff,#dbeafe);
    border-left-color: #3b82f6;
}

.msg-info-phone {
    background: linear-gradient(135deg,#fff7ed,#fed7aa);
    border-left-color: #f97316;
}

.msg-subject-box {
    background: #f8f9fa;
    border-left: 4px solid var(--primary-color);
}

.msg-body-wrap {
    background: linear-gradient(135deg,#f8fdf9,#eef7f0);
    border: 1px solid rgba(26,95,42,0.1);
}

.msg-body-text {
    line-height: 1.9;
    font-size: 1rem;
    color: #333;
}

.msg-badge-xxs {
    font-size: 0.65rem;
}

.msg-text-clamp {
    max-width: 260px;
}

/* Useful links page inline-style cleanup */
.ul-link-clamp {
    max-width: 200px;
}

/* Partner facilities / help-center inline-style cleanup */
.pf-search-group {
    max-width: 280px;
}

.pf-type-filter {
    max-width: 200px;
}

.pf-location-icon {
    font-size: .75rem;
}

.pf-type-badge {
    background: #e8f5e9;
    color: var(--primary-color);
    font-weight: 600;
    font-size: .78rem;
}

.pf-discount-badge {
    font-size: .85rem;
}

.hc-col-order {
    width: 60px;
}

.hc-col-actions {
    width: 120px;
}

/* Account applications inline-style cleanup */
.acc-doc-thumb {
    height: 100px;
    object-fit: cover;
    width: 100%;
}

.acc-title-icon {
    color: #7c3aed;
}

.acc-col-applicant {
    width: 200px;
}

.acc-page-meta {
    font-size: 0.78rem;
    color: #6b7280;
    margin-left: 8px;
}

/* Team page inline-style cleanup */
.tm-avatar-photo {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #e0f0e8;
}

.tm-avatar-fallback {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg,rgba(26,95,42,.15),rgba(40,167,69,.2));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tm-cat-badge {
    font-weight: 600;
    font-size: .78rem;
    padding: 5px 10px;
}

.tm-status-toggle-btn {
    cursor: pointer;
}

.tm-note-xs {
    font-size: .72rem;
    line-height: 1.35;
}

.tm-photo-preview {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #e0f0e8;
}

/* Committees page inline-style cleanup */
.cmt-flat-top-card {
    border-top-left-radius: 0 !important;
}

.cmt-header-green {
    background: linear-gradient(135deg,var(--primary-color),var(--primary-light));
    color: #fff;
}

.cmt-header-blue {
    background: linear-gradient(135deg,#0c4da2,#1a73e8);
    color: #fff;
}

.cmt-header-cyan {
    background: linear-gradient(135deg,#1565c0,#0288d1);
    color: #fff;
}

.cmt-top-border-green {
    border-top: 3px solid var(--primary-light);
}

.cmt-top-border-blue {
    border-top: 3px solid #1a73e8;
}

.cmt-top-border-cyan {
    border-top: 3px solid #0288d1;
}

.cmt-mem-avatar {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #dee2e6;
}

.cmt-mem-avatar-fallback {
    width: 48px;
    height: 48px;
    background: #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmt-preview-img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.cmt-preview-img-cyan {
    border: 2px solid #0288d1;
}

.cmt-preview-img-green {
    border: 2px solid var(--primary-light);
}

/* Loan / KYC inline-style cleanup */
.loan-stat-static {
    cursor: default;
}

.loan-stat-amount {
    font-size: 1.1rem;
}

.kyc-photo-main {
    max-height: 160px;
    border-radius: 8px;
}

.kyc-id-requested {
    background: var(--primary-color);
    font-size: .8rem;
}

.kyc-id-not-requested {
    font-size: .85rem;
}

.kyc-doc-thumb {
    height: 110px;
    object-fit: cover;
    width: 100%;
}

.kyc-col-relation {
    width: 28%;
}

.kyc-col-phone {
    width: 24%;
}

.kyc-sm-icon-muted {
    background: #e5e7eb;
    color: #334155;
}

.kyc-rounded-card {
    border-radius: 10px;
}

.kyc-list-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

/* ─────────────────────────────────────────────────────────────
   23. Strict form layout:
   Desktop max 2 columns, mobile strict 1 column
   ───────────────────────────────────────────────────────────── */
.admin-form-page form .row > [class*="col-"],
form.kyc-form .row > [class*="col-"],
.tab-pane form .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

@media (min-width: 992px) {
    .admin-form-page form .row > [class*="col-"],
    .tab-pane form .row > [class*="col-"] {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
    .admin-form-page form .row > .col-12,
    .admin-form-page form .row > .col-lg-12,
    .admin-form-page form .row > .col-md-12,
    .tab-pane form .row > .col-12,
    .tab-pane form .row > .col-lg-12,
    .tab-pane form .row > .col-md-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    /* तालिका/लिस्ट भएको कलम — 50% मा नछोपियोस् */
    .tab-pane form .row > [class*="col-"]:has(.table-responsive),
    .tab-pane form .row > [class*="col-"]:has(table),
    .tab-pane form .row > [class*="col-"]:has(.admin-table-card) {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

@media (max-width: 991.98px) {
    .admin-form-page form .row > [class*="col-"],
    .tab-pane form .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ─────────────────────────────────────────────────────────────
   24. Neutral buttons:
   keep only primary + danger color emphasis
   ───────────────────────────────────────────────────────────── */
.btn-success,
.btn-info,
.btn-warning,
.btn-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-secondary,
.btn-outline-primary {
    background: #ffffff !important;
    color: #1f2937 !important;
    border-color: #cfd8d3 !important;
}

.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-secondary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-warning:hover,
.btn-outline-secondary:hover,
.btn-outline-primary:hover {
    background: #f3f6f4 !important;
    color: #111827 !important;
    border-color: #b8c7be !important;
}

.btn-primary {
    background: #1f7a46 !important;
    border-color: #1f7a46 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background: #176238 !important;
    border-color: #176238 !important;
}

.btn-danger,
.btn-outline-danger {
    color: #b42323 !important;
    border-color: #e3aaaa !important;
}

.btn-danger {
    background: #fbecec !important;
}

.btn-danger:hover,
.btn-outline-danger:hover {
    background: #f7dede !important;
    border-color: #d99191 !important;
    color: #962222 !important;
}

/* ─────────────────────────────────────────────────────────────
   25. Force plain table header colors (no gradients)
   ───────────────────────────────────────────────────────────── */
.main-content table thead th,
.main-content .table thead th,
.main-content .admin-table-card table thead th,
.main-content .admin-table-card .table thead th,
.main-content .card .table thead th,
.main-content .card .table-responsive .table thead th,
.main-content .data-table thead th,
.main-content .table-col-header th {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
    border-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
}

/* clearer table grid lines */
.main-content .admin-table-card .table th,
.main-content .admin-table-card .table td {
    border-bottom: 1px solid #d1d5db !important;
}

.main-content .admin-table-card .table th:not(:last-child),
.main-content .admin-table-card .table td:not(:last-child) {
    border-right: 1px solid #d8dde3 !important;
}

/* action button color tune: edit (blue), delete (red) */
.main-content .admin-table-card td .btn-outline-primary,
.main-content .admin-table-card td .btn-edit-svc {
    background: transparent !important;
    border-color: transparent !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 6px !important;
}

.main-content .admin-table-card td .btn-outline-primary:hover,
.main-content .admin-table-card td .btn-edit-svc:hover {
    background: #eaf1ff !important;
    border-color: #eaf1ff !important;
    color: #1e40af !important;
}

.main-content .admin-table-card td .btn-outline-danger {
    background: transparent !important;
    border-color: transparent !important;
    color: #be123c !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 6px !important;
}

.main-content .admin-table-card td .btn-outline-danger:hover {
    background: #ffecef !important;
    border-color: #ffecef !important;
    color: #9f1239 !important;
}

/* Stronger visual separators for header row */
.main-content .admin-table-card .table thead th {
    border-top: 1px solid #e5e7eb !important;
    border-bottom: 2px solid #c3cad3 !important;
}

.main-content .admin-table-card .table thead th:not(:last-child) {
    border-right: 1px solid #cfd6df !important;
}

/* extra-strong grid for all admin tables */
.main-content .table {
    border-collapse: collapse !important;
}

.main-content .table > :not(caption) > * > * {
    border-color: #d2d8e0 !important;
}

.main-content .table tbody tr + tr td {
    border-top: 1px solid #d2d8e0 !important;
}

/* full cell grid on all admin tables (vertical + horizontal) */
.main-content .table thead th,
.main-content .table tbody td,
.main-content .table tfoot td,
.main-content .table tfoot th {
    border-right: 1px solid #d2d8e0 !important;
    border-bottom: 1px solid #d2d8e0 !important;
}

.main-content .table thead th:first-child,
.main-content .table tbody td:first-child,
.main-content .table tfoot td:first-child,
.main-content .table tfoot th:first-child {
    border-left: 1px solid #d2d8e0 !important;
}

.main-content .table thead th {
    border-top: 1px solid #d2d8e0 !important;
}

/* ensure all admin table cards and lower tables stay full-width + same header */
.main-content .admin-table-card,
.main-content .card.admin-table-card,
.main-content .admin-table-card .table-responsive,
.main-content .admin-table-card .table {
    width: 100% !important;
}

.main-content .table-responsive,
.tab-content .table-responsive {
    width: 100% !important;
    max-width: 100% !important;
}

.main-content .table,
.tab-content .table,
.main-content table.dataTable {
    width: 100% !important;
}

.main-content .dataTables_wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.main-content .gradient-card-header,
.main-content .card-header-gradient,
.main-content .admin-card-header-green,
.main-content .admin-table-card .card-header {
    background: #f8faf9 !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #e3e8e5 !important;
}

.main-content .gradient-card-header h4,
.main-content .gradient-card-header h5,
.main-content .gradient-card-header h6,
.main-content .card-header-gradient h4,
.main-content .card-header-gradient h5,
.main-content .card-header-gradient h6,
.main-content .admin-card-header-green h4,
.main-content .admin-card-header-green h5,
.main-content .admin-card-header-green h6 {
    color: #1f2937 !important;
}

/* ─────────────────────────────────────────────────────────────
   27. Nav-pills visibility fix (always readable, not white-washed)
   ───────────────────────────────────────────────────────────── */
.main-content .nav-pills .nav-link {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
    border: 1px solid #d7dde5 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

.main-content .nav-pills .nav-link:hover {
    background: #e8edf3 !important;
    color: #111827 !important;
    border-color: #c8d0da !important;
}

.main-content .nav-pills .nav-link.active,
.main-content .nav-pills .show > .nav-link {
    background: #1f7a46 !important;
    color: #ffffff !important;
    border-color: #1f7a46 !important;
}

.main-content .nav-pills .nav-link .badge {
    background: #e5e7eb !important;
    color: #1f2937 !important;
    border: 1px solid #d1d5db !important;
}

.main-content .nav-pills .nav-link.active .badge,
.main-content .nav-pills .show > .nav-link .badge {
    background: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.28) !important;
}

/* भित्रको उप-ट्याब — हरियो ट्रे + सेतो सक्रिय (Member Online Portal / सूची उप-ट्याब) */
.main-content ul.nav.nav-pills.admin-inner-tabstrip {
    background: linear-gradient(135deg, var(--primary-color, #1a5f2a), #145a32) !important;
    border-radius: 10px !important;
    border: none !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-item {
    margin: 0;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    padding: 0.42rem 0.9rem !important;
    opacity: 1 !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link.active,
.main-content ul.nav.admin-inner-tabstrip .show > .nav-link {
    background: #ffffff !important;
    color: #1f2937 !important;
    border-color: transparent !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link .badge {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link.active .badge.bg-success,
.main-content ul.nav.admin-inner-tabstrip .show > .nav-link .badge.bg-success {
    background: #22c55e !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link.active .badge.bg-secondary,
.main-content ul.nav.admin-inner-tabstrip .show > .nav-link .badge.bg-secondary {
    background: #64748b !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

.main-content .admin-inner-tabstrip-tray {
    background: linear-gradient(135deg, var(--primary-color, #1a5f2a), #145a32);
    border-radius: 10px;
    padding: 6px 8px;
}
.main-content .admin-inner-tabstrip-tray .btn {
    font-weight: 600;
    font-size: 0.82rem;
    border-radius: 8px !important;
}
.main-content .admin-inner-tabstrip-tray .btn.btn-outline-success {
    color: rgba(255, 255, 255, 0.95) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}
.main-content .admin-inner-tabstrip-tray .btn.btn-outline-success:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}
.main-content .admin-inner-tabstrip-tray .btn.btn-success.active {
    background: #ffffff !important;
    color: #1f2937 !important;
    border: 1px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* ─────────────────────────────────────────────────────────────
   28. Strong minimal mode (global)
   Remove remaining green-heavy visuals across admin
   ───────────────────────────────────────────────────────────── */
.main-content .admin-table-card .card-header,
.main-content .admin-table-card > .card-header,
.main-content .card.admin-table-card > .card-header {
    background: #f8faf9 !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #dbe3de !important;
}

.main-content .admin-table-card .card-header .badge,
.main-content .admin-table-card .card-header .bg-primary,
.main-content .admin-table-card .card-header .bg-success {
    background: #edf2f7 !important;
    color: #374151 !important;
    border: 1px solid #d8e0e8 !important;
}

.main-content .table-success,
.main-content .table-success > td,
.main-content .table-success > th {
    background: #f7faf8 !important;
}

.main-content .progress {
    background: #eef2f5 !important;
}

.main-content .progress-bar {
    background: #7c8ea3 !important;
}

/* keep only primary/danger emphasis */
.main-content .btn-success:not(.btn-primary),
.main-content .btn-outline-success {
    background: #ffffff !important;
    color: #1f2937 !important;
    border-color: #cfd8d3 !important;
}

.main-content .btn-success:not(.btn-primary):hover,
.main-content .btn-outline-success:hover {
    background: #f3f6f4 !important;
    color: #111827 !important;
    border-color: #b8c7be !important;
}

/* ─────────────────────────────────────────────────────────────
   29. Global form bottom actions (Submit / Cancel / Add)
   ───────────────────────────────────────────────────────────── */
.main-content .card-body form .btn:not(.btn-sm):not(.btn-link) {
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

/* Primary action: submit/update/add */
.main-content .card-body form button[type="submit"].btn,
.main-content .card-body form .btn.btn-primary {
    background: #1f7a46 !important;
    border-color: #1f7a46 !important;
    color: #fff !important;
}

.main-content .card-body form button[type="submit"].btn:hover,
.main-content .card-body form .btn.btn-primary:hover {
    background: #176238 !important;
    border-color: #176238 !important;
}

/* Secondary actions: cancel/back/list/new */
.main-content .card-body form .btn.btn-outline-secondary,
.main-content .card-body form .btn.btn-secondary,
.main-content .card-body form button[type="button"].btn {
    background: #ffffff !important;
    border-color: #d1d5db !important;
    color: #374151 !important;
}

.main-content .card-body form .btn.btn-outline-secondary:hover,
.main-content .card-body form .btn.btn-secondary:hover,
.main-content .card-body form button[type="button"].btn:hover {
    background: #f3f4f6 !important;
    border-color: #bfc6cf !important;
    color: #1f2937 !important;
}

/* Header actions must always stay visible (fix blank/hidden add button) */
.admin-page-header .btn,
.admin-page-header a.btn {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.admin-page-header .btn-primary,
.admin-page-header a.btn-primary {
    background: #1f7a46 !important;
    border-color: #1f7a46 !important;
    color: #ffffff !important;
}

.admin-page-header .btn-primary:hover,
.admin-page-header a.btn-primary:hover {
    background: #176238 !important;
    border-color: #176238 !important;
    color: #ffffff !important;
}

.admin-page-header .btn-outline-secondary,
.admin-page-header a.btn-outline-secondary {
    background: #ffffff !important;
    border-color: #d1d5db !important;
    color: #374151 !important;
}

/* Common action row used in many forms */
.main-content .col-12.d-flex.gap-2,
.main-content .d-flex.flex-wrap.gap-2.mt-2,
.main-content .form-footer {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Auto-generated list/form tabs from footer script */
.admin-auto-tabs {
    margin-top: 8px !important;
}

/* search/filter bars center aligned and consistent */
.admin-search-wrap,
.admin-table-card .card-body > form.row.g-2.align-items-end,
.admin-table-card .card-body > form.row.g-3.align-items-end {
    align-items: center !important;
}

.admin-search-wrap .input-group,
.admin-table-card .card-body > form .input-group {
    max-width: 420px !important;
}

/* ─────────────────────────────────────────────────────────────
   26. Global icon standardization
   ───────────────────────────────────────────────────────────── */

/* All button icons: consistent size/alignment */
.btn i.fas,
.btn i.far,
.btn i.fa,
.nav-link i.fas,
.nav-link i.far,
.nav-link i.fa {
    font-size: 0.86rem !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Table action icon buttons: same look everywhere */
.main-content table td .btn-sm i.fas,
.main-content table td .btn-sm i.far,
.main-content table td .btn-sm i.fa {
    font-size: 0.82rem !important;
}

.main-content table td .btn-sm {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Edit / view / delete icon colors (global for table actions) */
.main-content table td .btn-outline-primary,
.main-content table td .btn-primary {
    background: transparent !important;
    border-color: transparent !important;
    color: #1d4ed8 !important;
}

.main-content table td .btn-outline-primary:hover,
.main-content table td .btn-primary:hover {
    background: #eaf1ff !important;
    border-color: #eaf1ff !important;
    color: #1e40af !important;
}

.main-content table td .btn-outline-secondary,
.main-content table td .btn-secondary {
    background: transparent !important;
    border-color: transparent !important;
    color: #475569 !important;
}

.main-content table td .btn-outline-secondary:hover,
.main-content table td .btn-secondary:hover {
    background: #eef2f7 !important;
    border-color: #eef2f7 !important;
    color: #334155 !important;
}

.main-content table td .btn-outline-danger,
.main-content table td .btn-danger {
    background: transparent !important;
    border-color: transparent !important;
    color: #be123c !important;
}

.main-content table td .btn-outline-danger:hover,
.main-content table td .btn-danger:hover {
    background: #ffecef !important;
    border-color: #ffecef !important;
    color: #9f1239 !important;
}

/* Notification template page: clean and consistent look */
.notification-template-page .card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden;
}

.notification-template-page .card-header {
    background: linear-gradient(90deg, #166534 0%, #16a34a 100%) !important;
    color: #fff !important;
    border-bottom: 0 !important;
    min-height: 54px;
}

.notification-template-page .notif-events-card .list-group-item {
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: #edf2f7 !important;
}

.notification-template-page .notif-events-card .list-group-item-action {
    transition: background-color 0.18s ease, color 0.18s ease;
}

.notification-template-page .notif-events-card .list-group-item-action:hover {
    background: #f8fafc !important;
}

.notification-template-page .notif-events-card .list-group-item-action.active {
    background: #ecfdf3 !important;
    color: #14532d !important;
    border-left: 3px solid #16a34a !important;
}

.notification-template-page .notif-events-card .list-group-item-action.active small,
.notification-template-page .notif-events-card .list-group-item-action.active .text-muted {
    color: #166534 !important;
}

.notification-template-page .badge.bg-success {
    background: #166534 !important;
}

.notification-template-page textarea.form-control.font-monospace {
    min-height: 220px;
    line-height: 1.5;
}

.notification-template-page .form-check-input:checked {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}

@media (max-width: 991.98px) {
    .notification-template-page .card {
        border-radius: 12px !important;
    }
    .notification-template-page .card-header h5 {
        font-size: 1rem !important;
    }
}

/* About settings page cleanup */
.about-settings-page .card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden;
}

.about-settings-page .card-header {
    background: linear-gradient(90deg, #166534 0%, #16a34a 100%) !important;
    color: #ffffff !important;
    border-bottom: 0 !important;
}

.about-settings-page .alert-warning {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #92400e !important;
}

.about-settings-page textarea.form-control {
    min-height: 180px;
    line-height: 1.55;
}

/* Satisfaction widget settings page consistency */
.satisfaction-settings-page .card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden;
}

.satisfaction-settings-page .card-header {
    background: linear-gradient(90deg, #166534 0%, #16a34a 100%) !important;
    color: #fff !important;
    border-bottom: 0 !important;
}

.satisfaction-settings-page .widget-status-icon {
    font-size: 2rem;
}

.satisfaction-settings-page .widget-status-icon.is-active {
    color: #2e7d32;
}

.satisfaction-settings-page .widget-status-icon.is-inactive {
    color: #94a3b8;
}

.satisfaction-settings-page .satisfaction-link-icon {
    color: #16a34a;
    font-size: 1.1rem;
}

/* Site settings: compact form and better balance */
.settings-page-compact .card {
    border-radius: 12px !important;
}

.settings-page-compact .card-header h5 {
    margin: 0 !important;
    font-size: 1rem !important;
}

.settings-page-compact .card-body {
    padding: 1rem 1rem 0.9rem !important;
}

.settings-page-compact .form-label {
    font-size: 0.92rem;
    margin-bottom: 0.35rem !important;
}

.settings-page-compact .mb-3 {
    margin-bottom: 0.75rem !important;
}

.settings-page-compact .form-control,
.settings-page-compact .form-select,
.settings-page-compact .input-group-text {
    min-height: 40px !important;
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
    font-size: 0.95rem !important;
}

.settings-page-compact textarea.form-control {
    min-height: 96px !important;
}

/* Settings: file input माथि लागेको ठूलो min-height हटाउने */
.settings-page-compact .form-control[type="file"] {
    min-height: auto !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    font-size: 0.875rem !important;
    line-height: 1.35 !important;
}

/* Admin: फाइल अपलोड एकरूप, बटन/पङ्क्ति अनावश्यक ठूलो नहोस् */
.admin-wrapper .form-control[type="file"] {
    font-size: 0.875rem;
    line-height: 1.35;
    padding: 0.4rem 0.65rem;
}

/* मिडिया छैन भन्ने सानो पट्टी (हेडर हिमाल आदि) — पूरै कार्ड भरिने ठूलो बाकस होइन */
.admin-media-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 3rem;
    max-height: 3.75rem;
    padding: 0.45rem 0.85rem;
    margin-bottom: 0.75rem;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
}

.admin-media-placeholder i {
    opacity: 0.9;
    flex-shrink: 0;
}

/* Pravidh pages: consistent compact visual style */
body.admin-page-run-migration .card,
body.admin-page-backup-restore .card,
body.admin-page-update-checklist .card,
body.admin-page-site-health .card,
body.admin-page-system-info .card,
body.admin-page-db-setup .card,
body.admin-page-error-log .card,
body.admin-page-help-guide .card,
body.admin-page-site-license .card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden;
}

body.admin-page-run-migration .card-header,
body.admin-page-backup-restore .card-header,
body.admin-page-update-checklist .card-header,
body.admin-page-site-health .card-header,
body.admin-page-system-info .card-header,
body.admin-page-db-setup .card-header,
body.admin-page-error-log .card-header,
body.admin-page-help-guide .card-header,
body.admin-page-site-license .card-header {
    background: linear-gradient(90deg, #166534 0%, #16a34a 100%) !important;
    color: #ffffff !important;
    border-bottom: 0 !important;
}

/* White pill tabs inside these headers: `card-header * { color: inherit }` ले सेतो टेक्स्ट सेतो पिलमा लुक्छ — hover मात्र देखिने */
body.admin-page-run-migration .card-header .nav-tabs .nav-link,
body.admin-page-run-migration .card-header .admin-nav-tabs .nav-link,
body.admin-page-backup-restore .card-header .nav-tabs .nav-link,
body.admin-page-backup-restore .card-header .admin-nav-tabs .nav-link,
body.admin-page-update-checklist .card-header .nav-tabs .nav-link,
body.admin-page-update-checklist .card-header .admin-nav-tabs .nav-link,
body.admin-page-site-health .card-header .nav-tabs .nav-link,
body.admin-page-site-health .card-header .admin-nav-tabs .nav-link,
body.admin-page-system-info .card-header .nav-tabs .nav-link,
body.admin-page-system-info .card-header .admin-nav-tabs .nav-link,
body.admin-page-db-setup .card-header .nav-tabs .nav-link,
body.admin-page-db-setup .card-header .admin-nav-tabs .nav-link,
body.admin-page-error-log .card-header .nav-tabs .nav-link,
body.admin-page-error-log .card-header .admin-nav-tabs .nav-link,
body.admin-page-help-guide .card-header .nav-tabs .nav-link,
body.admin-page-help-guide .card-header .admin-nav-tabs .nav-link,
body.admin-page-site-license .card-header .nav-tabs .nav-link,
body.admin-page-site-license .card-header .admin-nav-tabs .nav-link {
    color: #374151 !important;
}
body.admin-page-run-migration .card-header .nav-tabs .nav-link:hover,
body.admin-page-run-migration .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-backup-restore .card-header .nav-tabs .nav-link:hover,
body.admin-page-backup-restore .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-update-checklist .card-header .nav-tabs .nav-link:hover,
body.admin-page-update-checklist .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-site-health .card-header .nav-tabs .nav-link:hover,
body.admin-page-site-health .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-system-info .card-header .nav-tabs .nav-link:hover,
body.admin-page-system-info .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-db-setup .card-header .nav-tabs .nav-link:hover,
body.admin-page-db-setup .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-error-log .card-header .nav-tabs .nav-link:hover,
body.admin-page-error-log .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-help-guide .card-header .nav-tabs .nav-link:hover,
body.admin-page-help-guide .card-header .admin-nav-tabs .nav-link:hover,
body.admin-page-site-license .card-header .nav-tabs .nav-link:hover,
body.admin-page-site-license .card-header .admin-nav-tabs .nav-link:hover {
    color: #14532d !important;
}
body.admin-page-run-migration .card-header .nav-tabs .nav-link.active,
body.admin-page-run-migration .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-backup-restore .card-header .nav-tabs .nav-link.active,
body.admin-page-backup-restore .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-update-checklist .card-header .nav-tabs .nav-link.active,
body.admin-page-update-checklist .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-site-health .card-header .nav-tabs .nav-link.active,
body.admin-page-site-health .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-system-info .card-header .nav-tabs .nav-link.active,
body.admin-page-system-info .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-db-setup .card-header .nav-tabs .nav-link.active,
body.admin-page-db-setup .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-error-log .card-header .nav-tabs .nav-link.active,
body.admin-page-error-log .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-help-guide .card-header .nav-tabs .nav-link.active,
body.admin-page-help-guide .card-header .admin-nav-tabs .nav-link.active,
body.admin-page-site-license .card-header .nav-tabs .nav-link.active,
body.admin-page-site-license .card-header .admin-nav-tabs .nav-link.active {
    color: #14532d !important;
}

body.admin-page-update-checklist .checklist-item {
    cursor: pointer;
}

body.admin-page-update-checklist .progress {
    background: #e9eef5 !important;
}

body.admin-page-update-checklist .progress-bar {
    background: #16a34a !important;
}

body.admin-page-update-checklist .card-header.bg-dark,
body.admin-page-update-checklist .card-header.bg-primary,
body.admin-page-update-checklist .card-header.bg-success {
    color: #fff !important;
}

body.admin-page-error-log pre.error-log-output {
    background: #0f172a !important;
    color: #f8fafc !important;
    padding: 1rem !important;
    margin: 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    max-height: 600px !important;
    overflow-y: auto !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
}

/* DataTables global visibility + full width fix */
.main-content .dataTables_wrapper,
.main-content .dataTables_wrapper .dataTables_scroll,
.main-content .dataTables_wrapper .dataTables_scrollHead,
.main-content .dataTables_wrapper .dataTables_scrollBody,
.main-content .dataTables_wrapper .dataTables_scrollHeadInner,
.main-content .dataTables_wrapper table.dataTable {
    width: 100% !important;
}

.main-content .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #d7dee8 !important;
    background: #ffffff !important;
    color: #334155 !important;
    border-radius: 8px !important;
    margin: 0 3px !important;
    min-width: 36px;
    min-height: 36px;
    line-height: 1.4 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.main-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #f1f5f9 !important;
    color: #1f2937 !important;
    border-color: #cbd5e1 !important;
}

.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #166534 !important;
    border-color: #166534 !important;
    color: #ffffff !important;
}

.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: #f8fafc !important;
    color: #94a3b8 !important;
    border-color: #e2e8f0 !important;
    opacity: 1 !important;
}

/* Info officer page refinements */
.info-officer-page .card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden;
}

.info-officer-page .card-header {
    background: linear-gradient(90deg, #166534 0%, #16a34a 100%) !important;
    color: #fff !important;
    border-bottom: 0 !important;
}

.info-officer-page .card-header h5,
.info-officer-page .card-header i {
    color: #fff !important;
}

.info-officer-page .current-officer-position {
    color: #166534 !important;
}

/* Deep cleanup: site-setup / manage-admins / system-info */
body.admin-page-site-setup .card,
body.admin-page-manage-admins .card,
body.admin-page-system-info .card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
}

body.admin-page-site-setup .card-header,
body.admin-page-manage-admins .card-header,
body.admin-page-system-info .card-header {
    background: linear-gradient(90deg, #166534 0%, #16a34a 100%) !important;
    color: #ffffff !important;
    border-bottom: 0 !important;
}

body.admin-page-site-setup .card-header *,
body.admin-page-manage-admins .card-header *,
body.admin-page-system-info .card-header * {
    color: inherit !important;
}

body.admin-page-site-setup .btn.btn-success {
    background: #166534 !important;
    border-color: #166534 !important;
}

body.admin-page-site-setup .btn.btn-success:hover {
    background: #14532d !important;
    border-color: #14532d !important;
}

body.admin-page-manage-admins table tr[style*="background:var(--primary-color)"] {
    background: #166534 !important;
    color: #ffffff !important;
}

body.admin-page-system-info .mb-3.p-3.rounded[style*="background:#f8fdf9"],
body.admin-page-system-info .mb-3.p-3.rounded[style*="background:#fff8e1"],
body.admin-page-system-info .p-3.rounded[style*="background:#e3f2fd"] {
    background: #f8fafc !important;
    border-left: 4px solid #16a34a !important;
}

body.admin-page-site-setup .ss-title-icon {
    color: var(--primary-color);
}

body.admin-page-site-setup .ss-status-icon {
    font-size: 2rem;
    margin-bottom: 6px;
}

body.admin-page-site-setup .ss-icon-locked {
    color: var(--primary-color);
}

body.admin-page-site-setup .ss-icon-unlocked {
    color: var(--danger);
}

body.admin-page-site-setup .ss-icon-info {
    color: #0d6efd;
}

body.admin-page-site-setup .ss-icon-warn {
    color: #f59e0b;
}

body.admin-page-site-setup .ss-site-settings-subtitle {
    opacity: 0.82;
    font-size: 0.78rem;
    font-weight: 400;
}

body.admin-page-site-setup .ss-lock-card.is-locked {
    border-left: 4px solid #166534 !important;
}

body.admin-page-site-setup .ss-lock-card.is-unlocked {
    border-left: 4px solid #b91c1c !important;
}

body.admin-page-site-setup .ss-lock-card.is-unlocked .card-header {
    background: linear-gradient(90deg, #991b1b 0%, #dc2626 100%) !important;
}

body.admin-page-manage-admins .ma-table-head-row {
    background: #166534;
    color: #fff;
}

body.admin-page-manage-admins .ma-empty-icon {
    font-size: 3rem;
    opacity: 0.18;
}

body.admin-page-manage-admins .ma-avatar-chip {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    color: #fff;
    font-weight: 700;
    font-size: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

body.admin-page-manage-admins .ma-avatar-chip-sm {
    width: 32px;
    height: 32px;
    font-size: .85rem;
}

body.admin-page-manage-admins .ma-tight-line {
    line-height: 1.2;
}

body.admin-page-manage-admins .ma-you-badge {
    font-size: .55rem;
}

body.admin-page-manage-admins .ma-id-text {
    font-size: .72rem;
}

body.admin-page-manage-admins .ma-username-chip {
    background: #f1f5f9;
    color: #334155;
}

body.admin-page-manage-admins .ma-role-badge {
    color: #fff;
}

body.admin-page-manage-admins .ma-role-super {
    background: var(--danger);
}

body.admin-page-manage-admins .ma-role-admin {
    background: #0d6efd;
}

body.admin-page-manage-admins .ma-status-active {
    background: var(--primary-color);
}

body.admin-page-manage-admins .ma-status-dot {
    font-size: .55rem;
}

body.admin-page-manage-admins .ma-reset-btn {
    min-width: 82px;
}

body.admin-page-manage-admins .ma-modal-header {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light)) !important;
    color: #fff !important;
}

body.admin-page-manage-admins .ma-modal-admin-pill {
    background: #e8f5e9;
}

body.admin-page-manage-admins .ma-password-hint-box {
    background: #fff8e1;
    border: 1px solid #ffe082;
}

body.admin-page-manage-admins .ma-security-note {
    background: #f0faf0;
    border: 1px solid #c3e6cb;
    color: #155724;
}

body.admin-page-manage-admins .ma-pass-ok {
    color: #15803d;
}

body.admin-page-manage-admins .ma-pass-bad {
    color: #b91c1c;
}

/* System info class-based upgrade boxes */
body.admin-page-system-info .si-upgrade-box {
    border-left: 4px solid #16a34a;
}

body.admin-page-system-info .si-upgrade-81 {
    background: #f8fdf9;
}

body.admin-page-system-info .si-upgrade-82 {
    background: #fff8e1;
    border-left-color: #f59e0b;
}

body.admin-page-system-info .si-upgrade-83 {
    background: #e3f2fd;
    border-left-color: #2196f3;
}

/* Grievances class-only style replacements */
body.admin-page-grievances .grv-track-code {
    font-size: .83rem;
    background: rgba(255,255,255,.15);
    padding: 2px 10px;
    border-radius: 6px;
    margin-left: 8px;
    letter-spacing: 1px;
}

body.admin-page-grievances .grv-subject-box {
    font-size: .9rem;
    color: #374151;
}

body.admin-page-grievances .grv-desc-box {
    min-height: 80px;
    white-space: pre-wrap;
    font-size: .9rem;
    line-height: 1.7;
    color: #374151;
}

body.admin-page-grievances .grv-response-box {
    white-space: pre-wrap;
    font-size: .9rem;
    color: #374151;
    background: #f0fff4;
}

body.admin-page-grievances .grv-note-head {
    background: #fff9e6;
    border-color: #ffc107;
}

body.admin-page-grievances .grv-note-icon {
    color: #b45309;
}

body.admin-page-grievances .grv-note-box {
    white-space: pre-wrap;
    font-size: .9rem;
    color: #5c4400;
    background: #fffdf0;
}

body.admin-page-grievances .grv-note-textarea {
    border-color: #ffc107;
    background: #fffdf0;
}

body.admin-page-grievances .grv-table-card {
    border-radius: 10px;
    overflow: hidden;
}

body.admin-page-grievances .grv-person-col {
    width: 200px;
}

body.admin-page-grievances .grv-anon-badge {
    font-size: .65rem;
}

/* DB setup class-only style replacements (first pass) */
body.admin-page-db-setup .dbs-bootstrap-wrap {
    max-width: 520px;
}

body.admin-page-db-setup .dbs-boot-note {
    font-size: .85rem;
    font-weight: 500;
    opacity: .95;
    margin-top: 8px;
}

body.admin-page-db-setup .dbs-page-icon {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    color: #fff;
    padding: 14px 18px;
    border-radius: 14px;
}

body.admin-page-db-setup .dbs-stat-icon {
    font-size: 2rem;
}

body.admin-page-db-setup .dbs-stat-icon.is-ok { color: var(--primary-color); }
body.admin-page-db-setup .dbs-stat-icon.is-bad { color: var(--danger); }
body.admin-page-db-setup .dbs-stat-icon.is-info { color: #0d6efd; }
body.admin-page-db-setup .dbs-stat-icon.is-muted { color: #999; }

body.admin-page-db-setup .dbs-card.dbs-card-primary {
    border-left: 4px solid var(--primary-color) !important;
}

body.admin-page-db-setup .dbs-soft-ok {
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
}

body.admin-page-db-setup .dbs-card.dbs-card-danger {
    border-left: 4px solid #dc3545 !important;
}

body.admin-page-db-setup .dbs-card.dbs-card-danger > .card-header {
    background: linear-gradient(135deg, #dc3545, #b42330) !important;
    color: #fff !important;
}

body.admin-page-db-setup .dbs-card.dbs-card-info {
    border-left: 4px solid #0d6efd !important;
}

body.admin-page-db-setup .dbs-card.dbs-card-info > .card-header {
    background: linear-gradient(135deg, #0d6efd, #0b5ed7) !important;
    color: #fff !important;
}

body.admin-page-db-setup .dbs-inline-code {
    background: rgba(255,255,255,.15);
    padding: 1px 5px;
    border-radius: 4px;
}

body.admin-page-db-setup .dbs-upload-strip {
    background: #f8f9fe;
}

body.admin-page-db-setup .dbs-mini-help {
    font-size: .7rem;
}

body.admin-page-db-setup .dbs-soft-head {
    background: #e8f0fe;
}

body.admin-page-db-setup .dbs-mini-badge {
    font-size: .6rem;
}

body.admin-page-db-setup .dbs-table-footnote {
    background: #f8f9fa;
}

body.admin-page-db-setup .dbs-lock-icon {
    font-size: 2.5rem;
}

body.admin-page-db-setup .dbs-lock-icon.is-locked {
    color: var(--primary-color);
}

body.admin-page-db-setup .dbs-lock-icon.is-unlocked {
    color: #dc3545;
}

body.admin-page-db-setup .dbs-head-badge {
    background: rgba(255,255,255,.2);
    font-size: .6rem;
}

body.admin-page-db-setup .dbs-form-label-sm {
    font-size: .8rem;
}

body.admin-page-db-setup .dbs-cred-warning {
    background: #fff3cd;
    border: 1px solid #ffc107;
    font-size: .72rem;
}

body.admin-page-db-setup .dbs-table-status-item {
    font-size: .82rem;
}

body.admin-page-db-setup .dbs-table-status-label {
    max-width: 120px;
}

/* Vendor enlistment (vendor-enlistment.php) */
.ven-desc-box {
    min-height: 80px;
    font-size: 0.9rem;
}

.ven-title-icon {
    color: #0f766e;
}

.ven-search-group {
    max-width: 220px;
}

.ven-col-company {
    width: 210px;
}

/* Grievance officer assignment (grievance-officer.php) */
.gof-card-header {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: #fff;
}

.gof-avatar-photo {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-color: #8b5cf6 !important;
}

.gof-avatar-fallback {
    width: 100px;
    height: 100px;
    background: #ede9fe;
    border-color: #8b5cf6 !important;
}

.gof-accent-icon,
.gof-position-accent {
    color: #8b5cf6;
}

.gof-badge-violet {
    background: #8b5cf6;
    color: #fff;
}

.gof-empty-state-icon {
    opacity: 0.3;
}

.gof-row-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 6px;
}

.gof-btn-violet {
    background: #8b5cf6;
    color: #fff;
    border-color: #8b5cf6;
}

.gof-btn-violet:hover {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
}

/* ═══════════════════════════════════════════════════════════════
   Plain light sidebar — सेतो सादा मेनु पृष्ठभूमि (नमूना जस्तै)
   admin.css / अगाडिका dark-sidebar नियमहरू override
   ═══════════════════════════════════════════════════════════════ */
.sidebar {
    background: #ffffff !important;
    box-shadow: 1px 0 0 #e5e7eb !important;
    border-right: none !important;
}

.sidebar-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

.sidebar-header .logo {
    color: #1f2937 !important;
}

.sidebar .nav-icon-wrap {
    background: #f3f4f6 !important;
    box-shadow: none !important;
    transform: none !important;
    flex-shrink: 0 !important;
    min-width: 28px !important;
    min-height: 28px !important;
}

.sidebar-nav a:hover .nav-icon-wrap {
    background: #e5e7eb !important;
    transform: none !important;
    box-shadow: none !important;
}

.sidebar-nav li.active > a .nav-icon-wrap,
.sidebar-nav li.active a .nav-icon-wrap,
.sidebar-nav a.active .nav-icon-wrap {
    background: rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
    transform: none !important;
}

.sidebar-nav a {
    color: #1f2937 !important;
    font-weight: 500 !important;
}

.sidebar-nav a:hover,
.sidebar-nav .nav-group-header:hover {
    background: #f3f4f6 !important;
    color: #111827 !important;
}

.sidebar-nav li.active > a,
.sidebar-nav a.active {
    background: var(--primary-color) !important;
    color: #fff !important;
    border-left: none !important;
    padding-left: 10px !important;
    font-weight: 600 !important;
}

.sidebar-nav > ul > li > a,
.sidebar-nav .nav-submenu > li > a,
.sidebar-nav .nav-group-header {
    border-bottom: none !important;
}

.sidebar .nav-icon-wrap i,
.sidebar .nav-group-icon i,
.sidebar .nav-submenu a i,
.sidebar-nav > ul > li > a i {
    color: #4b5563 !important;
}

.sidebar-nav li.active > a .nav-icon-wrap i,
.sidebar-nav li.active > a i,
.sidebar-nav a.active .nav-icon-wrap i,
.sidebar-nav a.active i,
.sidebar-nav li.active > a .nav-icon-accent,
.sidebar-nav a.active .nav-icon-accent {
    color: #fff !important;
}

.nav-group-header.open {
    background: #ecfdf3 !important;
    color: #14532d !important;
}

.nav-group-header.open:hover {
    background: #dcfce7 !important;
    color: #14532d !important;
}

.nav-group-header.open .nav-group-icon,
.nav-group-header.open .nav-group-label {
    color: #14532d !important;
}

.nav-group-header .nav-group-icon {
    color: #6b7280 !important;
}

.nav-group-header.open .nav-group-icon {
    color: #14532d !important;
    opacity: 1 !important;
}

/* Final hard override: plain white sidebar + black text + green hover */
.sidebar,
aside.sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e5e7eb !important;
}

.sidebar-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.sidebar-nav a,
.sidebar-nav .nav-group-header,
.sidebar-nav .nav-submenu > li > a {
    color: #111827 !important;
    background: transparent !important;
}

/* Menu item separators (restore subtle bottom lines) */
.sidebar-nav > ul > li > a,
.sidebar-nav .nav-group-header {
    border-bottom: 1px solid #d6dde8 !important;
}

.sidebar-nav .nav-submenu > li > a {
    border-bottom: 1px solid #e2e8f0 !important;
}

.sidebar-nav a:hover,
.sidebar-nav .nav-group-header:hover,
.sidebar-nav .nav-submenu > li > a:hover {
    background: #dff7e9 !important;
    color: #14532d !important;
}

/* Dashboard hover: clearer premium highlight */
.sidebar-nav a[href="dashboard.php"]:hover {
    background: #ccefdc !important;
    color: #134e2a !important;
    box-shadow: inset 0 0 0 1px #9dd8b8 !important;
}

.sidebar-nav li.active > a,
.sidebar-nav a.active,
.sidebar-nav .nav-submenu li.active > a {
    background: #dcfce7 !important;
    color: #14532d !important;
    border-left: 3px solid #16a34a !important;
}

.sidebar-nav li.active > a i,
.sidebar-nav a.active i,
.sidebar-nav li.active > a .nav-icon-wrap i,
.sidebar-nav a.active .nav-icon-wrap i {
    color: #166534 !important;
}

/* Consistent click/open color (beats legacy admin.css rules) */
aside.sidebar .sidebar-nav .nav-group-header.open,
aside.sidebar .sidebar-nav .nav-group-header.open:hover,
aside.sidebar .sidebar-nav li.active > a,
aside.sidebar .sidebar-nav a.active,
aside.sidebar .sidebar-nav .nav-submenu li.active > a,
aside.sidebar .sidebar-nav .nav-submenu li.active > a:hover {
    background: #dcfce7 !important;
    color: #14532d !important;
    border-left: 3px solid #16a34a !important;
}

aside.sidebar .sidebar-nav .nav-group-header.open .nav-group-icon,
aside.sidebar .sidebar-nav .nav-group-header.open .nav-group-label,
aside.sidebar .sidebar-nav .nav-group-header.open .nav-arrow,
aside.sidebar .sidebar-nav li.active > a i,
aside.sidebar .sidebar-nav a.active i,
aside.sidebar .sidebar-nav .nav-submenu li.active > a i {
    color: #166534 !important;
    opacity: 1 !important;
}

/* सूचना गिन्ने बैज — हल्का हरियो; रातो समूह बैज तलै छुट्टै */
.sidebar-nav > ul > li > a .badge:not(.group-badge),
.sidebar-nav .nav-submenu a .badge:not(.group-badge) {
    background: rgba(26, 95, 42, 0.12) !important;
    color: var(--primary-color) !important;
}

.sidebar-nav li.active > a .badge:not(.group-badge),
.sidebar-nav a.active .badge:not(.group-badge) {
    background: rgba(255, 255, 255, 0.28) !important;
    color: #fff !important;
}

.sidebar-user-strip {
    background: #f9fafb !important;
    border-top: 1px solid #e5e7eb !important;
    color: #374151 !important;
}

.sidebar-user-name {
    color: #111827 !important;
}

.sidebar-user-role {
    color: #6b7280 !important;
}

.sidebar-user-avatar {
    background: rgba(26, 95, 42, 0.1) !important;
    border-color: rgba(26, 95, 42, 0.28) !important;
    color: var(--primary-color) !important;
}

.sidebar-strip-logout {
    color: #6b7280 !important;
}

.sidebar-strip-logout:hover {
    color: #dc2626 !important;
}

.sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12) !important;
}

.nav-submenu.open {
    border-left-color: rgba(26, 95, 42, 0.35) !important;
}

@media (max-width: 991px) {
    .sidebar-close {
        background: #f3f4f6 !important;
        color: #374151 !important;
    }

    .sidebar-close:hover {
        background: #e5e7eb !important;
        color: #111827 !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   Admin मोबाइल/ट्याब्लेट: मुख्य क्षेत्र पूर्ण चौडाइ, फ्लेक्स ओभरफ्लो रोक
   (v9-mobile-fix सँग मिल्दो; रेल साइडबार नियम यहाँ लाग्दैन)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .admin-wrapper {
        max-width: 100%;
    }

    .admin-wrapper .main-content {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    /* उप-ट्याब / पिल्स — टच लक्ष्य (~44px), सानो स्क्रिनमा र्याप */
    .main-content ul.nav.admin-inner-tabstrip .nav-link {
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0.5rem 0.85rem !important;
    }

    .main-content ul.nav.nav-pills.admin-inner-tabstrip {
        gap: 6px !important;
        padding: 10px 10px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   Desktop + mouse: सानो आइकन रेल — hover मा पूरा लेबल (ठूलो main)
   coarse pointer (धेरै ट्याब्लेट): यो ब्लक छैन — पूर्ण चौडाइ साइडबार
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    :root {
        --sidebar-rail-width: 72px;
    }

    .admin-wrapper .main-content {
        margin-left: var(--sidebar-rail-width) !important;
        transition: margin-left 0.22s ease;
    }

    aside.sidebar#sidebar,
    aside.sidebar {
        width: var(--sidebar-rail-width) !important;
        transition: width 0.22s ease, box-shadow 0.2s ease !important;
        overflow-x: hidden !important;
    }

    aside.sidebar#sidebar:hover,
    aside.sidebar:hover {
        width: var(--sidebar-width, 260px) !important;
        box-shadow: 8px 0 28px rgba(15, 23, 42, 0.1) !important;
        z-index: 1050 !important;
    }

    /* बन्द: लेबल, तीर, बैज, सबमेनु */
    .sidebar:not(:hover) .sidebar-link-label,
    .sidebar:not(:hover) .nav-group-label,
    .sidebar:not(:hover) .nav-arrow,
    .sidebar:not(:hover) .sa-mini-badge,
    .sidebar:not(:hover) .nav-group-header .group-badge,
    .sidebar:not(:hover) .sidebar-nav > ul > li > a > .group-badge,
    .sidebar:not(:hover) .sidebar-nav > ul > li > a > span:not(.nav-icon-wrap):not(.badge):not(.group-badge),
    .sidebar:not(:hover) .nav-submenu a > span:not(.nav-icon-wrap):not(.badge),
    .sidebar:not(:hover) .nav-submenu a > .badge {
        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;
    }

    .sidebar:not(:hover) .nav-submenu {
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        transform: translateY(-4px) !important;
    }

    .sidebar:not(:hover) .sidebar-nav > ul > li > a,
    .sidebar:not(:hover) .sidebar-nav .nav-group-header {
        justify-content: center !important;
        gap: 0 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .sidebar:not(:hover) .sidebar-link-flex {
        justify-content: center !important;
    }

    .sidebar:not(:hover) .sidebar-header .sidebar-brand {
        justify-content: center !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .sidebar:not(:hover) .sidebar-brand-logo {
        max-width: 44px !important;
        max-height: 40px !important;
        margin: 0 auto !important;
    }

    .sidebar:not(:hover) .sidebar-user-meta,
    .sidebar:not(:hover) .sidebar-strip-logout {
        display: none !important;
    }

    .sidebar:not(:hover) .sidebar-user-strip {
        justify-content: center !important;
        padding: 10px 4px !important;
    }

    .sidebar .sidebar-nav > ul > li > a,
    .sidebar .sidebar-nav .nav-group-header {
        position: relative;
    }
}

@media (min-width: 992px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
    .admin-wrapper .main-content,
    aside.sidebar#sidebar,
    aside.sidebar {
        transition: none !important;
    }
}