/**
 * 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;
}

.ds-section {
    padding: 18px 22px !important;
    margin-bottom: 18px !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: color-mix(in srgb, var(--primary-color,#1a5f2a) 6%, white) !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(var(--primary-rgb,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(var(--primary-rgb,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(var(--primary-rgb,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: color-mix(in srgb, var(--primary-color,#1a5f2a) 8%, white);
    border: 1px solid color-mix(in srgb, var(--primary-color,#1a5f2a) 30%, white);
    border-left: 4px solid var(--primary-color);
    border-radius: var(--adm-radius-sm);
    padding: 12px 16px;
    margin-bottom: 18px;
    font-size: .88rem;
    color: var(--primary-dark,#0a4a25);
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.admin-help-tip .help-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background: var(--primary-color,#1a5f2a);
    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: color-mix(in srgb, var(--primary-color,#1a5f2a) 8%, white) !important;
    border-color: color-mix(in srgb, var(--primary-color,#1a5f2a) 35%, white) !important;
    color: var(--primary-dark, #0a4a25) !important;
}

.nav-tabs .nav-link.active,
.admin-nav-tabs .nav-link.active {
    background: color-mix(in srgb, var(--primary-color,#1a5f2a) 14%, white) !important;
    border-color: color-mix(in srgb, var(--primary-color,#1a5f2a) 55%, white) !important;
    color: var(--primary-dark, var(--primary-color, #0a4a25)) !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: var(--primary-color, #2f8f55) !important;
    box-shadow: 0 0 0 2px rgba(var(--primary-rgb,26,95,42), 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: var(--primary-color, #1f7a46) !important;
    border-color: var(--primary-color, #1f7a46) !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: var(--primary-dark, #176238) !important;
    border-color: var(--primary-dark, #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: var(--primary-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;
    line-height: 1.6;
}

.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;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    color: var(--primary-color) !important;
}

/* ds-section direct h2 — override global h2 size for admin dashboard sections */
.ds-section > h2 {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    color: var(--primary-color) !important;
    margin: 0 0 12px 0 !important;
}

.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; }

.wf-summary-bar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.wf-stat-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 74px;
    padding: 14px 16px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    text-decoration: none;
    color: #0f172a;
}

.wf-stat-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .10);
    text-decoration: none;
}

.wf-stat-chip .val {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 800;
}

.wf-stat-chip .lbl {
    font-size: .9rem;
    font-weight: 700;
    color: #475569;
}

.wf-stat-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    border-radius: 14px;
    font-size: 1.05rem;
}

.wf-stat-icon.pending {
    background: #fff7ed;
    color: #d97706;
}

.wf-stat-icon.review {
    background: #eff6ff;
    color: #1e40af;
}

.wf-stat-icon.approved {
    background: #ecfdf5;
    color: #166534;
}

.wf-type-row {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    margin-bottom: 10px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    background: #fff;
}

.wf-type-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f1f5f9;
    color: var(--primary-color, #198754);
}

.wf-type-name {
    min-width: 0;
    font-weight: 800;
    color: #1f2937;
}

.wf-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .28rem .62rem;
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.wf-badge.pending {
    background: #fff7ed;
    color: #c2410c;
}

.wf-badge.review {
    background: #eff6ff;
    color: #1d4ed8;
}

.wf-badge.approved {
    background: #ecfdf5;
    color: #047857;
}

@media (max-width: 768px) {
    .wf-summary-bar {
        grid-template-columns: 1fr;
    }

    .wf-type-row {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .wf-type-row > .d-flex {
        grid-column: 1 / -1;
    }
}

.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: var(--text-on-primary);
}

.svc-form-header-grad .btn-light {
    background: color-mix(in srgb, var(--text-on-primary) 14%, transparent);
    border-color: color-mix(in srgb, var(--text-on-primary) 28%, transparent);
    color: var(--text-on-primary);
}

.svc-form-header-grad .btn-light:hover {
    background: color-mix(in srgb, var(--text-on-primary) 22%, transparent);
    color: var(--text-on-primary);
}

/* 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 — theme tokens only (no hardcoded badge / chip colors) */
.tm-search-wrap {
    background: var(--bg-soft) !important;
    border-color: var(--border-color) !important;
}

.tm-search-wrap .tm-input-addon {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

.tm-search-wrap .search-count {
    color: var(--text-muted) !important;
}

.tm-search-ico {
    color: var(--text-muted);
}

.tm-tab-count {
    background: color-mix(in srgb, var(--primary-color) 85%, var(--primary-dark)) !important;
    color: var(--text-on-primary) !important;
    font-weight: 600;
}

.tm-stat-badge {
    font-weight: 600;
    font-size: 0.78rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.tm-stat-badge--total {
    background: color-mix(in srgb, var(--primary-color) 12%, var(--bg-card));
    color: var(--primary-color);
    border-color: color-mix(in srgb, var(--primary-color) 22%, transparent);
}

.tm-stat-badge--active {
    background: color-mix(in srgb, var(--primary-color) 18%, var(--bg-card));
    color: var(--primary-dark);
    border-color: color-mix(in srgb, var(--primary-color) 28%, transparent);
}

.tm-stat-badge--arch {
    background: color-mix(in srgb, var(--text-muted) 10%, var(--bg-card));
    color: var(--text-secondary);
    border-color: var(--border-color);
}

.tm-form-label {
    color: var(--primary-color) !important;
}

.tm-req-star {
    color: var(--secondary-color);
    font-weight: 800;
}

.tm-meta-muted {
    color: var(--text-muted) !important;
}

.tm-inline-link {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none;
}

.tm-inline-link:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

.tm-ico-accent {
    color: var(--primary-color) !important;
}

.tm-empty-state-ico {
    color: color-mix(in srgb, var(--primary-color) 45%, var(--text-muted)) !important;
}

.tm-role-badge {
    font-weight: 600;
    font-size: 0.72rem;
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    border: 1px solid transparent;
}

.tm-role-badge--info {
    background: color-mix(in srgb, var(--primary-color) 12%, var(--bg-card));
    color: var(--primary-color);
    border-color: color-mix(in srgb, var(--primary-color) 25%, transparent);
}

.tm-role-badge--griev {
    background: color-mix(in srgb, var(--secondary-color) 12%, var(--bg-card));
    color: var(--secondary-color);
    border-color: color-mix(in srgb, var(--secondary-color) 28%, transparent);
}

.tm-status--on {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.tm-status--off {
    background: color-mix(in srgb, var(--text-muted) 12%, var(--bg-card)) !important;
    color: var(--text-muted) !important;
    border: 1px solid var(--border-color) !important;
}

.tm-btn-edit {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.tm-btn-edit:hover {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: var(--text-on-primary) !important;
}

.tm-btn-del {
    border-color: color-mix(in srgb, var(--secondary-color) 55%, var(--border-color)) !important;
    color: var(--secondary-color) !important;
}

.tm-btn-del:hover {
    background: color-mix(in srgb, var(--secondary-color) 10%, var(--bg-card)) !important;
    color: var(--secondary-dark) !important;
}

.tm-btn-submit {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.tm-btn-submit:hover {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: var(--text-on-primary) !important;
}

.tm-btn-cancel {
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
    background: var(--bg-card) !important;
}

.tm-btn-cancel:hover {
    border-color: color-mix(in srgb, var(--primary-color) 35%, var(--border-color)) !important;
    color: var(--primary-dark) !important;
    background: var(--bg-soft) !important;
}

.tm-avatar-photo {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--primary-color) 22%, var(--border-color));
}

.tm-avatar-fallback {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.14), rgba(var(--primary-rgb), 0.22));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tm-cat-badge {
    font-weight: 600;
    font-size: .78rem;
    padding: 5px 10px;
    --tm-cat: var(--primary-color);
    background: color-mix(in srgb, var(--tm-cat) 16%, var(--bg-card));
    color: var(--tm-cat);
    border: 1px solid color-mix(in srgb, var(--tm-cat) 32%, transparent);
}

.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 color-mix(in srgb, var(--primary-color) 22%, var(--border-color));
}

/* 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: #f0f4f2 !important;
    color: #1f2937 !important;
    border-color: #d1d5db !important;
    border-bottom: 2px solid #c7cdd4 !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), var(--primary-dark)) !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: color-mix(in srgb, var(--text-on-primary) 94%, transparent) !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: color-mix(in srgb, var(--text-on-primary) 14%, transparent) !important;
    color: var(--text-on-primary) !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: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: transparent !important;
    box-shadow: 0 1px 4px rgba(var(--primary-rgb), 0.12) !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link .badge.adm-subpill-count {
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    padding: 0.2rem 0.45rem !important;
    border-radius: 999px !important;
}
/* Inactive tab (on brand strip): soft pill counts */
.main-content ul.nav.admin-inner-tabstrip .nav-link:not(.active) .adm-subpill-count {
    background: color-mix(in srgb, var(--text-on-primary) 18%, transparent) !important;
    color: var(--text-on-primary) !important;
    border: 1px solid color-mix(in srgb, var(--text-on-primary) 28%, transparent) !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link:not(.active) .adm-subpill-count--live {
    background: color-mix(in srgb, var(--text-on-primary) 22%, transparent) !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link:not(.active) .adm-subpill-count--arch {
    background: color-mix(in srgb, var(--text-on-primary) 14%, transparent) !important;
}
/* Active tab (white chip): counts use brand / muted tokens */
.main-content ul.nav.admin-inner-tabstrip .nav-link.active .adm-subpill-count--live,
.main-content ul.nav.admin-inner-tabstrip .show > .nav-link .adm-subpill-count--live {
    background: color-mix(in srgb, var(--primary-color) 16%, var(--bg-card)) !important;
    color: var(--primary-dark) !important;
    border: 1px solid color-mix(in srgb, var(--primary-color) 30%, transparent) !important;
}
.main-content ul.nav.admin-inner-tabstrip .nav-link.active .adm-subpill-count--arch,
.main-content ul.nav.admin-inner-tabstrip .show > .nav-link .adm-subpill-count--arch {
    background: color-mix(in srgb, var(--text-muted) 12%, var(--bg-card)) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

.main-content .admin-inner-tabstrip-tray {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 5px 15px rgba(15, 23, 42, 0.04);
}
.main-content .admin-inner-tabstrip-tray .btn {
    font-weight: 700;
    font-size: 0.85rem;
    border-radius: 8px !important;
    padding: 9px 14px !important;
    line-height: 1;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.main-content .admin-inner-tabstrip-tray .btn.btn-outline-success,
.main-content .admin-inner-tabstrip-tray .btn.btn-success {
    color: #334155 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}
.main-content .admin-inner-tabstrip-tray .btn.btn-outline-success:hover,
.main-content .admin-inner-tabstrip-tray .btn.btn-success:hover {
    background: #ecfdf5 !important;
    color: var(--primary-color, #1a5f2a) !important;
    border-color: transparent !important;
}
.main-content .admin-inner-tabstrip-tray .btn.btn-success.active,
.main-content .admin-inner-tabstrip-tray .btn.btn-outline-success.active {
    background: var(--primary-color, #1a5f2a) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary-color, #1a5f2a) !important;
    box-shadow: 0 4px 10px rgba(26, 95, 42, 0.18);
}

/* ─────────────────────────────────────────────────────────────
   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;
    }
}

/* ──────────────────────────────────────────────────────────
   Unified Action Icons — used in admin list "कार्य" column
   (View / Edit / Delete / Print / Reply)
   Reusable across all admin pages.
   ────────────────────────────────────────────────────────── */
.adm-action-icons {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}
.adm-action-icons .adm-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #6b7280;
    text-decoration: none;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease, color .15s ease;
    font-size: 0.85rem;
    line-height: 1;
}
.adm-action-icons .adm-icon-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}
.adm-action-icons .adm-icon-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}
.adm-action-icons .adm-icon-btn--view:hover  { border-color: #3b82f6; color: #1e40af; background: #eff6ff; }
.adm-action-icons .adm-icon-btn--edit:hover  { border-color: var(--primary-color, #1a5f2a); color: var(--primary-dark, #0e3d1a); background: #ecfdf5; }
.adm-action-icons .adm-icon-btn--delete:hover{ border-color: #ef4444; color: #991b1b; background: #fee2e2; }
.adm-action-icons .adm-icon-btn--print:hover { border-color: #6366f1; color: #3730a3; background: #eef2ff; }
.adm-action-icons .adm-icon-btn--reply:hover { border-color: #0ea5e9; color: #075985; background: #e0f2fe; }
.adm-action-icons .adm-icon-form {
    display: inline;
    margin: 0;
    padding: 0;
}
.adm-action-icons .adm-icon-btn:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--primary-color, #1a5f2a) 60%, transparent);
    outline-offset: 2px;
}

/* ──────────────────────────────────────────────────────────
   Unified Legacy Detail Tabs
   Gives older single-record admin pages the same detail shell
   without changing their existing forms or server handlers.
   ────────────────────────────────────────────────────────── */
.arv-legacy-detail {
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}
.arv-legacy-detail > .card-header,
.arv-legacy-detail .gradient-card-header {
    background: linear-gradient(135deg, var(--primary-color, #1a5f2a), #0f766e) !important;
    color: #fff !important;
    border: 0 !important;
    padding: 16px 20px !important;
}
.arv-legacy-detail > .card-body {
    background: #f8fafc;
    padding: 18px;
}
.arv-legacy-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
    align-items: start;
}
.arv-legacy-shell.arv-legacy-shell--single {
    grid-template-columns: 1fr;
}
.arv-legacy-main,
.arv-legacy-sidebar {
    min-width: 0;
}
.arv-legacy-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: -18px -18px 18px;
    padding: 0 18px;
    list-style: none;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}
.arv-legacy-tabs button {
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #334155;
    border-radius: 0;
    padding: 14px 16px 11px;
    font-weight: 800;
    line-height: 1;
}
.arv-legacy-tabs button:hover {
    color: var(--primary-color, #1a5f2a);
}
.arv-legacy-tabs button.active {
    border-bottom-color: var(--primary-color, #1a5f2a);
    color: var(--primary-color, #1a5f2a);
}
.arv-legacy-pane {
    display: none;
}
.arv-legacy-pane.active {
    display: block;
}
.arv-legacy-pane > .adm-info-group,
.arv-legacy-pane > .card,
.arv-legacy-pane > .alert,
.arv-legacy-sidebar > .card,
.arv-legacy-sidebar > form,
.arv-legacy-sidebar > .alert {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}
.arv-legacy-pane > .adm-info-group {
    padding: 16px;
    margin-bottom: 14px;
}
.arv-legacy-pane > .adm-info-group:last-child {
    margin-bottom: 0;
}
.arv-legacy-sidebar .card,
.arv-legacy-sidebar form,
.arv-legacy-sidebar .alert {
    margin-bottom: 14px;
}
.arv-empty-tab {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 180px;
    padding: 28px;
    text-align: center;
    color: #64748b;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
}
.arv-empty-tab i {
    width: 48px;
    height: 48px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #ecfdf5;
    color: var(--primary-color, #1a5f2a);
    font-size: 1.15rem;
}
.arv-empty-tab strong {
    color: #334155;
    font-weight: 800;
}
.arv-empty-tab span {
    font-size: .9rem;
}

/* ──────────────────────────────────────────────────────────
   Unified primary "खोज" / Submit button — flat modern green.
   पुरानो blue→green gradient सबैतिरबाट हटाउने।
   ────────────────────────────────────────────────────────── */
.main-content .btn-primary,
.main-content button.btn-primary,
.main-content a.btn-primary,
.main-content .card .btn-primary,
.main-content .adm-filter-bar .btn-primary,
.main-content form .btn-primary,
.main-content .tab-content .btn-primary {
    background: var(--primary-color, #1a5f2a) !important;
    background-image: none !important;
    border: 1px solid var(--primary-color, #1a5f2a) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(26, 95, 42, 0.18) !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
.main-content .btn-primary:hover,
.main-content button.btn-primary:hover,
.main-content a.btn-primary:hover,
.main-content .card .btn-primary:hover,
.main-content .adm-filter-bar .btn-primary:hover,
.main-content form .btn-primary:hover,
.main-content .tab-content .btn-primary:hover {
    background: var(--primary-dark, #144a21) !important;
    background-image: none !important;
    border-color: var(--primary-dark, #144a21) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(26, 95, 42, 0.22) !important;
}
.main-content .btn-primary:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--primary-color, #1a5f2a) 60%, transparent) !important;
    outline-offset: 2px !important;
}
.main-content .admin-page-header .btn-primary,
.main-content .admin-page-header a.btn-primary {
    background: rgba(255, 255, 255, 0.18) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.main-content .admin-page-header .btn-primary:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
}

/* ──────────────────────────────────────────────────────────
   Filter-bar duplicate search icon fix:
   Pages have <span class="input-group-text"><i class="fa-search"></i></span>
   inside the input-group AND a separate green submit button.
   That's two search icons. Hide the redundant prepend.
   ────────────────────────────────────────────────────────── */
.main-content .adm-filter-bar .input-group .input-group-text:has(.fa-search),
.main-content .adm-filter-bar .input-group .input-group-text:has(.fa-magnifying-glass) {
    display: none !important;
}
/* Once the prepend is gone, the input must regain full radius and full borders. */
.main-content .adm-filter-bar .input-group .form-control {
    border-radius: 10px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-left-width: 1.5px !important;
}
.main-content .adm-filter-bar .input-group .form-control.border-start-0 {
    border-left-width: 1.5px !important;
}

/* Align all filter rows so labels + fields + buttons sit on one line. */
.main-content .adm-filter-bar form.row,
.main-content .adm-filter-bar > form > .row {
    align-items: end !important;
    row-gap: 8px !important;
}
/* Uniform height for every interactive element on the row. */
.main-content .adm-filter-bar .form-select-sm,
.main-content .adm-filter-bar .form-control-sm,
.main-content .adm-filter-bar .form-control,
.main-content .adm-filter-bar .form-select,
.main-content .adm-filter-bar .input-group {
    height: 38px !important;
}

/* ──────────────────────────────────────────────────────────
   Submit + reset button column — horizontal compact icon pair
   Submit (खोज) = green Q, Reset (हटाउनुहोस्) = grey ×.
   Both 38×38, side-by-side, same row baseline as inputs.
   ────────────────────────────────────────────────────────── */
.main-content .adm-filter-bar form.row > [class*="col-"]:last-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
}
.main-content .adm-filter-bar form.row > [class*="col-"]:last-child > * {
    margin: 0 !important;
}
/* Both submit and reset become identical compact icon chips. */
.main-content .adm-filter-bar button[type="submit"].btn-primary,
.main-content .adm-filter-bar button[type="submit"].btn.btn-primary,
.main-content .adm-filter-bar a.btn.btn-outline-secondary.btn-sm,
.main-content .adm-filter-bar a.btn.btn-outline-danger.btn-sm,
.main-content .adm-filter-bar button.btn.btn-outline-secondary.btn-sm,
.main-content .adm-filter-bar button.btn.btn-outline-danger.btn-sm {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    flex: 0 0 38px !important;
}
.main-content .adm-filter-bar button[type="submit"].btn-primary i,
.main-content .adm-filter-bar a.btn.btn-outline-secondary.btn-sm i,
.main-content .adm-filter-bar a.btn.btn-outline-danger.btn-sm i,
.main-content .adm-filter-bar button.btn.btn-outline-secondary.btn-sm i,
.main-content .adm-filter-bar button.btn.btn-outline-danger.btn-sm i {
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}
/* Reset (हटाउनुहोस्) — clear-style colour: subtle grey w/ × */
.main-content .adm-filter-bar a.btn.btn-outline-secondary.btn-sm,
.main-content .adm-filter-bar button.btn.btn-outline-secondary.btn-sm {
    background: #fff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #475569 !important;
}
.main-content .adm-filter-bar a.btn.btn-outline-secondary.btn-sm:hover,
.main-content .adm-filter-bar button.btn.btn-outline-secondary.btn-sm:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #1e293b !important;
}
/* Override w-100 / mt-1 utilities applied inline on these specific buttons */
.main-content .adm-filter-bar form.row > [class*="col-"]:last-child .w-100,
.main-content .adm-filter-bar form.row > [class*="col-"]:last-child .mt-1 {
    width: 38px !important;
    margin-top: 0 !important;
}

/* ──────────────────────────────────────────────────────────
   Density Polish — सबै admin pages मा एकैसाथ effect:
   - Page header banner: tighter padding
   - Stat cards: smaller height, uniform alignment
   - Filter bar: smaller labels, less spacing
   - Help tip / banner alerts: compact
   ────────────────────────────────────────────────────────── */
.main-content .stat-uniform-card,
.main-content .stat-mini,
.main-content .col-6.col-md-3 > .card.stat-uniform-card {
    padding: 14px 12px !important;
    border-radius: 14px !important;
}
.main-content .stat-uniform-card i.fa-2x,
.main-content .stat-uniform-card .fa-2x {
    font-size: 1.45rem !important;
    margin-bottom: 6px !important;
}
.main-content .stat-uniform-card .stat-value,
.main-content .stat-uniform-card .sm-val {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
.main-content .stat-uniform-card .stat-label,
.main-content .stat-uniform-card .sm-lbl {
    font-size: .76rem !important;
    color: #64748b !important;
    margin-top: 2px !important;
}
.main-content .stat-mini-row {
    gap: 10px !important;
}
.main-content .adm-filter-bar {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    margin-bottom: 14px !important;
}
.main-content .adm-filter-bar label {
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    color: #64748b !important;
    margin-bottom: 4px !important;
}
.main-content .adm-filter-bar .form-select-sm,
.main-content .adm-filter-bar .form-control-sm,
.main-content .adm-filter-bar .input-group-sm > .form-control,
.main-content .adm-filter-bar .input-group-sm > .input-group-text {
    font-size: .85rem !important;
    height: 38px !important;
    border-radius: 10px !important;
}
.main-content .admin-help-tip {
    padding: 10px 14px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    font-size: .82rem !important;
    color: #475569 !important;
}
.main-content .alert {
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: .88rem !important;
}
.main-content .admin-page-header {
    padding: 14px 18px !important;
    border-radius: 14px !important;
    margin-bottom: 14px !important;
}
.main-content .admin-page-subtitle-text {
    font-size: .82rem !important;
    color: rgba(255, 255, 255, 0.85) !important;
}
.main-content .tbl-header-bar {
    padding: 10px 14px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.main-content .tbl-header-bar h6 {
    font-size: .92rem !important;
    margin: 0 !important;
    font-weight: 800 !important;
    color: #1e293b !important;
}
.main-content .result-count-badge {
    font-size: .72rem !important;
    background: #ecfdf5 !important;
    color: var(--primary-color, #1a5f2a) !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
}

@media (max-width: 991.98px) {
    .arv-legacy-shell {
        grid-template-columns: 1fr;
    }
    .arv-legacy-detail > .card-body {
        padding: 14px;
    }
    .arv-legacy-tabs {
        margin: -14px -14px 14px;
        padding: 0 12px;
    }
}

/* ═══════════════════════════════════════════════════
   45. CREDENTIALS PAGE (admin/credentials.php)
   ═══════════════════════════════════════════════════ */
.cred-page-title { margin: 0; color: var(--primary-color); font-size: 1.55rem; font-weight: 700; line-height: 1.2; }
.cred-page-sub { color: var(--text-muted); margin: 6px 0 0; font-size: .92rem; }
.cred-inline-actions .btn-coop.btn-outline { background: var(--white,#fff) !important; color: var(--primary-dark,var(--primary-color)) !important; border: 1.5px solid var(--primary-color) !important; }
.cred-inline-actions .btn-coop.btn-outline:hover { background: color-mix(in srgb, var(--primary-color) 10%, white) !important; color: var(--primary-dark,var(--primary-color)) !important; }
.cred-inline-actions .btn-coop[type="submit"] { background: var(--primary-color) !important; color: var(--text-on-primary,white) !important; }
.cred-inline-actions .btn-coop[type="submit"]:hover { background: var(--primary-dark,var(--primary-color)) !important; }
.cred-empty-title { font-size: .95rem; font-weight: 600; color: var(--text-color) !important; }
.cred-empty-hint { font-size: .875rem; color: var(--text-light) !important; max-width: 26rem; margin-left: auto; margin-right: auto; }
.cred-page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.cred-warn-note { color: var(--secondary-dark,var(--secondary-color)); }
.cred-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap: 18px; }
.cred-card { padding: 18px; position: relative; }
.cred-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.cred-favicon { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; background: color-mix(in srgb, var(--primary-color) 8%, var(--bg-soft)); }
.cred-head-meta { flex: 1; min-width: 0; }
.cred-name { font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cred-cat { color: var(--text-muted); }
.cred-row { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.cred-code { flex: 1; background: var(--bg-soft); padding: 6px 10px; border-radius: 6px; font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cred-code.pw { letter-spacing: 2px; }
.cred-open-btn { width: 100%; font-size: .85rem; padding: 8px; }
.cred-actions-top { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; }
.cred-icon-btn { padding: 4px; color: var(--text-muted); }
.cred-icon-btn.danger { color: var(--secondary-color); }
.cred-panel { max-width: 700px; width: 100%; margin: 18px auto 0; }
.cred-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.cred-panel-title { color: var(--primary-color); margin-top: 0; }
.cred-form-grid { display: grid; gap: 12px; }
.cred-form-actions { display: flex; gap: 10px; margin-top: 18px; justify-content: flex-end; }
.cred-toast { position: fixed; bottom: 24px; right: 24px; background: var(--primary-color); color: var(--text-on-primary,white); padding: 12px 20px; border-radius: 10px; box-shadow: 0 4px 16px rgba(var(--primary-rgb),.24); z-index: 99999; font-family: var(--font-primary); }
@media (max-width: 768px) { .cred-page-title { font-size: 1.28rem; } .cred-page-sub { font-size: .86rem; } }

/* ═══════════════════════════════════════════════════
   46. APP FEATURES PAGE (admin/app-features.php)
   ═══════════════════════════════════════════════════ */
.appfeat-flat-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.appfeat-icon-wrap { width: 44px; height: 44px; background: linear-gradient(135deg, color-mix(in srgb,var(--primary-color) 12%,white), color-mix(in srgb,var(--primary-light) 16%,white)); border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.appfeat-inline-form { display: inline; }
.appfeat-toggle-badge { cursor: pointer; }
.appfeat-form-header { background: linear-gradient(135deg, var(--primary-color), var(--primary-light)); color: var(--text-on-primary); }
.appfeat-stat-pill { background: color-mix(in srgb,var(--primary-color) 14%,white); color: var(--primary-dark); border: 1px solid color-mix(in srgb,var(--primary-color) 24%,white); }
.appfeat-count-badge { background: var(--primary-color) !important; color: var(--text-on-primary) !important; }
.appfeat-icon { color: var(--primary-color); }
.appfeat-order-badge { background: color-mix(in srgb,var(--primary-color) 10%,white); color: var(--primary-dark); border: 1px solid color-mix(in srgb,var(--primary-color) 20%,white); }
.appfeat-label { color: var(--primary-dark); }
.appfeat-icon-prev { background: var(--primary-color); color: var(--text-on-primary); }
.appfeat-submit { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); }
.appfeat-submit:hover, .appfeat-submit:focus { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--text-on-primary); }
.appfeat-muted { color: var(--text-muted) !important; }
.appfeat-toggle-on { background: color-mix(in srgb,var(--secondary-color) 16%,white); color: var(--secondary-dark); }
.appfeat-toggle-off { background: color-mix(in srgb,var(--text-muted) 12%,white); color: var(--text-light); }
.appfeat-status-on { background: color-mix(in srgb,var(--primary-color) 16%,white); color: var(--primary-dark); }
.appfeat-status-off { background: color-mix(in srgb,var(--text-muted) 14%,white); color: var(--text-light); }
.appfeat-btn-edit { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); }
.appfeat-btn-edit:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--text-on-primary); }
.appfeat-btn-delete { background: var(--secondary-color); border-color: var(--secondary-color); color: var(--text-on-secondary); }
.appfeat-btn-delete:hover { background: var(--secondary-dark); border-color: var(--secondary-dark); color: var(--text-on-secondary); }
.appfeat-cancel-btn { background: color-mix(in srgb,var(--primary-color) 8%,white); color: var(--primary-dark); border: 1px solid color-mix(in srgb,var(--primary-color) 18%,white); }
.appfeat-required { color: var(--secondary-color); }

/* ═══════════════════════════════════════════════════
   47. ADMIN FOOTER PARTIAL (admin/_partials/footer.php)
   ═══════════════════════════════════════════════════ */
.admin-bottom-nav .admin-nav-item { display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--text-muted); text-decoration: none; font-size: 11px; font-weight: 600; padding: 4px 8px; border-radius: var(--radius-sm); transition: color .15s; }
.admin-bottom-nav .admin-nav-item:hover { color: var(--brand-primary,var(--primary-color)); }
.admin-bottom-nav .admin-nav-item i { font-size: 18px; }
body.admin-shell { padding-bottom: 70px; }
@media (min-width: 900px) { .admin-bottom-nav { display: none; } body.admin-shell { padding-bottom: 0; } }

/* ═══════════════════════════════════════════════════
   48. SITE LICENSE BLOCKED (admin/site-license-blocked.php)
   ═══════════════════════════════════════════════════ */
.slb-shell { width: 100%; max-width: 540px; }
.slb-card-main { border-radius: 20px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(15,23,42,.06), 0 20px 50px -12px rgba(22,101,52,.12); overflow: hidden; background: var(--white,#fff); }
.slb-card-head { background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%); color: var(--white,#fff); padding: 1.35rem 1.5rem 1.25rem; text-align: center; }
.slb-card-head h1 { margin: 0; font-size: clamp(1.1rem,3.2vw,1.3rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.35; }
.slb-card-head .sub { margin: .65rem 0 0; opacity: .92; font-size: .9rem; line-height: 1.55; }
.slb-ico-wrap { width: 72px; height: 72px; margin: 0 auto 14px; border-radius: 50%; background: #fffbeb; border: 1px solid #fcd34d; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(217,119,6,.15); }
.slb-ico-wrap i { font-size: 1.85rem; color: #d97706; }
.slb-card-body { padding: 1.4rem 1.5rem 1.5rem; }
.slb-pill-row { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-bottom: 1rem; }
.slb-pill { font-size: .78rem; font-weight: 600; padding: .35rem .75rem; border-radius: 999px; background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.slb-dates-box { background: var(--bg-soft,#f8fafc); border: 1px solid #e2e8f0; border-radius: 14px; padding: 1rem 1.1rem; margin-bottom: 1.15rem; font-size: .9rem; }
.slb-dates-box .lbl { font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted,#64748b); margin-bottom: .2rem; }
.slb-vendor-note { background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 14px; padding: .9rem 1rem; margin-bottom: 1rem; font-size: .82rem; line-height: 1.55; color: #1e3a5f; }
.slb-pay-box { background: var(--bg-soft,#f8fafc); border: 1px solid #e2e8f0; border-radius: 14px; padding: 1rem 1.1rem; margin-bottom: 1rem; font-size: .85rem; }
.slb-pay-box code { color: var(--secondary-dark,#be185d); font-weight: 600; }
.slb-amt-locked { background: #f3f4f6; border: 2px dashed #9ca3af; border-radius: 10px; padding: .65rem .85rem; font-weight: 700; font-size: .95rem; }
.slb-steps { background: rgba(var(--primary-rgb,26,95,42),.06); border: 1px solid rgba(var(--primary-rgb,26,95,42),.2); border-radius: 14px; padding: 1rem 1.1rem; margin-bottom: 1.25rem; }
.slb-steps ol { margin: 0; padding-left: 1.2rem; font-size: .88rem; line-height: 1.65; color: var(--text-color,#334155); }
.slb-btn-logout { border-radius: 12px; font-weight: 600; padding: .5rem 1.25rem; }

/* ═══════════════════════════════════════════════════
   49. SITE HEALTH PAGE (admin/site-health.php)
   ═══════════════════════════════════════════════════ */
#fp-canvas { min-height: 280px; }
.fp-section-label { font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--primary-color); border-left: 3px solid var(--primary-color); padding: 2px 0 2px 10px; margin-bottom: 1rem; }
.fp-simfocus { border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(var(--primary-rgb,26,95,42),.15) !important; }
#fp-canvas.fp-dark { background: #1e293b; border-radius: 0 0 .375rem .375rem; }
#fp-canvas.fp-dark .form-control, #fp-canvas.fp-dark .form-select, #fp-canvas.fp-dark .input-group-text { background: #0f172a; border-color: #334155; color: #e2e8f0; }
#fp-canvas.fp-dark .form-control::placeholder { color: #64748b; }
#fp-canvas.fp-dark .form-label, #fp-canvas.fp-dark .form-check-label, #fp-canvas.fp-dark .fp-section-label, #fp-canvas.fp-dark .form-text { color: #94a3b8 !important; }
#fp-canvas.fp-dark .fp-section-label { border-left-color: #4ade80; color: #4ade80 !important; }
#fp-canvas.fp-dark .form-check-input { background-color: #0f172a; border-color: #475569; }
#fp-canvas.fp-dark .btn-outline-secondary { color: #94a3b8; border-color: #475569; }
#fp-canvas.fp-dark label.form-label { color: #94a3b8 !important; }

/* ═══════════════════════════════════════════════════
   50. ADMIN AUCTIONS (admin/auctions.php)
   ═══════════════════════════════════════════════════ */
.info-section { background: #f8f9fa; padding: 20px; border-radius: 12px; margin-bottom: 1.5rem; }
.section-heading { color: var(--primary-color); margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); font-size: 1rem; display: flex; align-items: center; gap: 8px; }
.area-unit { font-size: .75rem; color: #666; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }
.map-preview { border-radius: 10px; overflow: hidden; border: 2px solid #dee2e6; margin-top: 8px; }
.doc-preview { background: #fff3cd; border: 1px solid #ffc107; border-radius: 8px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.img-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; border: 2px solid #dee2e6; cursor: pointer; }
.img-thumb:hover { border-color: var(--primary-color); }
.remove-img-btn { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 50%; background: #dc3545; color: #fff; border: none; font-size: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

/* ═══════════════════════════════════════════════════
   51. ADMIN DASHBOARD (admin/dashboard.php)
   ═══════════════════════════════════════════════════ */
.ds-card { background: var(--surface-color); border: 2px solid color-mix(in srgb, var(--primary-color) 12%, white); border-radius: 16px; padding: 1.25rem 1rem; text-decoration: none; color: inherit; display: flex; align-items: center; gap: 1rem; transition: all .3s cubic-bezier(.4,0,.2,1); position: relative; overflow: hidden; box-shadow: 0 4px 16px rgba(var(--primary-rgb), .1); }
.ds-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary-color) 10%, white), transparent); transition: left .5s; }
.ds-card:hover::before { left: 100%; }
.ds-card:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 8px 32px rgba(var(--primary-rgb), .2); border-color: var(--primary-color); text-decoration: none; color: inherit; }
.ds-icon { width: 56px; height: 56px; border-radius: 14px; display: grid; place-items: center; font-size: 1.4rem; flex-shrink: 0; background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, white), color-mix(in srgb, var(--primary-color) 25%, white)); color: var(--primary-color); box-shadow: 0 4px 12px rgba(var(--primary-rgb), .2); transition: all .3s; }
.ds-card:hover .ds-icon { transform: scale(1.1) rotate(5deg); box-shadow: 0 6px 16px rgba(var(--primary-rgb), .3); }
.ds-icon.warn { background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 15%, white), color-mix(in srgb, var(--secondary-color) 25%, white)); color: var(--secondary-dark); box-shadow: 0 4px 12px rgba(var(--secondary-rgb), .2); }
.ds-card:hover .ds-icon.warn { transform: scale(1.1) rotate(-5deg); box-shadow: 0 6px 16px rgba(var(--secondary-rgb), .3); }
.ds-icon.danger { background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 20%, white), color-mix(in srgb, var(--secondary-color) 30%, white)); color: var(--secondary-dark); box-shadow: 0 4px 12px rgba(var(--secondary-rgb), .3); }
.ds-card:hover .ds-icon.danger { transform: scale(1.1) rotate(5deg); box-shadow: 0 6px 20px rgba(var(--secondary-rgb), .4); }
.ds-val { font-size: 1.8rem; font-weight: 900; line-height: 1; color: var(--primary-dark); transition: all .3s; }
.ds-card:hover .ds-val { color: var(--primary-color); transform: scale(1.05); }
.ds-lbl { font-size: .78rem; color: var(--text-light); font-weight: 600; text-transform: uppercase; letter-spacing: .4px; margin-top: .2rem; }
.dash-title-main { font-size: 1.6rem; font-weight: 800; color: var(--primary-dark); margin: 0; display: flex; align-items: center; gap: .75rem; background: linear-gradient(135deg, var(--primary-dark), var(--primary-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.ds-tabs { display: flex; gap: 0; margin-bottom: 1.5rem; background: linear-gradient(135deg, var(--surface-color), color-mix(in srgb, var(--primary-color) 5%, white)); border-radius: 12px; padding: 4px; box-shadow: 0 2px 12px rgba(var(--primary-rgb), .1); overflow-x: auto; }
.ds-tab { flex: 1; min-width: 120px; padding: .75rem 1rem; border: none; background: transparent; color: var(--text-muted); font-weight: 600; font-size: .88rem; cursor: pointer; border-radius: 8px; transition: all .3s; position: relative; overflow: hidden; }
.ds-tab::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent); transition: left .5s; }
.ds-tab:hover::before { left: 100%; }
.ds-tab:hover { color: var(--primary-color); background: color-mix(in srgb, var(--primary-color) 8%, white); }
.ds-tab.active { background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); color: var(--text-on-primary); box-shadow: 0 2px 8px rgba(var(--primary-rgb), .3); transform: scale(1.02); }
.ds-tab i { margin-right: .4rem; position: relative; z-index: 1; }
.ds-tab span { position: relative; z-index: 1; }
.dash-btn-primary { background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); border-color: var(--primary-color); color: var(--text-on-primary); box-shadow: 0 2px 8px rgba(var(--primary-rgb), .3); transition: all .3s; }
.dash-btn-primary:hover { background: linear-gradient(135deg, var(--primary-dark), var(--primary-color)); border-color: var(--primary-dark); color: var(--text-on-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--primary-rgb), .4); }
.dash-btn-outline-primary { border-color: var(--primary-color); color: var(--primary-color); background: color-mix(in srgb, var(--primary-color) 8%, white); transition: all .3s; }
.dash-btn-outline-primary:hover { background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); color: var(--text-on-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--primary-rgb), .3); }
.dash-btn-outline-secondary { border-color: var(--secondary-color); color: var(--secondary-color); background: color-mix(in srgb, var(--secondary-color) 8%, white); transition: all .3s; }
.dash-btn-outline-secondary:hover { background: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark)); color: var(--text-on-secondary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--secondary-rgb), .3); }
.dash-btn-outline-warn { border-color: var(--secondary-color); color: var(--secondary-color); background: color-mix(in srgb, var(--secondary-color) 8%, white); transition: all .3s; }
.dash-btn-outline-warn:hover { background: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark)); color: var(--text-on-secondary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--secondary-rgb), .3); }
.dash-badge-alert { background: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark)); color: var(--text-on-secondary); box-shadow: 0 2px 6px rgba(var(--secondary-rgb), .3); }
.dash-badge-primary { background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); color: var(--text-on-primary); box-shadow: 0 2px 6px rgba(var(--primary-rgb), .3); }
.dash-muted-inline { color: var(--text-light); }
.ds-pane { display: none; animation: fadeIn .3s ease-in-out; }
.ds-pane.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ═══════════════════════════════════════════════════
   52. ADMIN GALLERY (admin/gallery.php)
   ═══════════════════════════════════════════════════ */
.gal-yt-icon { color: var(--secondary-color); }
.gal-search-group { max-width: 300px; }
.gal-thumb { width: 100%; height: 130px; object-fit: cover; border-radius: 10px; }
.gal-inline-form { display: inline; }
.gal-upload-drop { border: 2px dashed var(--primary-light); border-radius: 12px; background: color-mix(in srgb, var(--primary-color) 6%, white); cursor: pointer; }
.gal-video-head { background: linear-gradient(135deg, var(--secondary-dark, var(--secondary-color)), var(--secondary-color)); color: var(--text-on-secondary, var(--text-on-primary, white)); }
.gal-hover-shadow { box-shadow: 0 8px 24px rgba(var(--primary-rgb,26,95,42), .22); }
.gal-hover-overlay { background: linear-gradient(transparent, rgba(var(--primary-rgb,26,95,42), .86)); }
.gallery-card { border-radius: 10px; overflow: hidden; position: relative; transition: transform .2s; }
.gallery-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(var(--primary-rgb,26,95,42), .22); }
.gallery-hover-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(var(--primary-rgb,26,95,42), .86)); padding: 30px 8px 8px; opacity: 0; transition: opacity .3s; }
.gallery-card:hover .gallery-hover-overlay { opacity: 1; }

/* ═══════════════════════════════════════════════════
   53. ADMIN SETTINGS (admin/settings.php)
   ═══════════════════════════════════════════════════ */
.stg-help-compact { font-size: .82rem; }
.stg-color-input { height: 50px; }
.stg-media-preview-logo { max-height: 100px; }
.stg-media-preview-md { max-height: 120px; }
.stg-media-preview-sm { max-height: 90px; }
.stg-ico-primary, .stg-title-primary { color: var(--primary-color) !important; }
.stg-title-accent { color: var(--primary-dark) !important; }
.stg-ico-danger { color: var(--secondary-color) !important; }
.stg-ico-info { color: var(--accent-color) !important; }
.stg-ico-success { color: var(--primary-color) !important; }
.stg-save-btn { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); }
.stg-save-btn:hover, .stg-save-btn:focus { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--text-on-primary); }
.stg-badge-warn { background: var(--secondary-color) !important; color: var(--text-on-secondary) !important; }
.stg-date-addon { background: var(--primary-color) !important; color: var(--text-on-primary) !important; border-color: var(--primary-color) !important; }
.stg-alert-success { background: color-mix(in srgb, var(--primary-color) 12%, white); border-color: color-mix(in srgb, var(--primary-color) 24%, white); color: var(--primary-dark); }
.stg-muted { color: var(--text-muted) !important; }

/* ═══════════════════════════════════════════════════
   54. ADMIN NOTICES (admin/notices.php)
   ═══════════════════════════════════════════════════ */
.ntc-stat-pill { background: color-mix(in srgb, var(--primary-color) 14%, white); color: var(--primary-dark); border: 1px solid color-mix(in srgb, var(--primary-color) 24%, white); }
.ntc-count-badge { background: var(--primary-color) !important; color: var(--text-on-primary) !important; }
.ntc-file-icon, .ntc-date-icon, .ntc-title-label i, .ntc-content-label i, .ntc-date-label i, .ntc-attach-label i, .ntc-attach-link { color: var(--primary-color) !important; }
.ntc-popup-badge { background: color-mix(in srgb, var(--accent-color) 16%, white); color: var(--accent-dark); }
.ntc-status-on { background: color-mix(in srgb, var(--primary-color) 16%, white); color: var(--primary-dark); }
.ntc-status-off { background: color-mix(in srgb, var(--secondary-color) 16%, white); color: var(--secondary-dark); }
.ntc-btn-edit { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); }
.ntc-btn-edit:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--text-on-primary); }
.ntc-btn-delete { background: var(--secondary-color); border-color: var(--secondary-color); color: var(--text-on-secondary); }
.ntc-btn-delete:hover { background: var(--secondary-dark); border-color: var(--secondary-dark); color: var(--text-on-secondary); }
.ntc-label { color: var(--primary-dark); }
.ntc-required { color: var(--secondary-color); }
.ntc-date-trigger { background: var(--primary-color); color: var(--text-on-primary); }
.ntc-bell-icon { color: var(--secondary-color); }
.ntc-submit { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); }
.ntc-submit:hover, .ntc-submit:focus { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--text-on-primary); }
.ntc-soft-bg { background: color-mix(in srgb, var(--primary-color) 8%, white) !important; }
.ntc-muted { color: var(--text-muted) !important; }
.ntc-bulk-active { background: color-mix(in srgb, var(--primary-color) 14%, white); border-color: color-mix(in srgb, var(--primary-color) 24%, white); color: var(--primary-dark); }
.ntc-bulk-inactive { background: color-mix(in srgb, var(--secondary-color) 14%, white); border-color: color-mix(in srgb, var(--secondary-color) 24%, white); color: var(--secondary-dark); }
.ntc-no-badge { background: color-mix(in srgb, var(--text-muted) 12%, white); color: var(--text-light); }

/* ═══════════════════════════════════════════════════
   55. ADMIN SLIDERS (admin/sliders.php)
   ═══════════════════════════════════════════════════ */
.sl-info-left { border-left: 4px solid var(--accent-color, #17a2b8); }
.sl-flat-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.sl-search-wrap { flex-wrap: wrap; }
.sl-search-group { max-width: 300px; }
.sl-prev-img { width: 110px; height: 40px; object-fit: cover; border-radius: 8px; border: 2px solid color-mix(in srgb, var(--primary-color) 20%, white); }
.sl-prev-empty { width: 110px; height: 40px; background: color-mix(in srgb, var(--primary-color) 8%, white); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.sl-inline-form { display: inline; }
.sl-form-header { background: linear-gradient(135deg, var(--primary-color), var(--primary-light)); color: var(--text-on-primary, white); }
.sl-edit-prev { max-height: 70px; border-radius: 8px; border: 2px solid color-mix(in srgb, var(--primary-color) 20%, white); }
.sl-prev-upload { max-height: 70px; border-radius: 8px; border: 2px solid var(--primary-light); }

/* ═══════════════════════════════════════════════════
   56. ADMIN HELP GUIDE (admin/help-guide.php)
   ═══════════════════════════════════════════════════ */
.hg-wrap { display: grid; grid-template-columns: 270px 1fr; gap: 22px; padding: 0 20px 40px; align-items: start; }
@media(max-width:991px) { .hg-wrap { grid-template-columns: 1fr; } }
.hg-sidebar { background: #fff; border-radius: 14px; padding: 14px 10px; box-shadow: 0 2px 12px rgba(0,0,0,.06); position: sticky; top: 76px; max-height: calc(100vh - 96px); overflow-y: auto; }
.hg-sidebar::-webkit-scrollbar { width: 4px; } .hg-sidebar::-webkit-scrollbar-thumb { background: #d1fae5; border-radius: 4px; }
.hg-sidebar .grp { font-size: .68rem; text-transform: uppercase; letter-spacing: .6px; color: #9ca3af; font-weight: 800; padding: 12px 10px 4px; margin-top: 4px; }
.hg-sidebar a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; color: #374151; text-decoration: none; font-size: .84rem; margin-bottom: 2px; border-left: 3px solid transparent; transition: all .15s; }
.hg-sidebar a:hover { background: #f0fdf4; color: #166534; }
.hg-sidebar a.active { background: #dcfce7; color: #14532d; font-weight: 700; border-left-color: #16a34a; }
.hg-sidebar a i { width: 16px; text-align: center; font-size: .82rem; color: #6b7280; }
.hg-sidebar a.active i { color: #16a34a; }
.hg-content { background: #fff; border-radius: 14px; padding: 32px 36px; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
@media(max-width:767px) { .hg-content { padding: 20px 16px; } }
.hg-section { padding: 26px 0; border-bottom: 1.5px solid #f1f5f9; scroll-margin-top: 80px; }
.hg-section:last-child { border-bottom: none; }
.hg-section h3 { color: var(--primary-color, #1a5f2a); font-weight: 800; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; font-size: 1.15rem; }
.hg-icon { background: linear-gradient(135deg, var(--primary-color, #1a5f2a), var(--primary-light, #28a745)); color: #fff; width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; flex-shrink: 0; }
.hg-section h5 { font-weight: 700; color: #1f2937; margin: 18px 0 10px; font-size: .97rem; }
.hg-step { background: #f8fafc; border-left: 4px solid var(--primary-color, #1a5f2a); padding: 13px 17px; border-radius: 0 10px 10px 0; margin: 9px 0; font-size: .9rem; }
.hg-step b, .hg-step strong { color: var(--primary-color, #1a5f2a); }
.hg-warn { background: #fef3c7; border-left: 4px solid #f59e0b; padding: 13px 17px; border-radius: 0 10px 10px 0; margin: 9px 0; color: #78350f; font-size: .9rem; }
.hg-info { background: #fef2f2; border-left: 4px solid var(--secondary-color, #c0392b); padding: 13px 17px; border-radius: 0 10px 10px 0; margin: 9px 0; color: var(--secondary-dark, #922b21); font-size: .9rem; }
.hg-success { background: #dcfce7; border-left: 4px solid #16a34a; padding: 13px 17px; border-radius: 0 10px 10px 0; margin: 9px 0; color: #14532d; font-size: .9rem; }
.hg-danger { background: #fee2e2; border-left: 4px solid #ef4444; padding: 13px 17px; border-radius: 0 10px 10px 0; margin: 9px 0; color: #7f1d1d; font-size: .9rem; }
.hg-steps-list { counter-reset: step; list-style: none; padding: 0; margin: 10px 0; }
.hg-steps-list li { counter-increment: step; display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px; font-size: .9rem; }
.hg-steps-list li::before { content: counter(step); background: var(--primary-color, #1a5f2a); color: #fff; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .78rem; flex-shrink: 0; margin-top: 2px; }
.hg-table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: .87rem; }
.hg-table th { background: var(--primary-color, #1a5f2a); color: #fff; padding: 10px 13px; text-align: left; }
.hg-table td { padding: 9px 13px; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
.hg-table tr:hover td { background: #f0fdf4; }
.kbd { background: #1f2937; color: #f9fafb; padding: 2px 8px; border-radius: 4px; font-family: 'Courier New',monospace; font-size: .8rem; }
.hg-faq details { background: #f8fafc; border-radius: 8px; padding: 12px 16px; margin: 8px 0; border: 1px solid #e5e7eb; }
.hg-faq summary { cursor: pointer; font-weight: 700; color: #1f2937; font-size: .9rem; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.hg-faq summary::-webkit-details-marker { display: none; }
.hg-faq summary::after { content: '＋'; color: #9ca3af; font-size: 1rem; }
.hg-faq details[open] summary::after { content: '－'; }
.hg-faq details[open] summary { color: var(--primary-color, #1a5f2a); }
.hg-faq details .mt-2 { padding-top: 10px; font-size: .88rem; color: #374151; }
.hg-badge { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: .75rem; font-weight: 700; }
.hg-badge-green { background: #dcfce7; color: #14532d; }
.hg-badge-blue { background: #fef2f2; color: var(--secondary-dark, #922b21); }
.hg-badge-yellow { background: #fef3c7; color: #78350f; }
.hg-badge-red { background: #fee2e2; color: #7f1d1d; }
.code-map { font-family: 'Courier New',monospace; font-size: .8rem; background: #1f2937; color: #f9fafb; padding: 18px; border-radius: 10px; overflow-x: auto; line-height: 1.8; }
.code-map .folder { color: #fbbf24; font-weight: 700; }
.code-map .file { color: #a5f3fc; }
.code-map .desc { color: #9ca3af; font-style: italic; }
.hg-search-wrap { position: relative; margin-bottom: 14px; }
.hg-search-wrap input { width: 100%; padding: 8px 12px 8px 34px; border: 1.5px solid #d1fae5; border-radius: 8px; font-size: .84rem; outline: none; }
.hg-search-wrap input:focus { border-color: #16a34a; box-shadow: 0 0 0 2px rgba(22,163,74,.15); }
.hg-search-wrap i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: .82rem; }
.hg-mobile-toggle { display: none; }
@media(max-width:991px) { .hg-mobile-toggle { display: block; margin-bottom: 14px; } .hg-sidebar.mobile-hidden { display: none; } }
#hg-read-progress { position: fixed; top: 0; left: 0; height: 3px; background: var(--primary-color, #1a5f2a); z-index: 9999; transition: width .1s; }

/* ═══════════════════════════════════════════════════
   57. ADMIN MEMBERS (admin/members.php)
   ═══════════════════════════════════════════════════ */
.stat-uniform-card { background: linear-gradient(135deg, var(--surface-color), color-mix(in srgb, var(--primary-color) 5%, white)); border: 2px solid color-mix(in srgb, var(--primary-color) 12%, white); border-radius: 16px; transition: all .3s cubic-bezier(.4,0,.2,1); position: relative; overflow: hidden; }
.stat-uniform-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary-color) 10%, white), transparent); transition: left .5s; }
.stat-uniform-card:hover::before { left: 100%; }
.stat-uniform-card:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 8px 32px rgba(var(--primary-rgb), .2); border-color: var(--primary-color); }
.stat-uniform-card i { transition: all .3s; }
.stat-uniform-card:hover i { transform: scale(1.1) rotate(5deg); }
.stat-value { font-size: 2rem; font-weight: 900; color: var(--primary-dark); transition: all .3s; }
.stat-uniform-card:hover .stat-value { color: var(--primary-color); transform: scale(1.05); }
.stat-label { font-size: .8rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: .4px; }
.mem-search-group { border-radius: 25px; overflow: hidden; box-shadow: 0 2px 8px rgba(var(--primary-rgb), .1); }
.mem-search-group .input-group-text { background: var(--primary-color); color: var(--text-on-primary); border: none; }
.mem-filter-search { border-left: none; border-radius: 0 25px 25px 0; transition: all .3s; }
.mem-filter-search:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent); border-color: var(--primary-color); }
.mem-filter-kyc { border-radius: 20px; border: 2px solid color-mix(in srgb, var(--primary-color) 15%, white); background: var(--surface-color); transition: all .3s; }
.mem-filter-kyc:focus { border-color: var(--primary-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent); }
.mem-avatar-sm { width: 40px; height: 40px; object-fit: cover; border: 2px solid var(--primary-color); transition: all .3s; }
.mem-avatar-sm:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(var(--primary-rgb), .3); }
.mem-avatar-fallback-sm { width: 40px; height: 40px; font-size: 1rem; background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); border: 2px solid var(--primary-color); transition: all .3s; }
.mem-avatar-fallback-sm:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(var(--primary-rgb), .3); }
.mem-kyc-pill { font-size: .7rem; font-weight: 600; border-radius: 12px; padding: .25rem .6rem; transition: all .3s; }
.mem-kyc-pill:hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.mem-login-pill { font-size: .7rem; font-weight: 600; border-radius: 10px; padding: .2rem .5rem; margin-right: .25rem; transition: all .3s; }
.mem-login-pill:hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.mem-badge-google { background: linear-gradient(135deg, #4285f4, #1a73e8); color: white; border: none; }
.mem-badge-facebook { background: linear-gradient(135deg, #1877f2, #0e5fd8); color: white; border: none; }
.mem-service-badge { font-weight: 600; font-size: .75rem; padding: .3rem .6rem; border-radius: 12px; border: none; transition: all .3s; }
.mem-service-badge:hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.mem-notif-pill { font-size: .7rem; padding: .4rem .6rem; transition: all .3s; }
.mem-notif-pill:hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.mem-unread-pill { font-size: .6rem; padding: .2rem .4rem; animation: pulse-unread 2s infinite; }
@keyframes pulse-unread { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
@media (max-width: 768px) { .stat-uniform-card { margin-bottom: 1rem; } .mem-search-group { max-width: 100%; } .mem-avatar-sm, .mem-avatar-fallback-sm { width: 32px; height: 32px; font-size: .8rem; } }

/* ═══════════════════════════════════════════════════
   58. ADMIN REPORTS (admin/reports.php)
   ═══════════════════════════════════════════════════ */
.filter-buttons .btn { border-radius: 20px; font-weight: 600; padding: .375rem .875rem; transition: all .2s ease; border-width: 1.5px; }
.filter-buttons .btn:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.15); }
@media (max-width: 768px) { .filter-buttons { width: 100%; justify-content: center; } .filter-buttons .btn { font-size: .8rem; padding: .25rem .6rem; } }

/* ═══════════════════════════════════════════════════
   59. ADMIN WELFARE CLAIMS (admin/welfare-claims.php)
   ═══════════════════════════════════════════════════ */
.wlf-info-section { background: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
.wlf-info-section h6 { color: var(--primary-color); margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); }
.wlf-info-section p { margin-bottom: 8px; }

/* ═══════════════════════════════════════════════════
   60. DIGITAL SERVICE REQUESTS (admin/digital-service-requests.php)
   ═══════════════════════════════════════════════════ */
.dsr-remark-box { background: color-mix(in srgb, var(--secondary-color) 12%, white); padding: 12px; border-radius: 10px; color: var(--secondary-dark); }
.dsr-update-btn { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); }
.dsr-update-btn:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--text-on-primary); }
.dsr-track-text { color: var(--primary-color); }
.dsr-search-btn { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); }
.dsr-search-btn:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--text-on-primary); }
.dsr-head-icon, .dsr-track-inline { color: var(--primary-color); }
.dsr-view-btn { background: color-mix(in srgb, var(--accent-color) 18%, white); border-color: color-mix(in srgb, var(--accent-color) 28%, white); color: var(--accent-dark); }
.dsr-view-btn:hover { background: color-mix(in srgb, var(--accent-color) 26%, white); border-color: color-mix(in srgb, var(--accent-color) 36%, white); color: var(--accent-dark); }
.dsr-attachment-btn { border-color: var(--primary-color); color: var(--primary-color); }
.dsr-attachment-btn:hover { background: var(--primary-color); color: var(--text-on-primary); }
.dsr-label-strong { color: var(--primary-dark); }
.dsr-search-icon { color: var(--text-muted); }
.dsr-st-badge { font-weight: 700; }
.dsr-st-warning { background: color-mix(in srgb, var(--secondary-color) 16%, white); color: var(--secondary-dark); }
.dsr-st-info { background: color-mix(in srgb, var(--accent-color) 16%, white); color: var(--accent-dark); }
.dsr-st-success { background: color-mix(in srgb, var(--primary-color) 16%, white); color: var(--primary-dark); }
.dsr-st-danger { background: color-mix(in srgb, var(--secondary-color) 20%, white); color: var(--secondary-dark); }
.dsr-st-primary { background: color-mix(in srgb, var(--primary-color) 22%, white); color: var(--primary-dark); }
.dsr-st-secondary { background: color-mix(in srgb, var(--text-muted) 16%, white); color: var(--text-light); }
.dsr-muted { color: var(--text-muted) !important; }
.dsr-soft-bg { background: color-mix(in srgb, var(--primary-color) 8%, white) !important; }

/* ═══════════════════════════════════════════════════
   61. ADMIN INTEREST RATES (admin/interest-rates.php)
   ═══════════════════════════════════════════════════ */
.ir-flat-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.ir-head-primary { background: linear-gradient(135deg, var(--primary-color), var(--primary-light)); }
.ir-head-loan { background: linear-gradient(135deg, var(--secondary-dark, var(--secondary-color)), var(--secondary-color)); }
.ir-head-theme { color: var(--text-on-primary, white); }
.ir-rate-badge { background: color-mix(in srgb, var(--primary-color) 12%, white); color: var(--primary-color); border: 1px solid var(--primary-light); }
.ir-inline-form { display: inline; }

/* ═══════════════════════════════════════════════════
   62. INSTITUTIONAL PROFILE (admin/institutional-profile.php)
   ═══════════════════════════════════════════════════ */
.ip-profile-table-wrap[data-ip-view="main"] .ip-col-fin,
.ip-profile-table-wrap[data-ip-view="finance"] .ip-col-main { display: none !important; }
#ipTable { font-size: .84rem; }
#ipTable thead th { padding: 10px; font-size: .73rem; letter-spacing: .25px; text-transform: uppercase; color: var(--text-color, #475569); white-space: nowrap; }
#ipTable tbody td { padding: 9px 10px; vertical-align: middle; }
#ipTable tbody tr.ip-data-row:hover { background: color-mix(in srgb, var(--primary-color) 3%, white); }
#ipTable .btn, #ipTable .btn-sm { padding: .26rem .45rem; min-height: 30px; border-radius: 8px; }
#ipTable .d-flex.gap-1 { gap: 4px !important; }
#ipTable .badge { font-size: .72rem; padding: .36em .62em; border-radius: 999px; }
#ipTable .npa-good { background: color-mix(in srgb, var(--primary-color) 14%, white) !important; color: var(--primary-dark) !important; }
#ipTable .npa-warning { background: color-mix(in srgb, var(--secondary-color) 16%, white) !important; color: var(--secondary-dark, var(--secondary-color)) !important; }
#ipTable .npa-danger { background: color-mix(in srgb, var(--secondary-color) 18%, white) !important; color: var(--secondary-dark, var(--secondary-color)) !important; }
.ip-search-bar .input-group-text i { font-size: 12px; }
.form-footer { border-top: 1px solid var(--border-color, #e5e7eb); padding: 12px 16px; background: white; display: flex; gap: 8px; align-items: center; }
.ip-search-shell { border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 18%, white); background: color-mix(in srgb, var(--primary-color) 4%, white); }
.ip-search-group { max-width: 280px; }
.ip-search-addon, .ip-search-input, .ip-filter-select { border-color: color-mix(in srgb, var(--primary-color) 32%, white); }
.ip-filter-select { max-width: 160px; }
.ip-count-badge { font-size: .78rem; padding: .42em .72em; border-radius: 999px; }
.ip-count-default { background: color-mix(in srgb, var(--primary-color) 13%, white); color: var(--primary-color); }
.ip-count-empty { background: color-mix(in srgb, var(--secondary-color) 16%, white); color: var(--secondary-dark, var(--secondary-color)); }
.ip-col-actions { min-width: 120px; }
.ip-hidden { display: none; }
.ip-pointer { cursor: pointer; }
@media (max-width: 768px) { #ipTable { font-size: .8rem; } #ipTable thead th, #ipTable tbody td { padding: 8px; } }

/* ═══════════════════════════════════════════════════
   63. JOB APPLICATIONS (admin/job-applications.php)
   ═══════════════════════════════════════════════════ */
.job-bucket-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.job-bucket { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: #fff; border: 1.5px solid #e5e7eb; color: #374151; font-size: .85rem; font-weight: 600; text-decoration: none; transition: all .15s; }
.job-bucket:hover { border-color: var(--primary-color, #1a5f2a); color: var(--primary-color, #1a5f2a); transform: translateY(-1px); }
.job-bucket-count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: #f3f4f6; color: #374151; font-size: .72rem; font-weight: 700; }
.job-bucket.is-on { background: var(--primary-color, #1a5f2a); border-color: var(--primary-color, #1a5f2a); color: #fff; box-shadow: 0 4px 14px rgba(26,95,42,.18); }
.job-bucket.is-on .job-bucket-count { background: rgba(255,255,255,.22); color: #fff; }
.job-bucket--done.is-on { background: #0f766e; border-color: #0f766e; }
.job-bucket--all.is-on { background: #374151; border-color: #374151; }

/* ═══════════════════════════════════════════════════
   64. MEMBER ONLINE PORTAL (admin/member-online-portal.php)
   ═══════════════════════════════════════════════════ */
.portal-badge-xs { font-size: .7rem; }
.portal-badge-xxs { font-size: .58rem; }
.portal-badge-mini { font-size: .65rem; }
.portal-pending-pulse-badge { font-size: .85rem; padding: 6px 12px; animation: badge-pulse 2s ease-in-out infinite; }
.portal-stat-link { text-decoration: none; }
.portal-avatar-lg { width: 80px; height: 80px; object-fit: cover; border: 3px solid var(--primary-color); }
.portal-avatar-fallback-lg { width: 80px; height: 80px; font-size: 2rem; font-weight: 700; }
.portal-avatar-sm { width: 32px; height: 32px; object-fit: cover; }
.portal-avatar-fallback-sm { width: 32px; height: 32px; font-size: .9rem; }
.portal-rating-strong { color: var(--secondary-color, #c0392b); font-weight: 700; }
.portal-rating-sub { font-size: .67rem; }
.portal-card-security-wrap { background: linear-gradient(135deg, #fefce8, #fef9c3); }
.portal-cvv-code { letter-spacing: .2em; }
.portal-search-input { min-width: 220px; }
.portal-status-select { width: auto; }
.portal-email-xs { font-size: .7rem; }
.portal-member-meta-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.portal-member-meta-list .list-group-item { border-left: 0; border-right: 0; }
.portal-partner-filter-wrap { background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); }
.portal-partner-filter-select { max-width: 380px; }
.portal-partner-table-wrap { border-top: 1px solid #eef2f7; }
.portal-partner-table thead th { font-size: .74rem; text-transform: uppercase; letter-spacing: .4px; color: #475569; }
.portal-partner-table tbody td { padding-top: 9px; padding-bottom: 9px; }
.portal-service-chip { display: inline-block; padding: 3px 8px; border-radius: 999px; background: #fef2f2; color: var(--secondary-dark, #922b21); border: 1px solid #fecaca; font-size: .74rem; font-weight: 600; }
@media (max-width: 991.98px) { .portal-member-meta-list { grid-template-columns: 1fr; } .portal-partner-filter-select { max-width: 100%; } .portal-partner-table thead th { white-space: nowrap; } }

/* ═══════════════════════════════════════════════════
   65. ADMIN LOGIN PAGE (admin/index.php)
   ═══════════════════════════════════════════════════ */
body.admin-auth-page { font-family: var(--font-primary,'Mukta','Noto Sans Devanagari','Segoe UI',sans-serif); min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; }
.card-logo-wrap img { max-height: 56px; max-width: 200px; object-fit: contain; border-radius: 8px; }
.input-icon { position: relative; }
.input-icon i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: .88rem; pointer-events: none; }
.field input { padding-left: 38px; }
.alert-error { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; padding: 10px 13px; border-radius: 9px; margin-bottom: 14px; font-size: .82rem; display: flex; align-items: center; gap: 8px; }
.security-note { margin-top: 18px; padding: 11px 13px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 9px; font-size: .76rem; color: #15803d; display: flex; align-items: center; gap: 8px; }
.alert-info-soft { background: #ecfeff; border-color: #a5f3fc; color: #155e75; }
.field-compact { font-size: .82rem; }
.link-primary-strong { color: var(--primary-color, #1a8754); font-weight: 600; }
.security-note-warning { background: #fff7ed; border-color: #fed7aa; color: #9a3412; margin-top: 14px; }
.license-renew-on-login { background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); border: 1px solid #86efac; border-radius: 12px; padding: 14px 14px 12px; margin-bottom: 16px; font-size: .8rem; line-height: 1.55; color: #14532d; }
.license-renew-on-login h4 { margin: 0 0 8px; font-size: .88rem; font-weight: 800; color: #166534; display: flex; align-items: center; gap: 6px; }
.license-renew-on-login .pay-row { margin: 4px 0; word-break: break-all; }
.license-renew-on-login code { background: rgba(255,255,255,.85); padding: 2px 6px; border-radius: 6px; font-size: .85em; }
.license-renew-on-login .sub { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(22,101,52,.25); font-size: .76rem; color: #15803d; }
.license-renew-vendor { font-size: .76rem; line-height: 1.55; color: #334155; background: rgba(255,255,255,.75); border: 1px solid rgba(22,101,52,.2); border-radius: 10px; padding: 10px 11px; margin-bottom: 12px; }
.license-renew-success { background: #ecfdf5; border: 1px solid #6ee7b7; color: #065f46; border-radius: 10px; padding: 11px 12px; margin-bottom: 12px; font-size: .78rem; line-height: 1.5; }
.license-renew-form .lr-fld { margin-bottom: 10px; }
.license-renew-form label { display: block; font-size: .7rem; font-weight: 700; color: #374151; margin-bottom: 4px; }
.license-renew-form input, .license-renew-form select, .license-renew-form textarea { width: 100%; padding: 8px 10px; border: 1.5px solid #d1d5db; border-radius: 8px; font-size: .85rem; font-family: inherit; background: #fff; }
.license-renew-form textarea { min-height: 56px; resize: vertical; }
.license-renew-form .lr-submit { margin-top: 6px; width: 100%; padding: 10px 14px; border: none; border-radius: 10px; font-size: .88rem; font-weight: 700; font-family: inherit; cursor: pointer; background: linear-gradient(135deg, var(--primary-dark, #0f4f20), var(--primary-color, #1a8754)); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.license-renew-form .lr-submit:hover { filter: brightness(1.05); }
.license-renew-form .lr-amt-display { padding: 9px 11px; background: #f3f4f6; border: 1.5px dashed #9ca3af; border-radius: 8px; font-size: .88rem; font-weight: 700; color: #111827; }
.license-renew-form .lr-amt-hint { font-size: .68rem; color: #6b7280; margin-top: 4px; font-weight: 500; }
.mini-login-link { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; border: 1px solid rgba(22,101,52,.25); background: rgba(255,255,255,.85); color: #14532d; text-decoration: none; }
.mini-login-link:hover { filter: brightness(1.04); }
.license-expired-login-first { background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 12px 14px; margin-bottom: 16px; font-size: .78rem; line-height: 1.55; color: #78350f; text-align: left; }
.license-expired-login-first a { color: var(--primary-color, #1a8754); font-weight: 700; }
@media (max-width:480px) { .auth-card { border-radius: 16px; } }

/* ═══════════════════════════════════════════════════
   66. KYC APPLICATIONS (admin/kyc-applications.php)
   ═══════════════════════════════════════════════════ */
#kycInfoTabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0 10px; border-bottom: 1px dashed #d1d5db; margin-bottom: 10px; }
#kycInfoTabs .kyc-mini-tab-btn { border-radius: 999px; font-size: .75rem; font-weight: 700; }
@media (max-width: 1024px) { #kycLeftDetailsCol .adm-detail-table { table-layout: auto; } #kycLeftDetailsCol .adm-detail-table th { width: 34% !important; min-width: 140px; } #kycLeftDetailsCol .adm-detail-table td { width: 66% !important; padding-left: 14px !important; } }

/* ═══════════════════════════════════════════════════
   67. ADMIN HEADER NAV (admin/includes/admin-header.php)
   ═══════════════════════════════════════════════════ */
.nav-group-header { display: flex; align-items: center; gap: 12px; padding: 10px 15px; margin: 2px 10px; color: #1f2937; font-size: .82rem; font-weight: 600; letter-spacing: .5px; cursor: pointer; border-radius: 8px; transition: background .2s, color .2s; user-select: none; list-style: none; }
.nav-group-header:hover { background: #f3f4f6; color: #111827; }
.nav-group-header.open { background: #ecfdf3; color: #14532d; }
.nav-group-header .nav-group-icon { width: 22px; text-align: center; font-size: .9rem; opacity: .85; }
.nav-group-header .nav-group-label { flex: 1; }
.nav-group-header .nav-arrow { font-size: .65rem; transition: transform .25s ease; opacity: .55; color: #6b7280; order: 10; flex-shrink: 0; }
.nav-group-header.open .nav-arrow { transform: rotate(90deg); opacity: 1; color: #166534; }
.nav-group-header .group-badge { background: #e53e3e; color: #fff; font-size: .62rem; font-weight: 800; padding: 2px 7px; border-radius: 20px; min-width: 20px; text-align: center; line-height: 1.4; letter-spacing: .2px; box-shadow: 0 2px 6px rgba(229,62,62,.5); animation: badge-pulse 2s ease-in-out infinite; flex-shrink: 0; }
@keyframes badge-pulse { 0%, 100% { box-shadow: 0 2px 6px rgba(229,62,62,.5); } 50% { box-shadow: 0 2px 12px rgba(229,62,62,.85); } }
.nav-submenu { list-style: none; padding: 0; margin: 0 8px 0 0; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: max-height .3s cubic-bezier(.4,0,.2,1), opacity .2s ease, visibility .2s, transform .2s ease; }
.nav-submenu.open { max-height: 900px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); border-left: 2px solid rgba(74,222,128,.35); margin-left: 18px; padding-left: 2px; }
.nav-submenu li { margin: 0 8px 0 20px; }
.nav-submenu li a { padding: 5px 12px; font-size: .83rem; }
.nav-submenu li a .nav-icon-wrap { width: 20px; text-align: center; font-size: .8rem; }
.nav-submenu li a .badge { margin-left: auto; background: #e53e3e !important; color: #fff !important; font-size: .6rem; font-weight: 800; padding: 2px 6px; border-radius: 20px; min-width: 18px; text-align: center; line-height: 1.4; box-shadow: 0 1px 4px rgba(229,62,62,.45); flex-shrink: 0; }
.nav-submenu li a { display: flex !important; align-items: center; }
.nav-group-wrap { margin-top: 4px; }
.sa-label-badge { background: var(--primary-color); color: #fff; font-size: .55rem; font-weight: 700; padding: 1px 5px; border-radius: 7px; margin-left: 4px; flex-shrink: 0; }
.nav-total-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #e53e3e; margin-left: auto; flex-shrink: 0; box-shadow: 0 0 0 2px rgba(229,62,62,.3); animation: badge-pulse 1.8s ease-in-out infinite; }
.sidebar-header { overflow: hidden !important; }
.sidebar-brand.has-logo { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 14px !important; text-decoration: none !important; overflow: hidden !important; min-width: 0 !important; }
.sidebar-brand-logo { display: block !important; height: auto !important; width: auto !important; max-height: 44px !important; max-width: min(176px, 72%) !important; object-fit: contain !important; object-position: left center !important; border-radius: 6px !important; background: #f3f4f6 !important; padding: 3px 5px !important; flex-shrink: 0 !important; }
.sidebar-brand.no-logo .sidebar-brand-text { font-size: .85rem; font-weight: 700; color: #1f2937; white-space: normal; word-break: break-word; overflow-wrap: break-word; line-height: 1.3; max-width: 160px; }
.adm-info-group-header, .content-header h4, .content-header h5, th, label.form-label, .admin-page-title { overflow-wrap: break-word; word-break: break-word; }
.admin-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; justify-content: flex-end; }
.admin-form-actions .btn { width: auto; max-width: 100%; }

/* ═══════════════════════════════════════════════════
   68. ADMIN REQUEST VIEW (admin/includes/admin-request-view.php)
   ═══════════════════════════════════════════════════ */
.arv-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 1px 3px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.05); overflow: hidden; margin-bottom: 24px; }
.arv-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 18px 22px; border-bottom: 1px solid #eef2f7; background: linear-gradient(180deg, #fbfdfa 0%, #ffffff 100%); }
.arv-header-main { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; }
.arv-avatar { width: 40px; height: 40px; border-radius: 50%; background: color-mix(in srgb, var(--primary-color, #1a5f2a) 14%, #fff); color: var(--primary-color, #1a5f2a); display: grid; place-items: center; font-size: 1rem; flex-shrink: 0; }
.arv-title { margin: 0; font-size: 1.05rem; font-weight: 700; color: #111827; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.arv-subtitle { font-size: .78rem; color: #6b7280; margin-top: 2px; }
.arv-status-badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; border-radius: 999px; font-size: .72rem; font-weight: 700; line-height: 1.4; letter-spacing: .01em; }
.arv-status-success { background: #dcfce7; color: #166534; }
.arv-status-warning { background: #fef9c3; color: #854d0e; }
.arv-status-danger { background: #fee2e2; color: #991b1b; }
.arv-status-info { background: #dbeafe; color: #1e40af; }
.arv-status-secondary { background: #f3f4f6; color: #374151; }
.arv-status-primary { background: #dcfce7; color: #166534; }
.arv-back-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: #fff; border: 1px solid #e5e7eb; color: #374151; font-size: .78rem; font-weight: 600; text-decoration: none; transition: all .15s; flex-shrink: 0; }
.arv-back-btn:hover { background: #f9fafb; border-color: #d1d5db; color: #111827; }
.arv-tabs { display: flex; gap: 4px; flex-wrap: wrap; padding: 0 22px; border-bottom: 1px solid #eef2f7; background: #fff; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.arv-tab { appearance: none; background: none; border: none; padding: 14px 18px 12px; font-size: .85rem; font-weight: 600; color: #6b7280; border-bottom: 3px solid transparent; cursor: pointer; transition: color .15s, border-color .15s; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; margin-bottom: -1px; }
.arv-tab:hover { color: #111827; }
.arv-tab.is-active { color: var(--primary-color, #1a5f2a); border-bottom-color: var(--primary-color, #1a5f2a); }
.arv-tab i { font-size: .82rem; }
.arv-body { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 0; align-items: stretch; }
.arv-body.no-sidebar { grid-template-columns: 1fr; }
.arv-main { padding: 22px; min-width: 0; }
.arv-sidebar { border-left: 1px solid #eef2f7; background: #fafbfc; padding: 18px 18px 22px; }
@media (max-width:991.98px) { .arv-body { grid-template-columns: 1fr; } .arv-sidebar { border-left: none; border-top: 1px solid #eef2f7; } }
.arv-pane { display: none; }
.arv-pane.is-active { display: block; animation: arvFade .18s ease-out; }
@keyframes arvFade { from { opacity: 0; transform: translateY(2px); } to { opacity: 1; transform: none; } }
.arv-section-title { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--primary-color, #1a5f2a); margin: 0 0 10px; display: flex; align-items: center; gap: 6px; }
.arv-section-title i { font-size: .78rem; }
.arv-section + .arv-section { margin-top: 22px; }
.arv-kv { width: 100%; border-collapse: collapse; }
.arv-kv td { padding: 8px 12px; font-size: .85rem; vertical-align: top; border-bottom: 1px solid #f3f4f6; }
.arv-kv tr:last-child td { border-bottom: none; }
.arv-kv td:first-child { color: #6b7280; font-weight: 600; width: 38%; }
.arv-kv td:last-child { color: #111827; word-break: break-word; }
.arv-kv a { color: var(--primary-color, #1a5f2a); text-decoration: none; }
.arv-kv a:hover { text-decoration: underline; }
.arv-doc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.arv-doc { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; color: #374151; text-decoration: none; font-size: .83rem; font-weight: 600; transition: all .15s; }
.arv-doc:hover { border-color: var(--primary-color, #1a5f2a); background: #fbfdfa; color: #111827; transform: translateY(-1px); }
.arv-doc i { font-size: 1.1rem; color: var(--primary-color, #1a5f2a); flex-shrink: 0; }
.arv-doc-empty { font-size: .85rem; color: #9ca3af; padding: 14px 0; }
.arv-text-block { background: #f9fafb; border: 1px solid #f3f4f6; border-radius: 10px; padding: 12px 14px; font-size: .85rem; line-height: 1.65; color: #374151; white-space: pre-wrap; word-break: break-word; }
.arv-log-list { display: flex; flex-direction: column; gap: 8px; }
.arv-log-item { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 12px; }
.arv-log-arrow { font-weight: 700; color: #111827; font-size: .85rem; }
.arv-log-arrow .arv-log-from { color: #9ca3af; font-weight: 600; }
.arv-log-arrow .arv-sep { color: #9ca3af; margin: 0 4px; }
.arv-log-comment { font-size: .83rem; color: #374151; margin-top: 4px; }
.arv-log-meta { font-size: .72rem; color: #9ca3af; margin-top: 6px; display: flex; flex-wrap: wrap; gap: 8px; }
.arv-log-meta .dot { color: #d1d5db; }
.arv-log-empty { font-size: .85rem; color: #9ca3af; padding: 14px; text-align: center; background: #f9fafb; border-radius: 10px; }
.arv-log-notify { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.arv-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; font-size: .7rem; font-weight: 700; line-height: 1.4; border: 1px solid transparent; }
.arv-chip i { font-size: .65rem; }
.arv-chip--ok { background: #dcfce7; color: #166634; border-color: #bbf7d0; }
.arv-chip--err { background: #fee2e2; color: #991b1b; border-color: #fecaca; }
.arv-chip--skip { background: #f3f4f6; color: #374151; border-color: #e5e7eb; }
.arv-chip--none { background: #f9fafb; color: #9ca3af; border-color: #f3f4f6; }
.arv-chip--intent { background: #dbeafe; color: #1e40af; border-color: #bfdbfe; }
.arv-chip--intent-off { background: #fef9c3; color: #854d0e; border-color: #fde68a; }
.arv-notify-row { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 12px; }
.arv-notify-toggle { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: .83rem; font-weight: 600; color: #111827; margin-bottom: 6px; }
.arv-notify-toggle input { margin: 0; cursor: pointer; }
.arv-notify-toggle i { color: var(--primary-color, #1a5f2a); }
.arv-notify-channels { display: flex; flex-wrap: wrap; gap: 10px; font-size: .72rem; font-weight: 600; }
.arv-notify-channels span { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; }
.arv-notify-channels .is-on { background: #ecfdf5; color: #047857; }
.arv-notify-channels .is-off { background: #f3f4f6; color: #9ca3af; }
.arv-notify-channels i { font-size: .7rem; }
.arv-action-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px; }
.arv-action-card + .arv-action-card { margin-top: 14px; }
.arv-action-title { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #374151; margin: 0 0 12px; display: flex; align-items: center; gap: 6px; }
.arv-action-title i { color: var(--primary-color, #1a5f2a); }
.arv-action-card .form-label { font-size: .78rem; font-weight: 600; color: #374151; margin-bottom: 5px; }
.arv-action-card .form-select, .arv-action-card .form-control { font-size: .85rem; }
.arv-action-card .btn { font-size: .85rem; font-weight: 600; }
.arv-meta-list { font-size: .82rem; color: #374151; line-height: 1.7; }
.arv-meta-list i { color: var(--primary-color, #1a5f2a); width: 14px; text-align: center; margin-right: 4px; }
.arv-meta-list b { color: #111827; font-weight: 600; }

/* ═══════════════════════════════════════════════════
   69. STAT CARDS  (includes/components/stat-card.php)
   ── Used in admin dashboard and any page that
      includes the shared stat-card component.
   ═══════════════════════════════════════════════════ */

/* ── Outer card ────────────────────────────────────── */
.stat-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid #e8ecf0;
    border-radius: 12px;
    padding: 13px 15px;
    text-decoration: none !important;
    color: inherit !important;
    transition: box-shadow .2s ease, border-color .2s, transform .18s ease;
    box-shadow: 0 1px 4px rgba(15,23,42,.05);
    min-height: 74px;
}
.stat-card:hover {
    box-shadow: 0 5px 18px rgba(15,23,42,.10) !important;
    border-color: var(--sc-accent, var(--primary-color, #1a5f2a)) !important;
    transform: translateY(-2px);
    color: inherit !important;
    text-decoration: none !important;
}

/* ── Icon box ──────────────────────────────────────── */
.stat-card-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
    font-size: 1.1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── Text body ─────────────────────────────────────── */
.stat-card-body { flex: 1; min-width: 0; }

.stat-card-value {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.1;
    color: #111827;
    letter-spacing: -.02em;
}

.stat-card-label {
    font-size: .7rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: .35px;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-card-trend {
    font-size: .68rem;
    color: #9ca3af;
    margin-top: 2px;
}

.stat-card-badge {
    display: inline-flex;
    align-items: center;
    font-size: .58rem;
    font-weight: 700;
    padding: 2px 6px;
    background: var(--sc-accent, var(--primary-color, #1a5f2a));
    color: #fff;
    border-radius: 999px;
    vertical-align: middle;
}

/* ── Trailing chevron ──────────────────────────────── */
.stat-card-chev {
    color: #d1d5db !important;
    font-size: .7rem !important;
    transition: color .18s;
}
.stat-card:hover .stat-card-chev { color: var(--sc-accent, var(--primary-color, #1a5f2a)) !important; }

/* ── Neutralise Bootstrap .card styles bleeding in ─── */
.stat-card.stat-card-flat {
    box-shadow: 0 1px 4px rgba(15,23,42,.05) !important;
}
.stat-card.stat-card-flat:hover {
    box-shadow: 0 5px 18px rgba(15,23,42,.10) !important;
}

/* ── Mobile ────────────────────────────────────────── */
@media (max-width: 480px) {
    .stat-card { padding: 10px 11px; gap: 9px; min-height: 62px; }
    .stat-card-icon { width: 38px !important; height: 38px !important; font-size: .95rem !important; border-radius: 8px !important; }
    .stat-card-value { font-size: 1.25rem; }
    .stat-card-label { font-size: .64rem; }
}

/* ═══════════════════════════════════════════════════
   70. ADMIN TOPBAR BRAND + LOGO FALLBACK
   (admin/includes/admin-header.php — .admin-topbar-brand)
   ═══════════════════════════════════════════════════ */

/* ── Topbar brand link (logo or fallback) ─────────── */
.admin-topbar-brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    margin-right: 4px !important;
}
.admin-topbar-brand img {
    height: 34px !important;
    width: auto !important;
    max-width: 110px !important;
    object-fit: contain !important;
    border-radius: 6px !important;
}

/* ── No-logo fallback pill ─────────────────────────── */
.admin-logo-fallback {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    background: color-mix(in srgb, var(--primary-color, #1a5f2a) 12%, #fff) !important;
    border: 1.5px solid color-mix(in srgb, var(--primary-color, #1a5f2a) 22%, #fff) !important;
    color: var(--primary-color, #1a5f2a) !important;
    display: grid !important;
    place-items: center !important;
    font-size: .95rem !important;
    flex-shrink: 0 !important;
}
.admin-topbar-brand .brand-text {
    font-size: .82rem !important;
    font-weight: 700 !important;
    color: #374151 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 110px !important;
}

/* ── Page title + date pill in topbar ──────────────── */
.page-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}
.header-date-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: color-mix(in srgb, var(--primary-color, #1a5f2a) 8%, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--primary-color, #1a5f2a) 18%, #fff) !important;
    color: var(--primary-color, #1a5f2a) !important;
    font-size: .7rem !important;
    font-weight: 600 !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    letter-spacing: .1px !important;
}
.header-date-pill i { font-size: .68rem !important; opacity: .8; }

/* ── Suppress the mobile `display:none` override for topbar brand ─ */
@media (min-width: 769px) {
    .admin-topbar-brand { display: flex !important; }
}