:root {
    --kafo-green: #4fb64a;
    --kafo-purple: #6c5ca8;
    --kafo-white: #ffffff;
    --admin-bg: #f7f7fb;
    --admin-text: #1f2937;
    --admin-muted: #667085;
    --admin-border: #e5e7eb;
    --admin-shadow: 0 18px 45px rgba(121, 78, 230, .12);
}

* {
    box-sizing: border-box;
}

body.admin-body {
    margin: 0;
    font-family: 'Tajawal', Arial, sans-serif;
    background: var(--admin-bg);
    color: var(--admin-text);
}

.admin-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 292px;
    height: 100vh;
    background: linear-gradient(180deg, var(--kafo-purple), #6c5ca8);
    padding: 24px;
    overflow-y: auto;
}

.admin-brand {
    height: 96px;
    background: var(--kafo-white);
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    margin-bottom: 22px;
}

.admin-brand img {
    max-width: 180px;
    max-height: 70px;
    object-fit: contain;
}

.admin-menu {
    display: grid;
    gap: 8px;
}

.admin-menu a {
    color: var(--kafo-white);
    text-decoration: none;
    font-weight: 900;
    padding: 14px 16px;
    border-radius: 16px;
}

.admin-menu a:hover {
    background: var(--kafo-green);
}

.admin-main {
    margin-right: 292px;
    min-height: 100vh;
}

.admin-header {
    height: 82px;
    background: var(--kafo-white);
    border-bottom: 1px solid var(--admin-border);
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.admin-header span {
    color: var(--kafo-green);
    font-weight: 900;
    font-size: 14px;
}

.admin-header strong {
    display: block;
    margin-top: 4px;
    color: var(--kafo-purple);
    font-size: 24px;
    font-weight: 900;
}

.admin-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.admin-avatar {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: var(--kafo-purple);
    color: var(--kafo-white);
    display: grid;
    place-items: center;
    font-weight: 900;
}

.admin-content {
    padding: 32px;
}

.admin-page-head {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 28px;
    padding: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 24px;
}

.admin-page-head span {
    color: #4db748;
    font-weight: 900;
}

.admin-page-head h1 {
    margin: 8px 0;
    color: #6c5ca8;
    font-size: 32px;
    font-weight: 900;
}

.admin-page-head p {
    margin: 0;
    color: #667085;
    font-weight: 700;
    line-height: 1.8;
}

.admin-back-link,
.admin-main-action {
    background: #6c5ca8;
    color: #ffffff;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 900;
    white-space: nowrap;
}

.admin-back-link:hover,
.admin-main-action:hover {
    background: #4db748;
    color: #ffffff;
}

.admin-alert-success {
    background: rgba(76, 183, 72, .13);
    border: 1px solid rgba(76, 183, 72, .32);
    color: #277225;
    padding: 14px 18px;
    border-radius: 16px;
    margin-bottom: 18px;
    font-weight: 900;
}

.admin-card,
.admin-form-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 28px;
    padding: 24px;
}

.slider-admin-list {
    display: grid;
    gap: 18px;
}

.slider-admin-item {
    display: grid;
    grid-template-columns: 330px 1fr;
    gap: 22px;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 16px;
}

.slider-admin-item img {
    width: 330px;
    height: 104px;
    object-fit: cover;
    border-radius: 18px;
    background: #f8f9fb;
}

.slider-admin-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.slider-admin-title h2 {
    margin: 0;
    color: #6c5ca8;
    font-size: 22px;
}

.slider-admin-info p {
    color: #667085;
    line-height: 1.8;
    margin: 10px 0;
}

.status-badge {
    padding: 7px 12px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 13px;
}

.status-badge.active {
    background: rgba(76, 183, 72, .13);
    color: #4db748;
}

.status-badge.inactive {
    background: rgba(239, 68, 68, .12);
    color: #b42318;
}

.slider-meta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: #667085;
    font-weight: 800;
    font-size: 14px;
}

.slider-admin-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.slider-admin-actions form {
    margin: 0;
}

.admin-small-btn {
    border: 0;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-family: inherit;
    font-weight: 900;
}

.admin-small-btn.purple {
    background: #6c5ca8;
}

.admin-small-btn.green {
    background: #4db748;
}

.admin-small-btn.danger {
    background: #dc2626;
}

.admin-form .form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.form-group,
.form-check {
    display: grid;
    gap: 8px;
}

.form-group.full,
.form-check.full {
    grid-column: 1 / -1;
}

.form-group label,
.form-check label {
    color: #6c5ca8;
    font-weight: 900;
}

.form-group input,
.form-group textarea {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 14px 16px;
    font-family: inherit;
    font-size: 15px;
    outline: none;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #6c5ca8;
    box-shadow: 0 0 0 4px rgba(121, 78, 230, .10);
}

.form-group small {
    color: #4db748;
    font-weight: 800;
}

.form-group span,
.validation-summary {
    color: #dc2626;
    font-weight: 800;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-check input {
    width: 20px;
    height: 20px;
}

.form-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
}

.admin-submit-btn {
    border: 0;
    background: #6c5ca8;
    color: #ffffff;
    min-height: 50px;
    padding: 0 24px;
    border-radius: 15px;
    font-family: inherit;
    font-weight: 900;
    cursor: pointer;
}

.admin-submit-btn:hover {
    background: #4db748;
}

.form-actions a {
    color: #667085;
    font-weight: 900;
    text-decoration: none;
}

.current-slider-preview {
    margin-bottom: 24px;
}

.current-slider-preview span {
    display: block;
    color: #4db748;
    font-weight: 900;
    margin-bottom: 10px;
}

.current-slider-preview img {
    width: 100%;
    max-width: 1263px;
    height: 399px;
    object-fit: cover;
    border-radius: 24px;
    border: 1px solid #e5e7eb;
}

.empty-state {
    text-align: center;
    padding: 50px 20px;
}

.empty-state h2 {
    color: #6c5ca8;
}

.empty-state p {
    color: #667085;
}

.empty-state a {
    display: inline-flex;
    margin-top: 12px;
    background: #6c5ca8;
    color: #ffffff;
    padding: 13px 20px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 900;
}

.empty-state a:hover {
    background: #4db748;
}

@media (max-width: 1100px) {
    .admin-sidebar {
        position: static;
        width: 100%;
        height: auto;
    }

    .admin-main {
        margin-right: 0;
    }
}

@media (max-width: 900px) {
    .admin-page-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .slider-admin-item {
        grid-template-columns: 1fr;
    }

    .slider-admin-item img {
        width: 100%;
        height: auto;
        aspect-ratio: 1263 / 399;
    }

    .admin-form .form-grid {
        grid-template-columns: 1fr;
    }

    .current-slider-preview img {
        height: auto;
        aspect-ratio: 1263 / 399;
    }
}

/* =====================================================
   Kafo Admin Sidebar - Final
===================================================== */
:root {
    --admin-purple: #663f87;
    --admin-purple-dark: #573274;
    --admin-purple-hover: #7c559f;
    --admin-green: #4db748;
    --admin-white: #ffffff;
    --admin-bg: #f7f8fb;
    --admin-text: #202734;
    --admin-muted: #8d7aa5;
    --sidebar-width: 285px;
    --sidebar-collapsed-width: 86px;
    --admin-header-height: 78px;
}

body.admin-layout-body {
    margin: 0 !important;
    font-family: 'Tajawal', Arial, sans-serif !important;
    background: var(--admin-bg) !important;
    color: var(--admin-text) !important;
    overflow-x: hidden !important;
}

.kafo-admin-sidebar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: var(--sidebar-width) !important;
    height: 100vh !important;
    background: linear-gradient(180deg, var(--admin-purple), var(--admin-purple-dark)) !important;
    color: var(--admin-white) !important;
    z-index: 2000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transition: width .25s ease, transform .25s ease !important;
    box-shadow: -8px 0 22px rgba(16, 24, 40, .14) !important;
}

.kafo-admin-sidebar::-webkit-scrollbar {
    width: 6px !important;
}

.kafo-admin-sidebar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.22) !important;
    border-radius: 99px !important;
}

.kafo-sidebar-head {
    min-height: 92px !important;
    padding: 18px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.kafo-sidebar-logo {
    flex: 1 !important;
    min-width: 0 !important;
    height: 56px !important;
    background: rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
    overflow: hidden !important;
}

.kafo-sidebar-logo img {
    max-width: 150px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}

.kafo-sidebar-toggle,
.kafo-mobile-sidebar-btn {
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.13) !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
    font-size: 17px !important;
}

.kafo-sidebar-toggle:hover,
.kafo-mobile-sidebar-btn:hover {
    background: var(--admin-green) !important;
}

.kafo-sidebar-menu {
    padding: 14px 0 28px !important;
}

.kafo-menu-group {
    padding: 8px 12px 14px !important;
}

.kafo-menu-title {
    display: block !important;
    padding: 10px 14px 8px !important;
    color: rgba(255,255,255,.52) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.kafo-sidebar-menu a {
    min-height: 46px !important;
    color: rgba(255,255,255,.88) !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    position: relative !important;
    transition: .18s ease !important;
    white-space: nowrap !important;
}

.kafo-sidebar-menu a i {
    width: 22px !important;
    min-width: 22px !important;
    text-align: center !important;
    font-size: 17px !important;
}

.kafo-sidebar-menu a:hover,
.kafo-sidebar-menu a.active {
    background: var(--admin-purple-hover) !important;
    color: #ffffff !important;
}

.kafo-sidebar-menu a.active::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    background: var(--admin-green) !important;
}

.kafo-admin-main {
    margin-right: var(--sidebar-width) !important;
    min-height: 100vh !important;
    transition: margin-right .25s ease !important;
    background: var(--admin-bg) !important;
}

.kafo-admin-header {
    height: var(--admin-header-height) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

.kafo-header-title {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.kafo-header-title span {
    display: block !important;
    color: var(--admin-green) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.kafo-header-title strong {
    display: block !important;
    color: var(--admin-purple) !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin-top: 3px !important;
}

.kafo-mobile-sidebar-btn {
    display: none !important;
    background: var(--admin-purple) !important;
}

.kafo-admin-user {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.kafo-view-site {
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(76,183,72,.10) !important;
    color: var(--admin-green) !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

.kafo-view-site:hover {
    background: var(--admin-green) !important;
    color: #ffffff !important;
}

.kafo-admin-user span {
    color: #344054 !important;
    font-weight: 800 !important;
}

.kafo-admin-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    background: var(--admin-purple) !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
}

.kafo-admin-content {
    padding: 30px !important;
}

/* Collapsed state */
body.sidebar-collapsed .kafo-admin-sidebar {
    width: var(--sidebar-collapsed-width) !important;
}

body.sidebar-collapsed .kafo-admin-main {
    margin-right: var(--sidebar-collapsed-width) !important;
}

body.sidebar-collapsed .kafo-sidebar-head {
    padding: 16px 10px !important;
    justify-content: center !important;
}

body.sidebar-collapsed .kafo-sidebar-logo {
    display: none !important;
}

body.sidebar-collapsed .kafo-sidebar-toggle {
    width: 52px !important;
}

body.sidebar-collapsed .kafo-menu-title,
body.sidebar-collapsed .kafo-sidebar-menu a span {
    opacity: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

body.sidebar-collapsed .kafo-menu-group {
    padding: 8px 10px !important;
}

body.sidebar-collapsed .kafo-sidebar-menu a {
    justify-content: center !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 14px !important;
}

body.sidebar-collapsed .kafo-sidebar-menu a i {
    width: auto !important;
    min-width: auto !important;
    font-size: 19px !important;
}

/* إلغاء تأثير الستايلات القديمة */
.admin-sidebar {
    display: none !important;
}

.admin-main {
    margin-right: 0 !important;
}

.admin-header,
.admin-content {
    all: unset;
}

/* Mobile */
.kafo-sidebar-overlay {
    display: none !important;
}

@media (max-width: 900px) {
    .kafo-admin-sidebar {
        transform: translateX(100%) !important;
        width: var(--sidebar-width) !important;
    }

    body.sidebar-mobile-open .kafo-admin-sidebar {
        transform: translateX(0) !important;
    }

    .kafo-admin-main {
        margin-right: 0 !important;
    }

    body.sidebar-collapsed .kafo-admin-main {
        margin-right: 0 !important;
    }

    .kafo-mobile-sidebar-btn {
        display: grid !important;
    }

    .kafo-sidebar-overlay {
        display: none !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15, 23, 42, .45) !important;
        z-index: 1500 !important;
    }

    body.sidebar-mobile-open .kafo-sidebar-overlay {
        display: block !important;
    }

    .kafo-admin-header {
        padding: 0 16px !important;
    }

    .kafo-admin-content {
        padding: 18px !important;
    }

    .kafo-view-site,
    .kafo-admin-user span {
        display: none !important;
    }
}

/* =====================================================
   Sidebar Groups Collapse / Open
===================================================== */
.kafo-menu-title {
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    cursor: pointer !important;
    user-select: none !important;
    border-radius: 12px !important;
    transition: .18s ease !important;
}

.kafo-menu-title:hover {
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
}

.kafo-menu-arrow {
    font-size: 11px !important;
    color: rgba(255,255,255,.55) !important;
    transition: transform .22s ease !important;
}

.kafo-menu-group.is-collapsed .kafo-menu-arrow {
    transform: rotate(90deg) !important;
}

.kafo-menu-group.is-collapsed a {
    display: none !important;
}

.kafo-menu-group {
    border-bottom: 1px solid rgba(255,255,255,.045) !important;
}

.kafo-menu-group:last-child {
    border-bottom: 0 !important;
}

/* عند تصغير السايدبار بالكامل لا تظهر عناوين الأقسام */
body.sidebar-collapsed .kafo-menu-title {
    justify-content: center !important;
    min-height: 16px !important;
    padding: 6px 0 !important;
}

body.sidebar-collapsed .kafo-menu-arrow {
    display: none !important;
}

/* =====================================================
   Dashboard Page
===================================================== */
.kafo-dashboard {
    display: grid !important;
    gap: 24px !important;
}

.dash-hero {
    background:
        radial-gradient(circle at 10% 20%, rgba(76, 183, 72, .23), transparent 34%),
        linear-gradient(135deg, #794ee6, #5c36b8) !important;
    border-radius: 30px !important;
    padding: 34px !important;
    color: #ffffff !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
    box-shadow: 0 20px 50px rgba(121, 78, 230, .20) !important;
}

.dash-hero span {
    display: inline-flex !important;
    background: rgba(255,255,255,.14) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    font-weight: 900 !important;
}

.dash-hero h1 {
    margin: 16px 0 10px !important;
    font-size: 34px !important;
    font-weight: 900 !important;
}

.dash-hero p {
    margin: 0 !important;
    max-width: 760px !important;
    color: rgba(255,255,255,.92) !important;
    line-height: 1.9 !important;
    font-size: 17px !important;
}

.dash-hero-actions {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.dash-hero-actions a {
    height: 48px !important;
    padding: 0 20px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #794ee6 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.dash-hero-actions a:last-child {
    background: #4db748 !important;
    color: #ffffff !important;
}

.dash-hero-actions a:hover {
    background: #111827 !important;
    color: #ffffff !important;
}

.dash-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
}

.dash-kpi-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    transition: .2s ease !important;
}

.dash-kpi-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 42px rgba(121, 78, 230, .12) !important;
}

.dash-kpi-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(76, 183, 72, .11) !important;
    color: #4db748 !important;
    font-size: 20px !important;
}

.dash-kpi-card span {
    display: block !important;
    color: #667085 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

.dash-kpi-card strong {
    display: block !important;
    color: #794ee6 !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    margin: 4px 0 !important;
}

.dash-kpi-card small {
    color: #4db748 !important;
    font-weight: 800 !important;
}

.dash-shortcuts {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
}

.dash-shortcuts a {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    padding: 22px !important;
    text-decoration: none !important;
    color: #111827 !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    transition: .2s ease !important;
}

.dash-shortcuts a:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(121, 78, 230, .30) !important;
    box-shadow: 0 18px 42px rgba(121, 78, 230, .12) !important;
}

.dash-shortcuts i {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    display: grid !important;
    place-items: center !important;
    background: #794ee6 !important;
    color: #ffffff !important;
    margin-bottom: 14px !important;
}

.dash-shortcuts strong {
    display: block !important;
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    margin-bottom: 8px !important;
}

.dash-shortcuts span {
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.dash-lists-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
}

.dash-panel {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 22px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
}

.dash-panel-wide {
    grid-column: 1 / -1 !important;
}

.dash-panel-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 18px !important;
    gap: 14px !important;
}

.dash-panel-head h2 {
    margin: 0 !important;
    color: #794ee6 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.dash-panel-head a {
    color: #4db748 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.dash-row-item {
    display: grid !important;
    grid-template-columns: 70px 1fr auto !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid #f0f2f5 !important;
}

.dash-row-item:last-child {
    border-bottom: 0 !important;
}

.dash-row-image {
    width: 70px !important;
    height: 58px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #f8f9fb !important;
    display: grid !important;
    place-items: center !important;
    color: #794ee6 !important;
    font-weight: 900 !important;
}

.dash-row-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.dash-row-content strong {
    display: block !important;
    color: #111827 !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}

.dash-row-content small {
    color: #667085 !important;
    font-weight: 700 !important;
}

.dash-row-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.dash-row-actions a,
.dash-slider-item a {
    color: #794ee6 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.dash-status {
    padding: 5px 9px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.dash-status.active {
    background: rgba(76, 183, 72, .12) !important;
    color: #15803d !important;
}

.dash-status.inactive {
    background: rgba(239, 68, 68, .12) !important;
    color: #b42318 !important;
}

.dash-slider-list {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
}

.dash-slider-item {
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 14px !important;
    background: #ffffff !important;
}

.dash-slider-img {
    height: 96px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #f8f9fb !important;
    display: grid !important;
    place-items: center !important;
    color: #794ee6 !important;
    font-weight: 900 !important;
    margin-bottom: 12px !important;
}

.dash-slider-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.dash-slider-item strong {
    display: block !important;
    color: #111827 !important;
    font-weight: 900 !important;
    min-height: 44px !important;
}

.dash-slider-item small {
    display: block !important;
    color: #667085 !important;
    margin: 6px 0 10px !important;
}

.dash-empty {
    background: #f8f9fb !important;
    border-radius: 18px !important;
    padding: 26px !important;
    text-align: center !important;
    color: #667085 !important;
    font-weight: 800 !important;
}

@media (max-width: 1400px) {
    .dash-kpi-grid,
    .dash-shortcuts {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .dash-slider-list {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .dash-hero {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .dash-kpi-grid,
    .dash-shortcuts,
    .dash-lists-grid,
    .dash-slider-list {
        grid-template-columns: 1fr !important;
    }

    .dash-row-item {
        grid-template-columns: 60px 1fr !important;
    }

    .dash-row-actions {
        grid-column: 1 / -1 !important;
    }
}

/* =====================================================
   Home Statistics Admin Page
===================================================== */
.stats-admin-preview {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 36px !important;
    margin-bottom: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
}

.stats-admin-preview-card {
    text-align: center !important;
    padding: 26px !important;
    border-radius: 24px !important;
    background: #f8f9fb !important;
    border: 1px solid #eef0f4 !important;
}

.stats-admin-preview-card.disabled {
    opacity: .45 !important;
    filter: grayscale(1) !important;
}

.stats-admin-icon {
    width: 58px !important;
    height: 58px !important;
    margin: 0 auto 14px !important;
    border-radius: 12px !important;
    background: rgba(76, 183, 72, .10) !important;
    color: #00796b !important;
    display: grid !important;
    place-items: center !important;
    font-size: 24px !important;
}

.stats-admin-preview-card strong {
    display: block !important;
    color: #00594f !important;
    font-size: 42px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
}

.stats-admin-preview-card > span {
    display: block !important;
    margin-top: 12px !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.admin-modern-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

.admin-modern-table th {
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: right !important;
    padding: 12px 16px !important;
}

.admin-modern-table td {
    background: #f8f9fb !important;
    padding: 16px !important;
    color: #111827 !important;
    vertical-align: middle !important;
    border-top: 1px solid #eef0f4 !important;
    border-bottom: 1px solid #eef0f4 !important;
}

.admin-modern-table td:first-child {
    border-radius: 0 16px 16px 0 !important;
    border-right: 1px solid #eef0f4 !important;
}

.admin-modern-table td:last-child {
    border-radius: 16px 0 0 16px !important;
    border-left: 1px solid #eef0f4 !important;
}

.table-icon-box {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: rgba(76, 183, 72, .10) !important;
    color: #4db748 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 20px !important;
}

.table-number {
    color: #794ee6 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.table-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.table-actions form {
    margin: 0 !important;
}

@media (max-width: 900px) {
    .stats-admin-preview {
        grid-template-columns: 1fr !important;
        padding: 20px !important;
    }

    .admin-modern-table {
        min-width: 760px !important;
    }
}

/* =====================================================
   Strategic Goals Admin Page
===================================================== */
.goals-admin-preview {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 28px !important;
    margin-bottom: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
}

.goal-admin-card {
    background: #f8f9fb !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 24px !important;
    padding: 26px !important;
    min-height: 210px !important;
    transition: .2s ease !important;
}

.goal-admin-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 42px rgba(121, 78, 230, .12) !important;
}

.goal-admin-card.disabled {
    opacity: .45 !important;
    filter: grayscale(1) !important;
}

.goal-admin-icon {
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    background: #794ee6 !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    font-size: 22px !important;
    margin-bottom: 16px !important;
}

.goal-admin-card h2 {
    color: #111827 !important;
    margin: 0 0 10px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.goal-admin-card p {
    color: #667085 !important;
    line-height: 1.8 !important;
    margin: 0 !important;
}

.goal-desc-cell {
    max-width: 380px !important;
    color: #667085 !important;
    line-height: 1.7 !important;
}

@media (max-width: 1000px) {
    .goals-admin-preview {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Admin About Page
===================================================== */
.about-admin-layout {
    display: grid !important;
    grid-template-columns: 1fr 380px !important;
    gap: 24px !important;
    align-items: start !important;
}

.admin-head-actions {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.about-admin-preview {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 22px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    position: sticky !important;
    top: 100px !important;
}

.about-admin-preview > span {
    display: inline-flex !important;
    color: #4db748 !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

.about-admin-preview img,
.about-admin-empty-image {
    width: 100% !important;
    height: 220px !important;
    border-radius: 20px !important;
    object-fit: cover !important;
    background: #f8f9fb !important;
    display: grid !important;
    place-items: center !important;
    color: #667085 !important;
    font-weight: 900 !important;
    margin-bottom: 18px !important;
}

.about-admin-preview h2 {
    color: #794ee6 !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    margin: 0 0 8px !important;
}

.about-admin-preview h3 {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    margin: 0 0 12px !important;
}

.about-admin-preview p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 8 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

@media (max-width: 1100px) {
    .about-admin-layout {
        grid-template-columns: 1fr !important;
    }

    .about-admin-preview {
        position: static !important;
    }
}

/* =====================================================
   Vision / Mission Admin Page
===================================================== */
.vision-admin-editor {
    display: grid !important;
    grid-template-columns: 1fr 360px !important;
    gap: 24px !important;
    align-items: start !important;
}

.vision-icon-picker {
    max-height: 220px !important;
    overflow-y: auto !important;
    display: grid !important;
    grid-template-columns: repeat(6, 58px) !important;
    gap: 12px !important;
    padding: 16px !important;
    background: #f8f9fb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
}

.vision-icon-option {
    width: 58px !important;
    height: 58px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    color: #555 !important;
    font-size: 22px !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
    transition: .18s ease !important;
}

.vision-icon-option:hover,
.vision-icon-option.selected {
    background: #794ee6 !important;
    color: #ffffff !important;
    border-color: #794ee6 !important;
    transform: translateY(-3px) !important;
}

.vision-admin-live-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    padding: 32px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    position: sticky !important;
    top: 100px !important;
}

.vision-admin-live-card > span {
    color: #4db748 !important;
    font-weight: 900 !important;
    display: block !important;
    margin-bottom: 20px !important;
}

.vision-admin-live-icon {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 20px !important;
    border-radius: 50% !important;
    background: rgba(121, 78, 230, .10) !important;
    color: #794ee6 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 30px !important;
}

.vision-admin-live-card h2 {
    color: #111827 !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    margin: 0 0 12px !important;
}

.vision-admin-live-card p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 !important;
}

.vision-current-section {
    margin-top: 34px !important;
}

.vision-current-section > h2 {
    color: #344054 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin: 0 0 20px !important;
}

.vision-current-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
}

.vision-current-card {
    background: #ffffff !important;
    border: 2px solid #1683ff !important;
    border-radius: 16px !important;
    padding: 26px !important;
    min-height: 255px !important;
    text-align: center !important;
    position: relative !important;
    box-shadow: 0 12px 34px rgba(16, 24, 40, .05) !important;
}

.vision-current-card.disabled {
    opacity: .45 !important;
    filter: grayscale(1) !important;
}

.vision-delete-btn {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    border: 0 !important;
    background: transparent !important;
    color: #ef4444 !important;
    cursor: pointer !important;
    font-size: 16px !important;
}

.vision-current-icon {
    width: 68px !important;
    height: 68px !important;
    margin: 0 auto 18px !important;
    border-radius: 50% !important;
    background: rgba(22, 131, 255, .10) !important;
    color: #1683ff !important;
    display: grid !important;
    place-items: center !important;
    font-size: 30px !important;
}

.vision-current-card h3 {
    color: #111827 !important;
    margin: 0 0 12px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.vision-current-card p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 0 22px !important;
}

.vision-current-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.vision-current-actions form {
    margin: 0 !important;
}

@media (max-width: 1100px) {
    .vision-admin-editor {
        grid-template-columns: 1fr !important;
    }

    .vision-admin-live-card {
        position: static !important;
    }

    .vision-current-grid {
        grid-template-columns: 1fr !important;
    }

    .vision-icon-picker {
        grid-template-columns: repeat(4, 58px) !important;
    }
}

/* =====================================================
   Admin President Message Page
===================================================== */
.president-admin-layout {
    display: grid !important;
    grid-template-columns: 1fr 390px !important;
    gap: 24px !important;
    align-items: start !important;
}

.president-admin-preview {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 22px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    position: sticky !important;
    top: 100px !important;
}

.president-admin-preview > span {
    display: inline-flex !important;
    color: #4db748 !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

.president-admin-photo {
    width: 100% !important;
    height: 320px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #f8f9fb !important;
    display: grid !important;
    place-items: center !important;
    color: #667085 !important;
    margin-bottom: 18px !important;
}

.president-admin-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
}

.president-admin-preview h2 {
    color: #794ee6 !important;
    font-size: 27px !important;
    font-weight: 900 !important;
    margin: 0 0 8px !important;
}

.president-admin-preview h3 {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    margin: 0 0 14px !important;
}

.president-admin-preview p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

@media (max-width: 1100px) {
    .president-admin-layout {
        grid-template-columns: 1fr !important;
    }

    .president-admin-preview {
        position: static !important;
    }
}

/* =====================================================
   Team Members Admin Page
===================================================== */
.team-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
}

.team-admin-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
}

.team-admin-card.disabled {
    opacity: .48 !important;
    filter: grayscale(1) !important;
}

.team-admin-photo {
    height: 260px !important;
    background: #f8f9fb !important;
    display: grid !important;
    place-items: center !important;
    color: #794ee6 !important;
    font-size: 50px !important;
    overflow: hidden !important;
}

.team-admin-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
}

.team-admin-info {
    padding: 22px !important;
}

.team-admin-info h2 {
    color: #111827 !important;
    margin: 0 0 6px !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.team-admin-info > strong {
    color: #4db748 !important;
    display: block !important;
    margin-bottom: 12px !important;
    font-weight: 900 !important;
}

.team-admin-info p {
    color: #667085 !important;
    line-height: 1.8 !important;
    margin: 0 0 14px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.team-admin-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

.team-admin-meta > span:first-child {
    color: #667085 !important;
    font-weight: 800 !important;
}

.team-admin-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.team-admin-actions form {
    margin: 0 !important;
}

.team-admin-layout {
    display: grid !important;
    grid-template-columns: 1fr 340px !important;
    gap: 24px !important;
    align-items: start !important;
}

.team-admin-side-note {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 28px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    position: sticky !important;
    top: 100px !important;
}

.team-admin-side-note span {
    color: #4db748 !important;
    font-weight: 900 !important;
}

.team-admin-side-note h2 {
    color: #794ee6 !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    margin: 12px 0 !important;
}

.team-admin-side-note p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 !important;
}

@media (max-width: 1300px) {
    .team-admin-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .team-admin-grid,
    .team-admin-layout {
        grid-template-columns: 1fr !important;
    }

    .team-admin-side-note {
        position: static !important;
    }
}

/* =====================================================
   Licenses Admin Page
===================================================== */
.licenses-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
}

.license-admin-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
}

.license-admin-card.disabled {
    opacity: .48 !important;
    filter: grayscale(1) !important;
}

.license-admin-preview {
    height: 300px !important;
    background: #f8f9fb !important;
    overflow: hidden !important;
}

.license-admin-preview iframe,
.license-admin-preview img {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.license-admin-preview img {
    object-fit: contain !important;
    padding: 10px !important;
    background: #ffffff !important;
}

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

.license-admin-type {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.license-admin-type > span:first-child {
    background: rgba(121, 78, 230, .10) !important;
    color: #794ee6 !important;
    border-radius: 999px !important;
    padding: 5px 12px !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

.license-admin-body h2 {
    color: #111827 !important;
    margin: 0 0 10px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.license-admin-body p {
    color: #667085 !important;
    line-height: 1.8 !important;
    margin: 0 0 12px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.license-admin-body small {
    color: #4db748 !important;
    font-weight: 900 !important;
}

.license-admin-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 16px !important;
}

.license-admin-actions form {
    margin: 0 !important;
}

.license-edit-layout {
    display: grid !important;
    grid-template-columns: 1fr 420px !important;
    gap: 24px !important;
    align-items: start !important;
}

.license-current-preview {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 20px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    position: sticky !important;
    top: 100px !important;
}

.license-current-preview > span {
    display: block !important;
    color: #4db748 !important;
    font-weight: 900 !important;
    margin-bottom: 12px !important;
}

.license-current-preview iframe,
.license-current-preview img {
    width: 100% !important;
    height: 420px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #f8f9fb !important;
}

.license-current-preview img {
    object-fit: contain !important;
    padding: 10px !important;
}

.license-current-preview a {
    margin-top: 14px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: #794ee6 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

@media (max-width: 1300px) {
    .licenses-admin-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .licenses-admin-grid,
    .license-edit-layout {
        grid-template-columns: 1fr !important;
    }

    .license-current-preview {
        position: static !important;
    }
}

/* =====================================================
   Organizational Structure Admin Page
===================================================== */
.org-admin-layout {
    display: grid !important;
    gap: 24px !important;
}

.org-builder-toolbar {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: 20px 0 18px !important;
}

.org-editor-grid {
    display: grid !important;
    grid-template-columns: 1fr 320px !important;
    gap: 20px !important;
    align-items: start !important;
}

.org-workspace-wrap {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    padding: 16px !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
}

.org-workspace-note {
    color: #667085 !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}

.org-workspace {
    position: relative !important;
    width: 100% !important;
    min-height: 760px !important;
    border-radius: 20px !important;
    background:
        linear-gradient(to right, rgba(121,78,230,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(121,78,230,.05) 1px, transparent 1px),
        #fcfcfe !important;
    background-size: 24px 24px !important;
    overflow: hidden !important;
    border: 1px dashed #d7dbe3 !important;
}

.org-lines-layer {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.org-nodes-layer {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
}

.org-node-box {
    position: absolute !important;
    width: 220px !important;
    min-height: 84px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 2px solid #4db748 !important;
    box-shadow: 0 10px 24px rgba(16,24,40,.08) !important;
    cursor: move !important;
    user-select: none !important;
    transition: .15s ease !important;
}

.org-node-box.selected {
    border-color: #794ee6 !important;
    box-shadow: 0 14px 30px rgba(121,78,230,.18) !important;
}

.org-node-box span {
    display: inline-flex !important;
    color: #4db748 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.org-node-box strong {
    display: block !important;
    color: #111827 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
}

.org-side-editor {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    padding: 18px !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
    position: sticky !important;
    top: 100px !important;
}

.org-side-editor h3 {
    margin: 0 0 14px !important;
    color: #794ee6 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.org-side-actions {
    margin-top: 6px !important;
}

.org-publish-box {
    margin-top: 22px !important;
    padding-top: 16px !important;
    border-top: 1px solid #eceff4 !important;
}

.org-publish-box > span {
    display: block !important;
    color: #4db748 !important;
    font-weight: 900 !important;
    margin-bottom: 12px !important;
}

.org-publish-box img,
.org-preview-placeholder {
    width: 100% !important;
    min-height: 180px !important;
    border-radius: 18px !important;
    background: #f8f9fb !important;
    border: 1px solid #eef0f4 !important;
}

.org-publish-box img {
    display: block !important;
    object-fit: contain !important;
}

.org-preview-placeholder {
    display: grid !important;
    place-items: center !important;
    color: #667085 !important;
    text-align: center !important;
    padding: 20px !important;
    font-weight: 800 !important;
}

@media (max-width: 1100px) {
    .org-editor-grid {
        grid-template-columns: 1fr !important;
    }

    .org-side-editor {
        position: static !important;
    }
}

/* =====================================================
   Bank Accounts Admin Page
===================================================== */
.banks-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
}

.bank-admin-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    padding: 22px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
}

.bank-admin-card.disabled {
    opacity: .48 !important;
    filter: grayscale(1) !important;
}

.bank-admin-top {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

.bank-admin-logo {
    width: 70px !important;
    height: 70px !important;
    border-radius: 20px !important;
    background: rgba(121, 78, 230, .10) !important;
    color: #794ee6 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
}

.bank-admin-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 8px !important;
    background: #ffffff !important;
}

.bank-admin-logo strong {
    font-size: 28px !important;
    font-weight: 900 !important;
}

.bank-admin-top h2 {
    color: #111827 !important;
    margin: 0 0 5px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.bank-admin-top p {
    color: #667085 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    font-weight: 700 !important;
}

.bank-admin-info {
    background: #f8f9fb !important;
    border: 1px solid #eceff4 !important;
    border-radius: 16px !important;
    padding: 14px !important;
    margin-top: 12px !important;
}

.bank-admin-info span {
    color: #4db748 !important;
    display: block !important;
    font-weight: 900 !important;
    margin-bottom: 8px !important;
}

.bank-admin-info strong {
    color: #111827 !important;
    display: block !important;
    overflow-wrap: anywhere !important;
}

.bank-admin-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 16px 0 !important;
}

.bank-admin-meta > span:first-child {
    color: #667085 !important;
    font-weight: 800 !important;
}

.bank-admin-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.bank-admin-actions form {
    margin: 0 !important;
}

.bank-form-layout {
    display: grid !important;
    grid-template-columns: 1fr 340px !important;
    gap: 24px !important;
    align-items: start !important;
}

.bank-admin-note {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 28px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .04) !important;
    position: sticky !important;
    top: 100px !important;
}

.bank-admin-note span {
    color: #4db748 !important;
    font-weight: 900 !important;
}

.bank-admin-note h2 {
    color: #794ee6 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    margin: 12px 0 !important;
}

.bank-admin-note p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1300px) {
    .banks-admin-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .banks-admin-grid,
    .bank-form-layout {
        grid-template-columns: 1fr !important;
    }

    .bank-admin-note {
        position: static !important;
    }
}

/* =====================================================
   Programs Admin Page
===================================================== */
.program-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
}

.program-admin-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
}

.program-admin-card.disabled {
    opacity: .48 !important;
    filter: grayscale(1) !important;
}

.program-admin-image {
    position: relative !important;
    height: 240px !important;
    background: #f8f9fb !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

.program-admin-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.program-admin-image strong {
    color: #794ee6 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
}

.program-admin-image span {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: #4db748 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 6px 12px !important;
    font-weight: 900 !important;
    font-size: 12px !important;
}

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

.program-admin-body h2 {
    color: #111827 !important;
    margin: 0 0 10px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.program-admin-body p {
    color: #667085 !important;
    line-height: 1.8 !important;
    margin: 0 0 16px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.program-admin-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

.program-admin-meta > span:first-child {
    color: #667085 !important;
    font-weight: 800 !important;
}

.program-admin-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.program-admin-actions form {
    margin: 0 !important;
}

.program-form-layout {
    display: grid !important;
    grid-template-columns: 1fr 340px !important;
    gap: 24px !important;
    align-items: start !important;
}

.program-admin-note {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 28px !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
    position: sticky !important;
    top: 100px !important;
}

.program-admin-note span {
    color: #4db748 !important;
    font-weight: 900 !important;
}

.program-admin-note h2 {
    color: #794ee6 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    margin: 12px 0 !important;
}

.program-admin-note p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 !important;
}

@media (max-width: 1300px) {
    .program-admin-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .program-admin-grid,
    .program-form-layout {
        grid-template-columns: 1fr !important;
    }

    .program-admin-note {
        position: static !important;
    }
}

/* =====================================================
   Service Links Admin Page
===================================================== */
.service-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
}

.service-admin-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    padding: 22px !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
}

.service-admin-card.disabled {
    opacity: .48 !important;
    filter: grayscale(1) !important;
}

.service-admin-top {
    display: flex !important;
    gap: 14px !important;
    align-items: center !important;
    margin-bottom: 16px !important;
}

.service-admin-icon {
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important;
    background: rgba(121,78,230,.10) !important;
    color: #794ee6 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
}

.service-admin-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 10px !important;
    background: #ffffff !important;
}

.service-admin-icon strong {
    font-size: 30px !important;
    font-weight: 900 !important;
}

.service-admin-top span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.service-admin-top h2 {
    color: #111827 !important;
    margin: 4px 0 0 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.service-admin-card > p {
    color: #667085 !important;
    line-height: 1.8 !important;
    margin: 0 0 14px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.service-admin-card > small {
    display: inline-flex !important;
    background: rgba(76,183,72,.10) !important;
    color: #4cb748 !important;
    border-radius: 999px !important;
    padding: 7px 12px !important;
    font-weight: 900 !important;
    margin-bottom: 12px !important;
}

.service-admin-link {
    background: #f8f9fb !important;
    border: 1px solid #eceff4 !important;
    border-radius: 14px !important;
    color: #344054 !important;
    padding: 12px !important;
    overflow-wrap: anywhere !important;
    margin-bottom: 14px !important;
}

.service-admin-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

.service-admin-meta > span:first-child {
    color: #667085 !important;
    font-weight: 800 !important;
}

.service-admin-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.service-admin-actions form {
    margin: 0 !important;
}

.service-form-layout {
    display: grid !important;
    grid-template-columns: 1fr 340px !important;
    gap: 24px !important;
    align-items: start !important;
}

.service-admin-note {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 28px !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
    position: sticky !important;
    top: 100px !important;
}

.service-admin-note span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.service-admin-note h2 {
    color: #794ee6 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    margin: 12px 0 !important;
}

.service-admin-note p {
    color: #667085 !important;
    line-height: 1.9 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1300px) {
    .service-admin-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .service-admin-grid,
    .service-form-layout {
        grid-template-columns: 1fr !important;
    }

    .service-admin-note {
        position: static !important;
    }
}

/* =====================================================
   Service Links Type Badges
===================================================== */
.service-admin-badges {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-bottom: 12px !important;
}

.service-admin-badges small {
    display: inline-flex !important;
    background: rgba(76,183,72,.10) !important;
    color: #4cb748 !important;
    border-radius: 999px !important;
    padding: 7px 12px !important;
    font-weight: 900 !important;
}

/* =====================================================
   Beneficiary Data Update Admin
===================================================== */
.beneficiary-admin-layout {
    display: grid !important;
    grid-template-columns: 1fr 390px !important;
    gap: 24px !important;
    align-items: start !important;
}

.beneficiary-admin-side {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
    position: sticky !important;
    top: 100px !important;
}

.beneficiary-admin-side > span {
    color: #794ee6 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    display: block !important;
    margin-bottom: 16px !important;
}

.beneficiary-req-admin-form {
    display: grid !important;
    gap: 10px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #eceff4 !important;
    margin-bottom: 16px !important;
}

.beneficiary-req-admin-form input {
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    font-family: inherit !important;
}

.beneficiary-req-admin-form label {
    color: #344054 !important;
    font-weight: 900 !important;
}

.beneficiary-req-admin-form button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #4cb748 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.beneficiary-admin-req-list {
    display: grid !important;
    gap: 10px !important;
}

.beneficiary-admin-req-item {
    background: #f8f9fb !important;
    border: 1px solid #eceff4 !important;
    border-radius: 16px !important;
    padding: 14px !important;
}

.beneficiary-admin-req-item.disabled {
    opacity: .45 !important;
    filter: grayscale(1) !important;
}

.beneficiary-admin-req-item b {
    color: #4cb748 !important;
    margin-left: 6px !important;
}

.beneficiary-admin-req-item strong {
    color: #111827 !important;
    font-weight: 900 !important;
}

.beneficiary-admin-req-item small {
    display: block !important;
    color: #667085 !important;
    margin-top: 5px !important;
}

.beneficiary-admin-req-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.beneficiary-admin-req-actions form {
    margin: 0 !important;
}

.beneficiary-admin-req-actions button {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #794ee6 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.beneficiary-admin-req-actions button.danger {
    background: #ef4444 !important;
}

@media (max-width: 1100px) {
    .beneficiary-admin-layout {
        grid-template-columns: 1fr !important;
    }

    .beneficiary-admin-side {
        position: static !important;
    }
}

/* New Beneficiary Registration Admin */
.nbr-admin-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 22px !important;
    align-items: start !important;
}

.nbr-admin-main-card {
    min-width: 0 !important;
}

.nbr-admin-side-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 12px 28px rgba(16, 24, 40, .05) !important;
}

.nbr-admin-side-head {
    margin-bottom: 16px !important;
}

.nbr-admin-side-head span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.nbr-admin-side-head h2 {
    margin: 6px 0 0 !important;
    color: #26384d !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.nbr-admin-add-form {
    display: grid !important;
    gap: 10px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #eef0f3 !important;
    margin-bottom: 16px !important;
}

.nbr-admin-add-form input {
    width: 100% !important;
    min-height: 42px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
}

.nbr-admin-add-form button {
    min-height: 42px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #794ee6 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.nbr-admin-add-form button:hover {
    background: #4cb748 !important;
}

.nbr-admin-inline-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 800 !important;
    color: #344054 !important;
}

.nbr-admin-inline-check input {
    width: auto !important;
    min-height: auto !important;
}

.nbr-admin-req-list {
    display: grid !important;
    gap: 10px !important;
}

.nbr-admin-req-item {
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    padding: 12px !important;
    background: #ffffff !important;
}

.nbr-admin-req-item.is-disabled {
    opacity: .55 !important;
    background: #f8fafc !important;
}

.nbr-admin-req-info {
    display: grid !important;
    grid-template-columns: 34px 1fr !important;
    gap: 10px !important;
    align-items: start !important;
}

.nbr-admin-req-info b {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
}

.nbr-admin-req-info strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.nbr-admin-req-info small {
    display: block !important;
    color: #667085 !important;
    margin-top: 4px !important;
    line-height: 1.6 !important;
}

.nbr-admin-req-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.nbr-admin-req-actions form {
    margin: 0 !important;
}

.nbr-admin-req-actions button {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.nbr-admin-req-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.admin-alert-danger {
    background: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
    font-weight: 900 !important;
}

@media (max-width: 1100px) {
    .nbr-admin-grid {
        grid-template-columns: 1fr !important;
    }
}

/* In Kind Donation Admin */
.inline-status-form {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.inline-status-form select {
    min-height: 34px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 8px !important;
    padding: 0 8px !important;
}

.inline-status-form button {
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #794ee6 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 0 12px !important;
    cursor: pointer !important;
}

/* In Kind Donation Requests Admin */
.admin-table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
}

.admin-empty-state {
    text-align: center !important;
    padding: 50px 20px !important;
    color: #667085 !important;
}

.admin-empty-state h3 {
    color: #26384d !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.admin-empty-state p {
    margin: 0 !important;
    font-weight: 700 !important;
}

.inkind-admin-types {
    max-width: 320px !important;
    white-space: normal !important;
    line-height: 1.8 !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.inkind-status {
    display: inline-flex !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.inline-status-form {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.inline-status-form select {
    min-height: 36px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 10px !important;
    padding: 0 10px !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-weight: 800 !important;
}

.inline-status-form button {
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #794ee6 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 0 14px !important;
    cursor: pointer !important;
}

.inline-status-form button:hover {
    background: #4cb748 !important;
}

.inkind-notes-row td {
    background: #fafafa !important;
    color: #475467 !important;
    line-height: 1.8 !important;
}

.inkind-notes-row strong {
    color: #74429a !important;
    font-weight: 900 !important;
}

/* =====================================================
   In Kind Donation Requests - Admin Table + Print
===================================================== */
.ikd-admin-page {
    display: grid !important;
    gap: 20px !important;
}

.ikd-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.ikd-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.ikd-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.ikd-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.ikd-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.ikd-admin-actions button,
.ikd-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.ikd-admin-actions button {
    background: #4cb748 !important;
}

.ikd-admin-actions button:hover,
.ikd-admin-actions a:hover {
    background: #26384d !important;
    color: #ffffff !important;
}

.ikd-print-head {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 16px !important;
}

.ikd-print-head h2 {
    color: #26384d !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin: 0 0 6px !important;
}

.ikd-print-head p,
.ikd-print-head span {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.ikd-print-head strong {
    color: #74429a !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 900 !important;
}

.ikd-admin-table-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.ikd-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.ikd-admin-table {
    width: 100% !important;
    min-width: 1180px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    text-align: right !important;
    overflow: hidden !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
}

.ikd-admin-table thead th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    padding: 14px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.ikd-admin-table tbody td {
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 14px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: top !important;
}

.ikd-admin-table tbody tr:hover td {
    background: #fbfffb !important;
}

.ikd-order {
    color: #74429a !important;
    font-weight: 900 !important;
}

.ikd-types,
.ikd-notes {
    max-width: 280px !important;
    white-space: normal !important;
    line-height: 1.8 !important;
}

.ikd-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.ikd-status-form {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.ikd-status-form select {
    min-height: 36px !important;
    min-width: 120px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 10px !important;
    padding: 0 10px !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-weight: 800 !important;
}

.ikd-status-form button {
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #74429a !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 0 14px !important;
    cursor: pointer !important;
}

.ikd-status-form button:hover {
    background: #4cb748 !important;
}

.ikd-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.ikd-empty h3 {
    color: #26384d !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.ikd-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media print {
    body * {
        visibility: hidden !important;
    }

    .ikd-print-area,
    .ikd-print-area * {
        visibility: visible !important;
    }

    .ikd-print-area {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
    }

    .no-print {
        display: none !important;
        visibility: hidden !important;
    }

    .ikd-print-head,
    .ikd-admin-table-card {
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .ikd-admin-table {
        min-width: 0 !important;
        width: 100% !important;
        font-size: 11px !important;
    }

    .ikd-admin-table thead th,
    .ikd-admin-table tbody td {
        padding: 7px 6px !important;
        font-size: 10px !important;
        color: #000000 !important;
    }

    .ikd-status {
        border: 1px solid #000000 !important;
        color: #000000 !important;
        background: #ffffff !important;
    }

    @page {
        size: A4 landscape;
        margin: 10mm;
    }
}

@media (max-width: 900px) {
    .ikd-admin-hero,
    .ikd-print-head {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* =====================================================
   Video Library Admin
===================================================== */
.video-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.video-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.video-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.video-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.video-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.video-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.video-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.video-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.video-admin-actions a:hover {
    background: #4cb748 !important;
    color: #ffffff !important;
}

.video-admin-filter,
.video-admin-table-card,
.video-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.video-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.video-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.video-admin-filter button,
.video-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.video-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.video-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.video-admin-table {
    width: 100% !important;
    min-width: 1050px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.video-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.video-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: top !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.video-admin-thumb {
    width: 96px !important;
    height: 64px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
}

.video-admin-no-image {
    width: 96px !important;
    height: 64px !important;
    border-radius: 10px !important;
    background: #111827 !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
}

.video-admin-title-cell {
    max-width: 360px !important;
}

.video-admin-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.video-admin-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.video-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.video-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.video-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.video-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.video-admin-row-actions a,
.video-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.video-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.video-admin-row-actions form {
    margin: 0 !important;
}

.video-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.video-form-grid .full {
    grid-column: 1 / -1 !important;
}

.video-edit-preview {
    max-width: 360px !important;
    width: 100% !important;
    max-height: 220px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
}

.video-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.video-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.video-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .video-admin-hero,
    .video-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .video-form-grid {
        grid-template-columns: 1fr !important;
    }
}





/* KAFO_ADMIN_SIDEBAR_COLLAPSE_START */
.kafo-menu-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    cursor: pointer !important;
    user-select: none !important;
}

.kafo-menu-title:hover {
    color: rgba(255,255,255,.82) !important;
}

.kafo-menu-arrow {
    width: 22px !important;
    height: 22px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    transition: transform .18s ease, background .18s ease !important;
}

.kafo-menu-title:hover .kafo-menu-arrow {
    background: rgba(255,255,255,.14) !important;
    color: #ffffff !important;
}

.kafo-menu-section.is-collapsed > a {
    display: none !important;
}

.kafo-menu-section.is-collapsed .kafo-menu-arrow {
    transform: rotate(90deg) !important;
}

.kafo-menu-section {
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

.kafo-menu-section:last-child {
    border-bottom: 0 !important;
}
/* KAFO_ADMIN_SIDEBAR_COLLAPSE_END */


/* KAFO_ADMIN_SIDEBAR_COLLAPSE_FINAL_START */
.kafo-admin-body {
    margin: 0 !important;
    background: #f5f6fa !important;
    direction: rtl !important;
    font-family: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif !important;
    color: #1f2937 !important;
}

.kafo-admin-shell {
    min-height: 100vh !important;
    display: block !important;
}

.kafo-admin-sidebar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 265px !important;
    height: 100vh !important;
    background: #5d3b80 !important;
    color: #ffffff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 18px 0 28px !important;
    box-shadow: -10px 0 28px rgba(17, 24, 39, .08) !important;
    z-index: 1000 !important;
}

.kafo-admin-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 18px 18px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.kafo-admin-brand img {
    width: 46px !important;
    height: 46px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 5px !important;
}

.kafo-admin-brand strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.kafo-admin-brand span {
    display: block !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.kafo-menu-section {
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

.kafo-menu-title {
    width: 100% !important;
    min-height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 10px 23px 8px 15px !important;
    color: rgb(255, 253, 253) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: right !important;
}

.kafo-menu-title:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.055) !important;
}

.kafo-menu-title b {
    width: 22px !important;
    height: 22px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.78) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform .18s ease !important;
}

.kafo-menu-section.is-collapsed .kafo-menu-links {
    display: none !important;
}

.kafo-menu-section.is-collapsed .kafo-menu-title b {
    transform: rotate(90deg) !important;
}

.kafo-menu-links {
    display: grid !important;
    gap: 0 !important;
}

.kafo-admin-sidebar a {
    min-height: 43px !important;
    padding: 0 23px 0 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: rgb(255, 255, 255) !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    background: transparent !important;
    position: relative !important;
    white-space: nowrap !important;
}

.kafo-admin-sidebar a::before {
    display: none !important;
    content: none !important;
}

.kafo-admin-sidebar a:hover {
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
}

.kafo-admin-sidebar a.is-active {
    background: rgba(255,255,255,.13) !important;
    color: #ffffff !important;
}

.kafo-admin-sidebar a.is-active::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 5px !important;
    height: 100% !important;
    background: #4cb748 !important;
}

.kafo-menu-icon {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.kafo-admin-main {
    margin-right: 265px !important;
    min-height: 100vh !important;
    padding: 22px !important;
    background: #f5f6fa !important;
}

.kafo-admin-topbar {
    min-height: 86px !important;
    margin-bottom: 22px !important;
    background: #ffffff !important;
    border: 1px solid #e6e8ef !important;
    border-radius: 22px !important;
    padding: 18px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 12px 28px rgba(16, 24, 40, .045) !important;
}

.kafo-admin-topbar span {
    color: #4cb748 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.kafo-admin-topbar h1 {
    margin: 5px 0 0 !important;
    color: #74429a !important;
    font-size: 27px !important;
    font-weight: 900 !important;
}

.kafo-admin-topbar a {
    min-height: 42px !important;
    border-radius: 999px !important;
    background: #74429a !important;
    color: #ffffff !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

@media (max-width: 980px) {
    .kafo-admin-sidebar {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .kafo-admin-main {
        margin-right: 0 !important;
    }
}
/* KAFO_ADMIN_SIDEBAR_COLLAPSE_FINAL_END */

/* =====================================================
   Success Partners Admin
===================================================== */
.partner-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.partner-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.partner-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.partner-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.partner-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.partner-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.partner-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.partner-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.partner-admin-actions a:hover {
    background: #4cb748 !important;
    color: #ffffff !important;
}

.partner-admin-filter,
.partner-admin-table-card,
.partner-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.partner-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.partner-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.partner-admin-filter button,
.partner-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.partner-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.partner-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.partner-admin-table {
    width: 100% !important;
    min-width: 1050px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.partner-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.partner-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.partner-admin-logo {
    width: 100px !important;
    height: 62px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    padding: 8px !important;
}

.partner-admin-no-logo {
    width: 100px !important;
    height: 62px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #667085 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
}

.partner-title-cell {
    max-width: 360px !important;
}

.partner-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.partner-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.partner-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.partner-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.partner-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.partner-url {
    color: #74429a !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.partner-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.partner-admin-row-actions a,
.partner-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.partner-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.partner-admin-row-actions form {
    margin: 0 !important;
}

.partner-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.partner-form-grid .full {
    grid-column: 1 / -1 !important;
}

.partner-edit-preview {
    max-width: 260px !important;
    max-height: 160px !important;
    object-fit: contain !important;
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
    padding: 14px !important;
    background: #ffffff !important;
}

.partner-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.partner-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.partner-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .partner-admin-hero,
    .partner-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .partner-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Aid Reports Admin
===================================================== */
.aid-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.aid-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.aid-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.aid-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.aid-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.aid-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.aid-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.aid-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.aid-admin-filter,
.aid-admin-table-card,
.aid-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.aid-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.aid-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.aid-admin-filter button,
.aid-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.aid-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.aid-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.aid-admin-table {
    width: 100% !important;
    min-width: 1180px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.aid-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.aid-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.aid-admin-cover,
.aid-admin-no-cover {
    width: 96px !important;
    height: 64px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
}

.aid-admin-cover {
    object-fit: cover !important;
}

.aid-admin-no-cover {
    background: #f2f4f7 !important;
    color: #667085 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
}

.aid-title-cell {
    max-width: 360px !important;
}

.aid-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.aid-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.aid-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.aid-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.aid-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.aid-file-link,
.aid-current-file {
    color: #74429a !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.aid-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.aid-admin-row-actions a,
.aid-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.aid-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.aid-admin-row-actions form {
    margin: 0 !important;
}

.aid-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.aid-form-grid .full {
    grid-column: 1 / -1 !important;
}

.aid-edit-preview {
    max-width: 360px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
}

.aid-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.aid-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.aid-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .aid-admin-hero,
    .aid-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .aid-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   General Assembly Members Admin
===================================================== */
.gam-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.gam-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.gam-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.gam-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.gam-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.gam-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.gam-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.gam-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.gam-admin-filter,
.gam-admin-table-card,
.gam-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.gam-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.gam-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.gam-admin-filter button,
.gam-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.gam-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.gam-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.gam-admin-table {
    width: 100% !important;
    min-width: 1280px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.gam-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.gam-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.gam-admin-photo,
.gam-admin-no-photo {
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
}

.gam-admin-photo {
    object-fit: cover !important;
}

.gam-admin-no-photo {
    background: #f2f4f7 !important;
    color: #667085 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

.gam-title-cell {
    max-width: 360px !important;
}

.gam-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.gam-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.gam-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.gam-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.gam-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.gam-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.gam-admin-row-actions a,
.gam-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.gam-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.gam-admin-row-actions form {
    margin: 0 !important;
}

.gam-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.gam-form-grid .full {
    grid-column: 1 / -1 !important;
}

.gam-edit-preview {
    width: 130px !important;
    height: 130px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
}

.gam-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.gam-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.gam-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .gam-admin-hero,
    .gam-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .gam-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   General Assembly Minutes Admin
===================================================== */
.gamn-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.gamn-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.gamn-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.gamn-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.gamn-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.gamn-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.gamn-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.gamn-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.gamn-admin-filter,
.gamn-admin-table-card,
.gamn-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.gamn-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.gamn-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.gamn-admin-filter button,
.gamn-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.gamn-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.gamn-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.gamn-admin-table {
    width: 100% !important;
    min-width: 1260px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.gamn-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.gamn-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.gamn-admin-cover,
.gamn-admin-no-cover {
    width: 96px !important;
    height: 64px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
}

.gamn-admin-cover {
    object-fit: cover !important;
}

.gamn-admin-no-cover {
    background: #f2f4f7 !important;
    color: #667085 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
}

.gamn-title-cell {
    max-width: 360px !important;
}

.gamn-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.gamn-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.gamn-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.gamn-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.gamn-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.gamn-file-link,
.gamn-current-file {
    color: #74429a !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.gamn-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.gamn-admin-row-actions a,
.gamn-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.gamn-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.gamn-admin-row-actions form {
    margin: 0 !important;
}

.gamn-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.gamn-form-grid .full {
    grid-column: 1 / -1 !important;
}

.gamn-edit-preview {
    max-width: 360px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
}

.gamn-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.gamn-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.gamn-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .gamn-admin-hero,
    .gamn-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .gamn-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Board Members Admin
===================================================== */
.bm-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.bm-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.bm-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.bm-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.bm-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.bm-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.bm-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.bm-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.bm-admin-filter,
.bm-admin-table-card,
.bm-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.bm-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.bm-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.bm-admin-filter button,
.bm-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.bm-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.bm-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.bm-admin-table {
    width: 100% !important;
    min-width: 1450px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.bm-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.bm-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.bm-admin-photo,
.bm-admin-no-photo {
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
}

.bm-admin-photo {
    object-fit: cover !important;
}

.bm-admin-no-photo {
    background: #f2f4f7 !important;
    color: #667085 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

.bm-title-cell {
    max-width: 360px !important;
}

.bm-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.bm-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.bm-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.bm-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.bm-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.bm-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.bm-admin-row-actions a,
.bm-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.bm-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.bm-admin-row-actions form {
    margin: 0 !important;
}

.bm-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.bm-form-grid .full {
    grid-column: 1 / -1 !important;
}

.bm-edit-preview {
    width: 220px !important;
    height: 260px !important;
    object-fit: contain !important;
    border-radius: 18px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    padding: 8px !important;
}

.bm-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.bm-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.bm-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .bm-admin-hero,
    .bm-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .bm-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Governance File Pages - Committees
===================================================== */
.gov-file-page {
    display: grid !important;
    gap: 28px !important;
}

.gov-file-form-card,
.gov-file-table-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 22px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.gov-file-head,
.gov-table-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
}

.gov-file-head span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.gov-file-head h1,
.gov-table-head h2 {
    color: #26384d !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    margin: 6px 0 !important;
}

.gov-file-head p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.gov-file-head a {
    min-height: 42px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.gov-file-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
}

.gov-file-grid .full {
    grid-column: 1 / -1 !important;
}

.gov-file-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 18px !important;
}

.gov-file-actions button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #74429a !important;
    color: #ffffff !important;
    padding: 0 28px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.gov-file-actions button:hover {
    background: #4cb748 !important;
}

.gov-table-head form {
    display: flex !important;
    gap: 8px !important;
}

.gov-table-head input {
    min-height: 40px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 10px !important;
    padding: 0 12px !important;
}

.gov-table-head button,
.gov-table-head a {
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 0 14px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.gov-table-head a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.gov-file-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.gov-file-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.gov-file-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    padding: 14px 12px !important;
    font-weight: 900 !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.gov-file-table td {
    padding: 14px 12px !important;
    color: #344054 !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
}

.gov-file-title strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.gov-file-title span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    margin-top: 4px !important;
}

.gov-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 900 !important;
}

.gov-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.gov-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.gov-open-file,
.gov-mini-btn,
.gov-delete-btn {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
}

.gov-open-file {
    color: #74429a !important;
    border-color: rgba(116, 66, 154, .25) !important;
}

.gov-delete-btn {
    color: #dc2626 !important;
    border-color: #fecaca !important;
}

.gov-empty-row {
    text-align: center !important;
    color: #98a2b3 !important;
    padding: 30px !important;
}

.admin-alert-error {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

@media (max-width: 900px) {
    .gov-file-head,
    .gov-table-head,
    .gov-table-head form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .gov-file-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Governance File Pages - Shared
===================================================== */
.gov-file-page {
    display: grid !important;
    gap: 28px !important;
}

.gov-file-form-card,
.gov-file-table-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 22px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.gov-file-head,
.gov-table-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
}

.gov-file-head span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.gov-file-head h1,
.gov-table-head h2 {
    color: #26384d !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    margin: 6px 0 !important;
}

.gov-file-head p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.gov-file-head a {
    min-height: 42px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.gov-file-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
}

.gov-file-grid .full {
    grid-column: 1 / -1 !important;
}

.gov-file-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 18px !important;
}

.gov-file-actions button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #74429a !important;
    color: #ffffff !important;
    padding: 0 28px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.gov-file-actions button:hover {
    background: #4cb748 !important;
}

.gov-table-head form {
    display: flex !important;
    gap: 8px !important;
}

.gov-table-head input {
    min-height: 40px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 10px !important;
    padding: 0 12px !important;
}

.gov-table-head button,
.gov-table-head a {
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 0 14px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.gov-table-head a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.gov-file-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.gov-file-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.gov-file-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    padding: 14px 12px !important;
    font-weight: 900 !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.gov-file-table td {
    padding: 14px 12px !important;
    color: #344054 !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
}

.gov-file-title strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.gov-file-title span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    margin-top: 4px !important;
}

.gov-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 900 !important;
}

.gov-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.gov-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.gov-open-file,
.gov-mini-btn,
.gov-delete-btn {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
}

.gov-open-file {
    color: #74429a !important;
    border-color: rgba(116, 66, 154, .25) !important;
}

.gov-delete-btn {
    color: #dc2626 !important;
    border-color: #fecaca !important;
}

.gov-empty-row {
    text-align: center !important;
    color: #98a2b3 !important;
    padding: 30px !important;
}

.admin-alert-error {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

@media (max-width: 900px) {
    .gov-file-head,
    .gov-table-head,
    .gov-table-head form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .gov-file-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Volunteer Opportunities Admin
===================================================== */
.vo-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.vo-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.vo-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.vo-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.vo-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.vo-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.vo-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.vo-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.vo-admin-filter,
.vo-admin-table-card,
.vo-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.vo-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.vo-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.vo-admin-filter button,
.vo-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.vo-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.vo-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.vo-admin-table {
    width: 100% !important;
    min-width: 1280px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.vo-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.vo-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.vo-admin-image,
.vo-admin-no-image {
    width: 96px !important;
    height: 64px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
}

.vo-admin-image {
    object-fit: cover !important;
}

.vo-admin-no-image {
    background: #f2f4f7 !important;
    color: #667085 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
}

.vo-title-cell {
    max-width: 360px !important;
}

.vo-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.vo-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.vo-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.vo-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.vo-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.vo-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.vo-admin-row-actions a,
.vo-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.vo-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.vo-admin-row-actions form {
    margin: 0 !important;
}

.vo-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.vo-form-grid .full {
    grid-column: 1 / -1 !important;
}

.vo-edit-preview {
    max-width: 360px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
}

.vo-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.vo-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.vo-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .vo-admin-hero,
    .vo-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .vo-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Initiatives Admin
===================================================== */
.ini-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.ini-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.ini-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.ini-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.ini-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.ini-admin-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.ini-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #f6fbf6 !important;
    color: #4cb748 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cdeecd !important;
}

.ini-admin-actions a.primary {
    background: #74429a !important;
    color: #ffffff !important;
    border-color: #74429a !important;
}

.ini-admin-filter,
.ini-admin-table-card,
.ini-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.ini-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.ini-admin-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.ini-admin-filter button,
.ini-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.ini-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.ini-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.ini-admin-table {
    width: 100% !important;
    min-width: 1280px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.ini-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.ini-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.ini-admin-image,
.ini-admin-no-image {
    width: 96px !important;
    height: 64px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
}

.ini-admin-image {
    object-fit: cover !important;
}

.ini-admin-no-image {
    background: #f2f4f7 !important;
    color: #667085 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
}

.ini-title-cell {
    max-width: 360px !important;
}

.ini-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.ini-title-cell span {
    display: block !important;
    color: #667085 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

.ini-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
}

.ini-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.ini-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.ini-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.ini-admin-row-actions a,
.ini-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.ini-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.ini-admin-row-actions form {
    margin: 0 !important;
}

.ini-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.ini-form-grid .full {
    grid-column: 1 / -1 !important;
}

.ini-edit-preview {
    max-width: 360px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
}

.ini-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.ini-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.ini-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .ini-admin-hero,
    .ini-admin-filter form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .ini-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   Job Applications Admin
===================================================== */
.ja-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.ja-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.ja-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.ja-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.ja-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.ja-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.ja-admin-filter,
.ja-admin-table-card,
.ja-details-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.ja-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.ja-admin-filter input,
.ja-admin-filter select {
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.ja-admin-filter input {
    flex: 1 !important;
}

.ja-admin-filter button,
.ja-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.ja-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.ja-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.ja-admin-table {
    width: 100% !important;
    min-width: 1450px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.ja-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.ja-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.ja-unread-row {
    background: #f6fbf6 !important;
}

.ja-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.ja-title-cell span {
    color: #4cb748 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.ja-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.ja-file-link {
    color: #74429a !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.ja-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.ja-admin-row-actions a,
.ja-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.ja-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.ja-admin-row-actions form {
    margin: 0 !important;
}

.ja-details-grid {
    display: grid !important;
    grid-template-columns: 1.2fr .8fr !important;
    gap: 18px !important;
}

.ja-details-card h2 {
    color: #26384d !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    margin: 0 0 16px !important;
}

.ja-details-card dl {
    display: grid !important;
    grid-template-columns: 160px 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
}

.ja-details-card dt {
    color: #667085 !important;
    font-weight: 900 !important;
}

.ja-details-card dd {
    margin: 0 !important;
    color: #26384d !important;
    font-weight: 800 !important;
}

.ja-files-box {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}

.ja-files-box a {
    min-height: 42px !important;
    border-radius: 12px !important;
    background: #74429a !important;
    color: #ffffff !important;
    padding: 0 16px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 900 !important;
}

.ja-status-form {
    display: grid !important;
    gap: 10px !important;
}

.ja-status-form label {
    color: #26384d !important;
    font-weight: 900 !important;
}

.ja-status-form select,
.ja-status-form textarea {
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 12px !important;
}

.ja-status-form button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #4cb748 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.ja-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.ja-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.ja-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 950px) {
    .ja-admin-hero,
    .ja-admin-filter form,
    .ja-details-grid {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* =====================================================
   Messages Inbox Admin
===================================================== */
.msg-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.msg-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.msg-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.msg-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.msg-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.msg-admin-actions {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.msg-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.msg-admin-filter,
.msg-admin-table-card,
.msg-details-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.msg-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.msg-admin-filter input,
.msg-admin-filter select {
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.msg-admin-filter input {
    flex: 1 !important;
}

.msg-admin-filter button,
.msg-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.msg-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.msg-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.msg-admin-table {
    width: 100% !important;
    min-width: 1320px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.msg-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.msg-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.msg-unread-row {
    background: #f6fbf6 !important;
}

.msg-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.msg-title-cell span {
    color: #4cb748 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.msg-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.msg-file-link {
    color: #74429a !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.msg-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.msg-admin-row-actions a,
.msg-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.msg-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.msg-admin-row-actions form {
    margin: 0 !important;
}

.msg-details-grid {
    display: grid !important;
    grid-template-columns: 1.1fr .9fr !important;
    gap: 18px !important;
}

.msg-details-card h2 {
    color: #26384d !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    margin: 0 0 16px !important;
}

.msg-details-card dl {
    display: grid !important;
    grid-template-columns: 150px 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
}

.msg-details-card dt {
    color: #667085 !important;
    font-weight: 900 !important;
}

.msg-details-card dd {
    margin: 0 !important;
    color: #26384d !important;
    font-weight: 800 !important;
}

.msg-details-card p {
    color: #344054 !important;
    font-weight: 700 !important;
    line-height: 2 !important;
    white-space: pre-line !important;
}

.msg-files-box {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}

.msg-files-box a {
    min-height: 42px !important;
    border-radius: 12px !important;
    background: #74429a !important;
    color: #ffffff !important;
    padding: 0 16px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 900 !important;
}

.msg-files-box span {
    color: #667085 !important;
    font-weight: 800 !important;
}

.msg-status-form {
    display: grid !important;
    gap: 10px !important;
}

.msg-status-form label {
    color: #26384d !important;
    font-weight: 900 !important;
}

.msg-status-form select,
.msg-status-form textarea {
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 12px !important;
}

.msg-status-form button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #4cb748 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.msg-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.msg-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.msg-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 950px) {
    .msg-admin-hero,
    .msg-admin-filter form,
    .msg-details-grid {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* =====================================================
   Satisfaction Admin
===================================================== */
.sat-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.sat-admin-hero {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.sat-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.sat-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.sat-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.sat-admin-actions {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.sat-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.sat-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
}

.sat-stats-grid div,
.sat-admin-filter,
.sat-admin-table-card,
.sat-details-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.sat-stats-grid strong {
    display: block !important;
    color: #74429a !important;
    font-size: 30px !important;
    font-weight: 900 !important;
}

.sat-stats-grid span {
    color: #667085 !important;
    font-weight: 800 !important;
}

.sat-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.sat-admin-filter input,
.sat-admin-filter select {
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.sat-admin-filter input {
    flex: 1 !important;
}

.sat-admin-filter button,
.sat-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.sat-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.sat-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.sat-admin-table {
    width: 100% !important;
    min-width: 1180px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.sat-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.sat-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    vertical-align: middle !important;
    color: #344054 !important;
    font-weight: 700 !important;
}

.sat-unread-row {
    background: #f6fbf6 !important;
}

.sat-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.sat-title-cell span {
    color: #4cb748 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.sat-level,
.sat-rating {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.sat-rating {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.sat-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.sat-admin-row-actions a,
.sat-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.sat-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.sat-admin-row-actions form {
    margin: 0 !important;
}

.sat-details-grid {
    display: grid !important;
    grid-template-columns: 1.1fr .9fr !important;
    gap: 18px !important;
}

.sat-response-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.sat-response-grid .full {
    grid-column: 1 / -1 !important;
}

.sat-details-card h2 {
    color: #26384d !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    margin: 0 0 16px !important;
}

.sat-details-card dl {
    display: grid !important;
    grid-template-columns: 150px 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
}

.sat-details-card dt {
    color: #667085 !important;
    font-weight: 900 !important;
}

.sat-details-card dd {
    margin: 0 !important;
    color: #26384d !important;
    font-weight: 800 !important;
}

.sat-details-card p {
    color: #344054 !important;
    font-weight: 700 !important;
    line-height: 2 !important;
    white-space: pre-line !important;
}

.sat-notes-form {
    display: grid !important;
    gap: 10px !important;
}

.sat-notes-form label {
    color: #26384d !important;
    font-weight: 900 !important;
}

.sat-notes-form textarea {
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 12px !important;
}

.sat-notes-form button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #4cb748 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.sat-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.sat-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.sat-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 950px) {
    .sat-admin-hero,
    .sat-admin-filter form,
    .sat-details-grid,
    .sat-response-grid,
    .sat-stats-grid {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* =====================================================
   Feedback Admin
===================================================== */
.fb-admin-page {
    display: grid !important;
    gap: 18px !important;
}

.fb-admin-hero,
.fb-admin-filter,
.fb-admin-table-card,
.fb-details-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 22px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.fb-admin-hero {
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
    align-items: center !important;
}

.fb-admin-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.fb-admin-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.fb-admin-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.fb-admin-actions {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.fb-admin-actions a {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.fb-admin-filter form {
    display: flex !important;
    gap: 10px !important;
}

.fb-admin-filter input,
.fb-admin-filter select {
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.fb-admin-filter input {
    flex: 1 !important;
}

.fb-admin-filter button,
.fb-admin-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.fb-admin-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.fb-admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.fb-admin-table {
    width: 100% !important;
    min-width: 1320px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.fb-admin-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.fb-admin-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    color: #344054 !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
}

.fb-unread-row {
    background: #f6fbf6 !important;
}

.fb-title-cell strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.fb-title-cell span {
    color: #4cb748 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.fb-rating,
.fb-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.fb-rating {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.fb-file-link {
    color: #74429a !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.fb-admin-row-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.fb-admin-row-actions a,
.fb-admin-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.fb-admin-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.fb-admin-row-actions form {
    margin: 0 !important;
}

.fb-details-grid {
    display: grid !important;
    grid-template-columns: 1.1fr .9fr !important;
    gap: 18px !important;
}

.fb-details-card h2 {
    color: #26384d !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    margin: 0 0 16px !important;
}

.fb-details-card dl {
    display: grid !important;
    grid-template-columns: 150px 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
}

.fb-details-card dt {
    color: #667085 !important;
    font-weight: 900 !important;
}

.fb-details-card dd {
    margin: 0 !important;
    color: #26384d !important;
    font-weight: 800 !important;
}

.fb-details-card p {
    color: #344054 !important;
    font-weight: 700 !important;
    line-height: 2 !important;
    white-space: pre-line !important;
}

.fb-files-box {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}

.fb-files-box a {
    min-height: 42px !important;
    border-radius: 12px !important;
    background: #74429a !important;
    color: #ffffff !important;
    padding: 0 16px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 900 !important;
}

.fb-files-box span {
    color: #667085 !important;
    font-weight: 800 !important;
}

.fb-status-form {
    display: grid !important;
    gap: 10px !important;
}

.fb-status-form label {
    color: #26384d !important;
    font-weight: 900 !important;
}

.fb-status-form select,
.fb-status-form textarea {
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 12px !important;
}

.fb-status-form button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #4cb748 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.fb-admin-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.fb-admin-empty h3 {
    color: #26384d !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
}

.fb-admin-empty p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

@media (max-width: 950px) {
    .fb-admin-hero,
    .fb-admin-filter form,
    .fb-details-grid {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* =====================================================
   Admin Users & Permissions
===================================================== */
.adm-users-page {
    display: grid !important;
    gap: 18px !important;
}

.adm-users-hero,
.adm-users-filter,
.adm-users-card,
.adm-form-card,
.perm-card,
.perm-toolbar {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    padding: 22px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.adm-users-hero {
    border-radius: 22px !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.adm-users-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.adm-users-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.adm-users-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.adm-users-actions {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.adm-users-actions a,
.adm-users-actions .primary {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.adm-users-filter form {
    display: flex !important;
    gap: 10px !important;
}

.adm-users-filter input {
    flex: 1 !important;
    min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.adm-users-filter button,
.adm-users-filter a {
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    padding: 0 18px !important;
    background: #74429a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.adm-users-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.adm-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

.adm-users-table {
    width: 100% !important;
    min-width: 1120px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.adm-users-table th {
    background: #f8fafc !important;
    color: #26384d !important;
    font-weight: 900 !important;
    padding: 13px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.adm-users-table td {
    padding: 13px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
    color: #344054 !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
}

.adm-user-title strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.adm-user-title span {
    color: #98a2b3 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.adm-badge,
.adm-status {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.adm-badge.super {
    background: #f5f0ff !important;
    color: #74429a !important;
    border: 1px solid rgba(116, 66, 154, .22) !important;
}

.adm-status.active {
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
}

.adm-status.disabled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.adm-row-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.adm-row-actions a,
.adm-row-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.adm-row-actions button.danger {
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.adm-row-actions form {
    margin: 0 !important;
}

.adm-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.adm-form-grid .full {
    grid-column: 1 / -1 !important;
}

.adm-form-grid input {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
}

.adm-check {
    min-height: 48px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 14px !important;
    font-weight: 900 !important;
    color: #26384d !important;
}

.adm-check input {
    width: 18px !important;
    height: 18px !important;
}

.adm-form-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 20px !important;
}

.adm-form-actions button,
.perm-toolbar button,
.perm-save-bottom button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 0 20px !important;
    background: #74429a !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.perm-form {
    display: grid !important;
    gap: 18px !important;
}

.perm-toolbar {
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
}

.perm-toolbar button {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.perm-toolbar button.primary,
.perm-save-bottom button {
    background: #74429a !important;
    color: #ffffff !important;
}

.perm-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
}

.perm-card h2 {
    color: #26384d !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    margin: 0 0 14px !important;
}

.perm-list {
    display: grid !important;
    gap: 10px !important;
}

.perm-list label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border: 1px solid #e5e7eb !important;
    background: #f8fafc !important;
    border-radius: 14px !important;
    padding: 12px !important;
    cursor: pointer !important;
}

.perm-list input {
    width: 18px !important;
    height: 18px !important;
    margin-top: 4px !important;
}

.perm-list strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.perm-list small {
    display: block !important;
    color: #667085 !important;
    margin-top: 4px !important;
    direction: ltr !important;
    text-align: left !important;
}

.perm-save-bottom {
    display: flex !important;
    justify-content: flex-end !important;
}

.adm-empty {
    text-align: center !important;
    padding: 50px !important;
    color: #667085 !important;
}

@media (max-width: 950px) {
    .adm-users-hero,
    .adm-users-filter form,
    .adm-form-grid,
    .perm-grid {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* =====================================================
   Admin Profile Settings
===================================================== */
.profile-page {
    display: grid !important;
    gap: 18px !important;
}

.profile-hero,
.profile-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 28px !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045) !important;
}

.profile-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.profile-hero span {
    color: #4cb748 !important;
    font-weight: 900 !important;
}

.profile-hero h1 {
    color: #74429a !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    margin: 8px 0 !important;
}

.profile-hero p {
    color: #667085 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.profile-hero-card {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    min-width: 260px !important;
}

.profile-hero-card img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
}

.profile-hero-card strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
}

.profile-hero-card small {
    color: #667085 !important;
    font-weight: 800 !important;
}

.profile-grid {
    display: grid !important;
    grid-template-columns: .85fr 1.15fr !important;
    gap: 18px !important;
    align-items: start !important;
}

.profile-card h2 {
    color: #26384d !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    margin: 0 0 18px !important;
}

.profile-summary {
    text-align: center !important;
    position: sticky !important;
    top: 18px !important;
}

.profile-avatar {
    width: 128px !important;
    height: 128px !important;
    margin: 0 auto 16px !important;
    border-radius: 34px !important;
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    padding: 8px !important;
}

.profile-avatar img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 26px !important;
    object-fit: cover !important;
}

.profile-summary h2 {
    margin-bottom: 6px !important;
}

.profile-summary p {
    color: #74429a !important;
    font-weight: 900 !important;
    margin: 0 0 18px !important;
}

.profile-meta {
    display: grid !important;
    gap: 10px !important;
    text-align: right !important;
}

.profile-meta div {
    padding: 13px 14px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
}

.profile-meta span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
}

.profile-meta strong {
    display: block !important;
    color: #26384d !important;
    font-weight: 900 !important;
    overflow-wrap: anywhere !important;
}

.profile-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.profile-form-grid.single {
    grid-template-columns: 1fr !important;
}

.profile-form-grid .full {
    grid-column: 1 / -1 !important;
}

.profile-form .form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.profile-form label {
    color: #26384d !important;
    font-weight: 900 !important;
    font-size: 14px !important;
}

.profile-form input {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    color: #26384d !important;
    font-weight: 700 !important;
    outline: none !important;
    background: #ffffff !important;
}

.profile-form input[type="file"] {
    padding: 10px 12px !important;
    height: auto !important;
}

.profile-form input:focus {
    border-color: #74429a !important;
    box-shadow: 0 0 0 4px rgba(116, 66, 154, .10) !important;
}

.profile-form small {
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.profile-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 22px !important;
}

.profile-actions button {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #74429a !important;
    color: #ffffff !important;
    padding: 0 24px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.profile-actions button:hover {
    background: #4cb748 !important;
}

.password-card {
    grid-column: 2 / 3 !important;
}

.password-note {
    margin-top: 16px !important;
    background: #f6fbf6 !important;
    color: #3da143 !important;
    border: 1px solid #cdeecd !important;
    border-radius: 14px !important;
    padding: 14px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

.field-validation-error {
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

@media (max-width: 1000px) {
    .profile-hero,
    .profile-grid,
    .profile-form-grid {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .password-card {
        grid-column: auto !important;
    }

    .profile-summary {
        position: static !important;
    }
}

/* Admin roles and page-permission visibility */
.kafo-permission-hidden {
    display: none !important;
}

.adm-badge.manager {
    background: #eef8ee !important;
    color: #31843a !important;
    border: 1px solid #bfe5c2 !important;
}

.adm-form-grid select {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    background: #ffffff !important;
    color: #26384d !important;
    font: inherit !important;
    font-weight: 800 !important;
}

.adm-form-note {
    border: 1px solid #dfd1ea !important;
    background: #f7f2fb !important;
    color: #5f377d !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

.admin-logout-form { margin: 0; }
.admin-logout-button {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .75rem 1rem;
    border-radius: 12px;
    cursor: pointer;
    text-align: right;
}
.admin-logout-button:hover { background: rgba(255, 255, 255, .08); }