/* =========================================================
   MATANG JAGRUTI ABHIYAN
   ADMIN PANEL
   ========================================================= */

:root {
    --admin-maroon-dark: #3f0e13;
    --admin-maroon: #6f1d24;
    --admin-maroon-light: #8b2c33;

    --admin-yellow: #f4c430;
    --admin-gold: #c99a2e;

    --admin-bg: #f7f4ef;
    --admin-card: #ffffff;

    --admin-text: #322e2b;
    --admin-muted: #847a73;

    --admin-border: #e7ddd0;

    --admin-sidebar-width: 270px;
}


/* =========================================================
   GLOBAL
========================================================= */

html,
body {
    min-height: 100%;
}

.mja-admin-body {
    margin: 0;

    background:
        var(--admin-bg);

    color:
        var(--admin-text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}

a {
    text-decoration: none;
}

.admin-layout {
    min-height: 100vh;
}


/* =========================================================
   SIDEBAR
========================================================= */

.admin-sidebar {
    position: fixed;

    left: 0;
    top: 0;
    bottom: 0;

    z-index: 1040;

    width:
        var(--admin-sidebar-width);

    display: flex;
    flex-direction: column;

    background:
        radial-gradient(
            circle at 80% 5%,
            rgba(244, 196, 48, 0.11),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #3e0e13,
            #5d171d 65%,
            #3b0d12
        );

    box-shadow:
        8px 0 30px
        rgba(56, 12, 16, 0.10);

    overflow-y: auto;
}

.admin-sidebar-brand {
    padding:
        21px 18px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.08);
}

.admin-sidebar-brand > a {
    display: flex;
    align-items: center;

    gap: 12px;
}

.admin-sidebar-logo {
    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: #fff;

    border:
        3px solid
        var(--admin-yellow);
}

.admin-sidebar-logo img {
    width: 36px;
    height: 36px;

    object-fit: contain;
}

.admin-sidebar-brand strong {
    display: block;

    color:
        var(--admin-yellow);

    font-size: 1.35rem;
}

.admin-sidebar-brand span {
    display: block;

    margin-top: -2px;

    color:
        #ead9d2;

    font-size: 0.78rem;
}


/* Nav */

.admin-sidebar-nav {
    flex-grow: 1;

    padding:
        20px 13px;
}

.admin-sidebar-section-label {
    display: block;

    padding:
        0 10px 8px;

    color:
        rgba(255, 255, 255, 0.44);

    font-size: 0.72rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.8px;
}

.admin-sidebar-nav > a,
.admin-sidebar-bottom > a {
    position: relative;

    display: flex;
    align-items: center;

    gap: 11px;

    min-height: 46px;

    margin-bottom: 4px;

    padding:
        10px 13px;

    border-radius: 11px;

    color:
        #e6d9d4;

    font-weight: 600;

    transition:
        all 0.18s ease;
}

.admin-sidebar-nav > a i,
.admin-sidebar-bottom > a i {
    width: 23px;

    color:
        #e1b936;

    font-size: 1rem;
}

.admin-sidebar-nav > a:hover,
.admin-sidebar-bottom > a:hover {
    background:
        rgba(255, 255, 255, 0.07);

    color: #fff;
}

.admin-sidebar-nav > a.active {
    background:
        linear-gradient(
            135deg,
            #f6d552,
            var(--admin-yellow)
        );

    color:
        var(--admin-maroon-dark);

    box-shadow:
        0 8px 20px
        rgba(244, 196, 48, 0.15);
}

.admin-sidebar-nav > a.active i {
    color:
        var(--admin-maroon-dark);
}

.admin-sidebar-bottom {
    padding:
        13px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.08);
}


/* =========================================================
   MAIN
========================================================= */

.admin-main {
    min-height: 100vh;

    margin-left:
        var(--admin-sidebar-width);

    display: flex;
    flex-direction: column;
}


/* =========================================================
   TOPBAR
========================================================= */

.admin-topbar {
    position: sticky;

    top: 0;

    z-index: 1030;

    min-height: 76px;

    padding:
        10px 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    background:
        rgba(255, 255, 255, 0.95);

    border-bottom:
        1px solid
        var(--admin-border);

    backdrop-filter:
        blur(12px);
}

.admin-topbar-left {
    display: flex;
    align-items: center;

    gap: 13px;
}

.admin-sidebar-toggle {
    display: none;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 11px;

    background:
        #fff5cc;

    color:
        var(--admin-maroon);

    font-size: 1.35rem;
}

.admin-topbar-left span {
    display: block;

    color:
        #9c7603;

    font-size: 0.72rem;

    font-weight: 700;
}

.admin-topbar-left h1 {
    margin: 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.38rem;
}

.admin-topbar-right {
    display: flex;
    align-items: center;

    gap: 10px;
}

.admin-topbar-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #fff5cc;

    border:
        1px solid
        rgba(201, 154, 46, 0.25);

    color:
        var(--admin-maroon);

    font-size: 1.05rem;
}

.admin-topbar-icon:hover {
    background:
        var(--admin-yellow);

    color:
        var(--admin-maroon-dark);
}


/* Profile */

.admin-profile-button {
    display: flex;
    align-items: center;

    gap: 9px;

    padding:
        5px 8px;

    border: 0;

    border-radius: 13px;

    background: transparent;
}

.admin-profile-button:hover {
    background:
        #faf5eb;
}

.admin-profile-avatar {
    width: 41px;
    height: 41px;

    flex: 0 0 41px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        2px solid
        var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-weight: 800;
}

.admin-profile-info {
    text-align: left;
}

.admin-profile-info strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.87rem;
}

.admin-profile-info span {
    display: block;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-profile-menu {
    min-width: 230px;

    margin-top: 8px !important;

    padding:
        8px;

    border:
        1px solid
        var(--admin-border);

    border-radius: 14px;

    box-shadow:
        0 12px 35px
        rgba(63, 14, 19, 0.12);
}

.admin-profile-menu-head {
    padding:
        8px 10px;
}

.admin-profile-menu-head strong,
.admin-profile-menu-head small {
    display: block;
}

.admin-profile-menu-head strong {
    color:
        var(--admin-maroon-dark);
}

.admin-profile-menu-head small {
    color:
        var(--admin-muted);
}

.admin-profile-menu
.dropdown-item {
    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        9px 10px;

    border-radius: 9px;
}


/* =========================================================
   CONTENT
========================================================= */

.admin-content {
    flex-grow: 1;

    padding:
        28px;
}


/* =========================================================
   WELCOME
========================================================= */

.admin-welcome-card {
    position: relative;

    overflow: hidden;

    margin-bottom: 24px;

    padding: 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(244, 196, 48, 0.22),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #421015,
            #721f25
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.25);

    box-shadow:
        0 15px 35px
        rgba(63, 14, 19, 0.12);
}

.admin-welcome-card span {
    color:
        #ffe589;

    font-size: 0.82rem;

    font-weight: 700;
}

.admin-welcome-card h2 {
    margin:
        4px 0;

    color: #fff;

    font-size: 1.8rem;
}

.admin-welcome-card p {
    margin: 0;

    color:
        #ead8d1;
}

.admin-welcome-icon {
    width: 75px;
    height: 75px;

    flex: 0 0 75px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background:
        var(--admin-yellow);

    color:
        var(--admin-maroon-dark);

    font-size: 1.8rem;
}


/* =========================================================
   STAT CARDS
========================================================= */

.admin-stat-card {
    height: 100%;

    padding: 20px;

    display: flex;
    align-items: center;

    gap: 15px;

    border-radius: 17px;

    background:
        var(--admin-card);

    border:
        1px solid
        var(--admin-border);

    box-shadow:
        0 8px 22px
        rgba(63, 14, 19, 0.05);
}

.admin-stat-icon {
    width: 57px;
    height: 57px;

    flex: 0 0 57px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            #fff0a8,
            #ffe46e
        );

    color:
        var(--admin-maroon-dark);

    font-size: 1.25rem;
}

.admin-stat-card span,
.admin-mini-stat-card span {
    display: block;

    color:
        var(--admin-muted);

    font-size: 0.78rem;

    font-weight: 600;
}

.admin-stat-card strong {
    display: block;

    margin-top: 2px;

    color:
        var(--admin-maroon-dark);

    font-size: 1.8rem;
}


/* Mini stats */

.admin-mini-stat-card {
    height: 100%;

    padding: 18px 20px;

    display: flex;
    align-items: center;

    gap: 13px;

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fffaf0
        );

    border:
        1px solid
        var(--admin-border);
}

.admin-mini-stat-card > i {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-mini-stat-card strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 1.45rem;
}


/* =========================================================
   PANEL
========================================================= */

.admin-panel-card {
    height: 100%;

    overflow: hidden;

    border-radius: 18px;

    background:
        var(--admin-card);

    border:
        1px solid
        var(--admin-border);

    box-shadow:
        0 8px 24px
        rgba(63, 14, 19, 0.05);
}

.admin-panel-heading {
    min-height: 72px;

    padding:
        17px 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    border-bottom:
        1px solid
        var(--admin-border);
}

.admin-panel-heading span {
    display: block;

    color:
        #9b7300;

    font-size: 0.72rem;

    font-weight: 700;
}

.admin-panel-heading h3 {
    margin:
        2px 0 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.15rem;
}

.admin-panel-link {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color:
        var(--admin-maroon);

    font-size: 0.82rem;

    font-weight: 700;
}

.admin-panel-link:hover {
    color:
        #a37700;
}


/* =========================================================
   TABLE
========================================================= */

.admin-table {
    margin: 0;
}

.admin-table thead th {
    padding:
        12px 18px;

    border-bottom:
        1px solid
        var(--admin-border);

    background:
        #faf6ee;

    color:
        #786e67;

    font-size: 0.75rem;

    font-weight: 700;

    white-space: nowrap;
}

.admin-table tbody td {
    padding:
        14px 18px;

    vertical-align: middle;

    border-color:
        #eee7dd;

    color:
        #554e48;

    font-size: 0.85rem;
}

.admin-table-person {
    display: flex;
    align-items: center;

    gap: 10px;
}

.admin-table-avatar {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #fff0b1;

    color:
        var(--admin-maroon-dark);

    font-weight: 800;
}

.admin-table-person strong,
.admin-table-person small {
    display: block;
}

.admin-table-person strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.86rem;
}

.admin-table-person small {
    color:
        var(--admin-muted);

    font-size: 0.73rem;
}

.admin-code-badge {
    display: inline-flex;

    padding:
        5px 8px;

    border-radius: 7px;

    background:
        #fff5cf;

    color:
        #866300;

    font-family:
        monospace;

    font-size: 0.77rem;

    font-weight: 700;
}


/* =========================================================
   STATUS
========================================================= */

.admin-status-badge {
    display: inline-flex;

    padding:
        5px 9px;

    border-radius: 30px;

    font-size: 0.72rem;

    font-weight: 700;
}

.status-new,
.status-pending {
    background:
        #fff2b9;

    color:
        #7b5a00;
}

.status-in_progress {
    background:
        #dce9ff;

    color:
        #214e96;
}

.status-resolved,
.status-approved,
.status-active {
    background:
        #dff4e8;

    color:
        #257345;
}

.status-closed,
.status-inactive,
.status-rejected {
    background:
        #eee;

    color:
        #676767;
}


/* =========================================================
   EVENTS
========================================================= */

.admin-event-list {
    padding:
        8px 18px 15px;
}

.admin-event-item {
    display: flex;
    align-items: center;

    gap: 12px;

    padding:
        12px 0;

    border-bottom:
        1px solid
        #eee6dc;
}

.admin-event-item:last-child {
    border-bottom: 0;
}

.admin-event-date {
    width: 53px;

    flex: 0 0 53px;

    overflow: hidden;

    text-align: center;

    border-radius: 11px;

    background:
        var(--admin-maroon);

    border:
        2px solid
        var(--admin-yellow);
}

.admin-event-date strong {
    display: block;

    padding-top: 5px;

    color:
        var(--admin-yellow);

    font-size: 1.15rem;
}

.admin-event-date span {
    display: block;

    padding-bottom: 5px;

    color: #fff;

    font-size: 0.67rem;

    font-weight: 700;
}

.admin-event-item > div:last-child strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.85rem;
}

.admin-event-item small {
    display: block;

    margin-top: 3px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-event-item small i {
    color:
        #a37600;
}


/* =========================================================
   EMPTY
========================================================= */

.admin-empty-small {
    min-height: 170px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 8px;

    color:
        var(--admin-muted);
}

.admin-empty-small i {
    font-size: 1.8rem;

    color:
        #b99024;
}


/* =========================================================
   FOOTER
========================================================= */

.admin-footer {
    min-height: 55px;

    padding:
        12px 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    background:
        #fff;

    border-top:
        1px solid
        var(--admin-border);

    color:
        var(--admin-muted);

    font-size: 0.75rem;
}


/* =========================================================
   LOGIN
========================================================= */

.admin-login-body {
    min-height: 100vh;

    margin: 0;

    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(244, 196, 48, 0.15),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(111, 29, 36, 0.12),
            transparent 30%
        ),
        #f8f3e9;
}

.admin-login-section {
    min-height: 100vh;

    padding:
        45px 0;

    display: flex;
    align-items: center;
}

.admin-login-card {
    overflow: hidden;

    border-radius: 27px;

    background: #fff;

    border:
        1px solid
        rgba(201, 154, 46, 0.26);

    box-shadow:
        0 24px 55px
        rgba(63, 14, 19, 0.13);
}

.admin-login-brand {
    position: relative;

    min-height: 620px;

    height: 100%;

    padding:
        45px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(244, 196, 48, 0.18),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #3f0e13,
            #711e25
        );

    color: #fff;
}

.admin-login-logo {
    width: 85px;
    height: 85px;

    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background: #fff;

    border:
        4px solid
        var(--admin-yellow);
}

.admin-login-logo img {
    width: 60px;
    height: 60px;

    object-fit: contain;
}

.admin-login-brand-label {
    color:
        #ffe68d;

    font-size: 0.8rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.8px;
}

.admin-login-brand h1 {
    margin:
        7px 0 12px;

    color: #fff;

    font-size: 2.5rem;
}

.admin-login-brand > p {
    max-width: 480px;

    color:
        #ead8d2;

    line-height: 1.65;
}

.admin-login-brand-points {
    display: grid;

    gap: 10px;

    margin-top: 22px;
}

.admin-login-brand-points > div {
    display: flex;
    align-items: center;

    gap: 9px;

    color:
        #f3e8e4;

    font-size: 0.88rem;
}

.admin-login-brand-points i {
    color:
        var(--admin-yellow);
}

.admin-login-brand-footer {
    margin-top: 30px;

    padding-top: 20px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.10);
}

.admin-login-brand-footer span,
.admin-login-brand-footer strong {
    display: block;
}

.admin-login-brand-footer span {
    color:
        #dcc8c1;

    font-size: 0.75rem;
}

.admin-login-brand-footer strong {
    margin-top: 2px;

    color:
        var(--admin-yellow);
}


/* Login Form */

.admin-login-form-wrap {
    min-height: 620px;

    height: 100%;

    padding:
        55px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.admin-login-form-heading {
    margin-bottom: 28px;
}

.admin-login-form-heading span {
    color:
        #9d7607;

    font-size: 0.8rem;

    font-weight: 700;
}

.admin-login-form-heading h2 {
    margin:
        5px 0;

    color:
        var(--admin-maroon-dark);

    font-size: 2rem;
}

.admin-login-form-heading p {
    margin: 0;

    color:
        var(--admin-muted);
}

.admin-login-form-wrap
.form-label {
    color:
        var(--admin-maroon-dark);

    font-weight: 700;
}

.admin-login-input {
    position: relative;
}

.admin-login-input > i {
    position: absolute;

    left: 15px;
    top: 50%;

    z-index: 2;

    transform:
        translateY(-50%);

    color:
        #a2780c;
}

.admin-login-input
.form-control {
    min-height: 52px;

    padding-left: 42px;

    padding-right: 46px;

    border-radius: 12px;

    border:
        1px solid
        var(--admin-border);

    background:
        #fffdf9;
}

.admin-login-input
.form-control:focus {
    border-color:
        rgba(201, 154, 46, 0.70);

    box-shadow:
        0 0 0 0.2rem
        rgba(244, 196, 48, 0.11);
}

.admin-password-toggle {
    position: absolute;

    right: 8px;
    top: 50%;

    width: 36px;
    height: 36px;

    transform:
        translateY(-50%);

    border: 0;

    border-radius: 50%;

    background: transparent;

    color:
        #756a62;
}

.admin-password-toggle:hover {
    background:
        #fff4c6;
}

.admin-login-btn {
    min-height: 52px;

    border: 0;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #5c171d,
            #7b252d
        );

    color: #fff;

    font-weight: 700;

    box-shadow:
        0 9px 22px
        rgba(63, 14, 19, 0.16);
}

.admin-login-btn:hover {
    background:
        linear-gradient(
            135deg,
            #461015,
            #681b22
        );

    color:
        var(--admin-yellow);
}

.admin-login-error {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-bottom: 22px;

    padding:
        14px;

    border-radius: 12px;

    background:
        #fff0ed;

    border:
        1px solid
        #efcbc6;

    color:
        #8b2c2c;

    font-size: 0.87rem;
}

.admin-login-site-link {
    margin-top: 18px;

    text-align: center;
}

.admin-login-site-link a {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color:
        var(--admin-muted);

    font-size: 0.83rem;

    font-weight: 600;
}

.admin-login-site-link a:hover {
    color:
        var(--admin-maroon);
}


/* =========================================================
   FLASH
========================================================= */

.admin-flash-alert {
    border-radius: 13px;
}


/* =========================================================
   OVERLAY
========================================================= */

.admin-sidebar-overlay {
    display: none;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

    .admin-content {
        padding:
            22px;
    }

}


@media (max-width: 991.98px) {

    .admin-sidebar {
        transform:
            translateX(-100%);

        transition:
            transform 0.25s ease;
    }

    .admin-sidebar.show {
        transform:
            translateX(0);
    }

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

    .admin-sidebar-toggle {
        display: flex;
    }

    .admin-sidebar-overlay {
        position: fixed;

        inset: 0;

        z-index: 1035;

        background:
            rgba(32, 8, 11, 0.52);
    }

    .admin-sidebar-open
    .admin-sidebar-overlay {
        display: block;
    }

    .admin-topbar {
        padding:
            10px 18px;
    }

    .admin-login-brand,
    .admin-login-form-wrap {
        min-height: auto;
    }

    .admin-login-brand {
        padding:
            38px 30px;
    }

    .admin-login-form-wrap {
        padding:
            40px 30px;
    }

}


@media (max-width: 767.98px) {

    .admin-content {
        padding:
            18px 14px;
    }

    .admin-topbar-left
    > div
    > span {
        display: none;
    }

    .admin-profile-info {
        display: none;
    }

    .admin-welcome-card {
        padding:
            22px;
    }

    .admin-welcome-icon {
        width: 58px;
        height: 58px;

        flex-basis: 58px;
    }

    .admin-footer {
        padding:
            12px 18px;

        flex-direction: column;

        align-items: flex-start;

        gap: 3px;
    }

}


@media (max-width: 575.98px) {

    .admin-topbar {
        min-height: 66px;

        padding:
            8px 12px;
    }

    .admin-topbar-left h1 {
        font-size: 1.05rem;
    }

    .admin-topbar-icon {
        display: none;
    }

    .admin-welcome-card {
        align-items: flex-start;
    }

    .admin-welcome-card h2 {
        font-size: 1.45rem;
    }

    .admin-welcome-icon {
        display: none;
    }

    .admin-login-section {
        padding:
            20px 10px;
    }

    .admin-login-card {
        border-radius: 20px;
    }

    .admin-login-brand {
        padding:
            30px 22px;
    }

    .admin-login-brand h1 {
        font-size: 2rem;
    }

    .admin-login-form-wrap {
        padding:
            34px 22px;
    }

}

/* =========================================================
   ADMIN MEMBER MANAGEMENT
   ========================================================= */

.admin-page-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-wrap: wrap;

    gap: 18px;

    margin-bottom: 24px;
}

.admin-page-actions > div:first-child > span {
    display: block;

    color: #9b7300;

    font-size: 0.75rem;

    font-weight: 700;
}

.admin-page-actions h2 {
    margin:
        3px 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.7rem;
}

.admin-page-actions p {
    margin: 0;

    color:
        var(--admin-muted);
}


/* Buttons */

.admin-btn-primary {
    min-height: 43px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            var(--admin-maroon),
            #7c252d
        );

    color: #fff;

    font-weight: 700;
}

.admin-btn-primary:hover {
    background:
        var(--admin-maroon-dark);

    color:
        var(--admin-yellow);
}

.admin-btn-outline {
    min-height: 43px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(201, 154, 46, 0.35);

    border-radius: 10px;

    background:
        #fff8dd;

    color:
        var(--admin-maroon);

    font-weight: 700;
}

.admin-btn-outline:hover {
    background:
        var(--admin-yellow);

    color:
        var(--admin-maroon-dark);
}


/* Filter */

.admin-filter-card {
    padding: 19px;

    border-radius: 17px;

    background: #fff;

    border:
        1px solid
        var(--admin-border);

    box-shadow:
        0 7px 20px
        rgba(63, 14, 19, 0.04);
}

.admin-filter-card
.form-label {
    color:
        var(--admin-maroon-dark);

    font-size: 0.8rem;

    font-weight: 700;
}

.admin-filter-card
.form-control,
.admin-filter-card
.form-select {
    min-height: 44px;

    border-radius: 10px;

    border:
        1px solid
        var(--admin-border);
}

.admin-filter-card
.form-control:focus,
.admin-filter-card
.form-select:focus {
    border-color:
        rgba(201, 154, 46, 0.70);

    box-shadow:
        0 0 0 0.18rem
        rgba(244, 196, 48, 0.10);
}

.admin-search-input {
    position: relative;
}

.admin-search-input > i {
    position: absolute;

    z-index: 2;

    left: 14px;
    top: 50%;

    transform:
        translateY(-50%);

    color:
        #a47b0d;
}

.admin-search-input
.form-control {
    padding-left: 40px;
}


/* Table */

.admin-members-table
.admin-table-person small {
    margin-top: 2px;
}

.admin-members-table
.admin-table-person small i {
    margin-right: 3px;

    color:
        #a77c06;
}

.admin-location-cell {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    max-width: 240px;
}

.admin-location-cell i {
    color:
        #a87c05;

    margin-top: 2px;
}

.admin-table-action {
    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #fff4c6;

    border:
        1px solid
        rgba(201, 154, 46, 0.24);

    color:
        var(--admin-maroon);
}

.admin-table-action:hover {
    background:
        var(--admin-yellow);

    color:
        var(--admin-maroon-dark);
}


/* Empty */

.admin-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 5px;

    color:
        var(--admin-muted);
}

.admin-empty-state i {
    margin-bottom: 6px;

    color:
        #b48b1c;

    font-size: 2rem;
}

.admin-empty-state strong {
    color:
        var(--admin-maroon-dark);
}


/* Pagination */

.admin-pagination-wrap {
    padding:
        17px 20px;

    display: flex;
    justify-content: center;

    border-top:
        1px solid
        var(--admin-border);
}

.admin-pagination-wrap
.page-link {
    min-width: 38px;
    height: 38px;

    margin: 0 3px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius:
        9px !important;

    border:
        1px solid
        var(--admin-border);

    color:
        var(--admin-maroon);
}

.admin-pagination-wrap
.page-item.active
.page-link {
    background:
        var(--admin-maroon);

    border-color:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}


/* Back */

.admin-back-link {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    margin-bottom: 6px;

    color:
        #94700b;

    font-size: 0.8rem;

    font-weight: 700;
}


/* Member profile */

.admin-member-profile-head {
    display: flex;
    align-items: center;

    gap: 16px;

    padding: 25px;

    border-bottom:
        1px solid
        var(--admin-border);

    background:
        linear-gradient(
            145deg,
            #fff7d8,
            #fffdf8
        );
}

.admin-member-profile-avatar {
    width: 75px;
    height: 75px;

    flex: 0 0 75px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        4px solid
        var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-size: 1.8rem;

    font-weight: 800;
}

.admin-member-profile-head span:first-child {
    color:
        #967009;

    font-size: 0.75rem;

    font-weight: 700;
}

.admin-member-profile-head h2 {
    margin:
        3px 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.55rem;
}


/* Detail grid */

.admin-member-details-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 0;

    padding:
        8px 25px 20px;
}

.admin-member-detail {
    display: flex;
    align-items: flex-start;

    gap: 11px;

    padding:
        17px 10px;

    border-bottom:
        1px solid
        #eee6dc;
}

.admin-member-detail > i {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background:
        #fff5cf;

    color:
        #9b7200;
}

.admin-member-detail small {
    display: block;

    margin-bottom: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-member-detail strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.88rem;
}

.admin-detail-muted {
    color:
        var(--admin-muted);

    font-weight: 400;
}


/* Address */

.admin-member-address {
    margin:
        0 25px 25px;

    padding: 17px;

    border-radius: 13px;

    background:
        #fff8df;

    border:
        1px solid
        rgba(201, 154, 46, 0.23);
}

.admin-member-address span {
    display: block;

    margin-bottom: 5px;

    color:
        #92700c;

    font-size: 0.75rem;

    font-weight: 700;
}

.admin-member-address p {
    margin: 0;

    color:
        #554e48;
}


/* Panel body */

.admin-panel-body {
    padding: 20px;
}

.admin-panel-body
.form-label {
    color:
        var(--admin-maroon-dark);

    font-weight: 700;
}

.admin-panel-body
.form-select {
    min-height: 44px;

    border-radius: 10px;

    border:
        1px solid
        var(--admin-border);
}


/* Sidebar info */

.admin-side-info-row {
    display: flex;
    justify-content: space-between;

    gap: 15px;

    padding:
        12px 0;

    border-bottom:
        1px solid
        #eee5da;
}

.admin-side-info-row:last-child {
    border-bottom: 0;
}

.admin-side-info-row > span {
    color:
        var(--admin-muted);

    font-size: 0.8rem;
}

.admin-side-info-row > strong {
    color:
        var(--admin-maroon-dark);

    text-align: right;

    font-size: 0.82rem;
}


/* Privacy */

.admin-member-privacy-note {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 18px;

    border-radius: 16px;

    background:
        #fff3c3;

    border:
        1px solid
        rgba(201, 154, 46, 0.30);
}

.admin-member-privacy-note > i {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-member-privacy-note strong {
    display: block;

    color:
        var(--admin-maroon-dark);
}

.admin-member-privacy-note p {
    margin:
        4px 0 0;

    color:
        #655c54;

    font-size: 0.82rem;
}


/* Responsive */

@media (max-width: 767.98px) {

    .admin-page-actions {
        align-items: flex-start;

        flex-direction: column;
    }

    .admin-member-details-grid {
        grid-template-columns: 1fr;

        padding:
            8px 18px 18px;
    }

    .admin-member-profile-head {
        padding: 20px 18px;
    }

    .admin-member-address {
        margin:
            0 18px 20px;
    }

}

@media (max-width: 575.98px) {

    .admin-member-profile-head {
        align-items: flex-start;

        flex-direction: column;
    }

}

/* =========================================================
   ADMIN VOLUNTEERS
   ========================================================= */

.admin-volunteer-table
.admin-table-person small {
    margin-top: 2px;
}

.admin-volunteer-table
.admin-table-person small i {
    margin-right: 3px;

    color:
        #a77c06;
}


/* Tags */

.admin-volunteer-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 5px;

    max-width: 250px;
}

.admin-volunteer-tags > span {
    display: inline-flex;

    padding:
        4px 7px;

    border-radius: 20px;

    background:
        #fff4c9;

    border:
        1px solid
        rgba(201, 154, 46, 0.22);

    color:
        #775a06;

    font-size: 0.68rem;

    font-weight: 700;
}


/* Text */

.admin-volunteer-text {
    margin: 0;

    color:
        #554e48;

    line-height: 1.7;
}


/* Work Area Grid */

.admin-work-area-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 10px;
}

.admin-work-area-item {
    display: flex;
    align-items: center;

    gap: 9px;

    padding:
        12px;

    border-radius: 11px;

    background:
        #fff7d9;

    border:
        1px solid
        rgba(201, 154, 46, 0.22);
}

.admin-work-area-item i {
    color:
        #9a7200;
}

.admin-work-area-item span {
    color:
        var(--admin-maroon-dark);

    font-size: 0.82rem;

    font-weight: 700;
}


/* Volunteer Message */

.admin-volunteer-message {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding:
        17px;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff6d1,
            #fffdf8
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.23);
}

.admin-volunteer-message > i {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-volunteer-message p {
    margin: 0;

    color:
        #554e48;

    line-height: 1.7;
}


/* Quick Review */

.admin-volunteer-review-card {
    padding:
        22px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #fff0a7,
            #fff9e6
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.35);

    box-shadow:
        0 8px 22px
        rgba(63, 14, 19, 0.05);
}

.admin-volunteer-review-card > span {
    display: block;

    color:
        #926d00;

    font-size: 0.75rem;

    font-weight: 700;
}

.admin-volunteer-review-card h4 {
    margin:
        4px 0 6px;

    color:
        var(--admin-maroon-dark);

    font-size: 1.1rem;
}

.admin-volunteer-review-card p {
    color:
        #665d54;

    font-size: 0.82rem;
}


/* Approve */

.admin-approve-btn {
    min-height: 43px;

    border: 0;

    border-radius: 10px;

    background:
        #287747;

    color: #fff;

    font-weight: 700;
}

.admin-approve-btn:hover {
    background:
        #1e653a;

    color: #fff;
}


/* Reject */

.admin-reject-btn {
    min-height: 43px;

    border:
        1px solid
        #d9aaaa;

    border-radius: 10px;

    background:
        #fff1f1;

    color:
        #8e3030;

    font-weight: 700;
}

.admin-reject-btn:hover {
    background:
        #8e3030;

    color:
        #fff;
}


/* Responsive */

@media (max-width: 767.98px) {

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

}

/* =========================================================
   ADMIN INQUIRIES
   ========================================================= */

.admin-inquiry-table
.admin-table-person small {
    margin-top: 2px;
}

.admin-inquiry-table
.admin-table-person small i {
    color: #a77c06;
    margin-right: 3px;
}


/* Type Badge */

.admin-inquiry-type-badge {
    display: inline-flex;

    padding: 5px 9px;

    border-radius: 30px;

    background:
        #fff4c9;

    border:
        1px solid rgba(201, 154, 46, 0.22);

    color:
        #775a06;

    font-size: 0.7rem;

    font-weight: 700;
}


/* Subject */

.admin-inquiry-subject {
    max-width: 310px;
}

.admin-inquiry-subject strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.83rem;
}

.admin-inquiry-subject small {
    display: block;

    margin-top: 3px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}


/* Detail Header */

.admin-inquiry-head {
    display: flex;
    align-items: center;

    gap: 16px;

    padding: 25px;

    border-bottom:
        1px solid var(--admin-border);

    background:
        linear-gradient(
            145deg,
            #fff7d8,
            #fffdf8
        );
}

.admin-inquiry-avatar {
    width: 75px;
    height: 75px;

    flex: 0 0 75px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        4px solid var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-size: 1.8rem;

    font-weight: 800;
}

.admin-inquiry-head > div > span {
    color: #967009;

    font-size: 0.75rem;

    font-weight: 700;
}

.admin-inquiry-head h2 {
    margin: 3px 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.55rem;
}


/* Large Subject */

.admin-inquiry-subject-large {
    padding: 17px;

    border-radius: 13px;

    background:
        #fff7d9;

    border:
        1px solid rgba(201, 154, 46, 0.23);

    color:
        var(--admin-maroon-dark);

    font-size: 1rem;

    font-weight: 700;
}


/* Message */

.admin-inquiry-message {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    padding: 20px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #fff7d7,
            #fffdf8
        );

    border:
        1px solid rgba(201, 154, 46, 0.24);

    color:
        #514a44;

    line-height: 1.75;
}

.admin-inquiry-message > i {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}


/* Admin Notes */

.admin-panel-body textarea.form-control {
    border-radius: 10px;

    border:
        1px solid var(--admin-border);

    resize: vertical;
}

.admin-panel-body textarea.form-control:focus {
    border-color:
        rgba(201, 154, 46, 0.70);

    box-shadow:
        0 0 0 0.18rem
        rgba(244, 196, 48, 0.10);
}


/* Workflow */

.admin-inquiry-workflow-card {
    padding: 22px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #fff0a9,
            #fffaf0
        );

    border:
        1px solid rgba(201, 154, 46, 0.32);
}

.admin-inquiry-workflow-card > span {
    display: block;

    color: #916d00;

    font-size: 0.74rem;

    font-weight: 700;
}

.admin-inquiry-workflow-card h4 {
    margin: 4px 0 6px;

    color:
        var(--admin-maroon-dark);

    font-size: 1.08rem;
}

.admin-inquiry-workflow-card p {
    margin: 0;

    color: #655c54;

    font-size: 0.83rem;
}


/* Responsive */

@media (max-width: 575.98px) {

    .admin-inquiry-head {
        flex-direction: column;
        align-items: flex-start;

        padding: 20px 18px;
    }

    .admin-inquiry-message {
        flex-direction: column;
    }

}

/* =========================================================
   ADMIN ACTIVITIES
   ========================================================= */

.admin-activity-cell {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 320px;
}

.admin-activity-thumb {
    width: 64px;
    height: 50px;

    flex: 0 0 64px;

    overflow: hidden;

    border-radius: 10px;

    background:
        #f3ece1;

    border:
        1px solid
        var(--admin-border);
}

.admin-activity-thumb img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.admin-activity-cell strong,
.admin-activity-cell small,
.admin-activity-cell code {
    display: block;
}

.admin-activity-cell strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.85rem;
}

.admin-activity-cell small {
    margin-top: 2px;

    max-width: 300px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-activity-cell code {
    margin-top: 3px;

    color:
        #9a7200;

    font-size: 0.68rem;
}


/* Table Actions */

.admin-table-actions {
    display: inline-flex;

    gap: 5px;
}

.admin-table-action-danger {
    background:
        #fff0ef;

    color:
        #9b3434;

    border-color:
        #efd0cd;
}

.admin-table-action-danger:hover {
    background:
        #8f2d2d;

    color: #fff;
}


/* Create / Edit Forms */

.admin-panel-body
.form-control,
.admin-panel-body
.form-select {
    border-radius: 10px;

    border:
        1px solid
        var(--admin-border);
}

.admin-panel-body
.form-control:focus,
.admin-panel-body
.form-select:focus {
    border-color:
        rgba(201, 154, 46, 0.72);

    box-shadow:
        0 0 0 0.18rem
        rgba(244, 196, 48, 0.10);
}

.admin-content-editor {
    min-height: 280px;

    resize: vertical;

    line-height: 1.65;
}


/* Image Preview */

.admin-image-preview {
    overflow: hidden;

    border-radius: 13px;

    border:
        1px solid
        var(--admin-border);

    background:
        #f7f3ec;
}

.admin-image-preview img {
    width: 100%;
    height: 220px;

    display: block;

    object-fit: cover;
}


/* Draft Badge */

.status-draft {
    background:
        #efefef;

    color:
        #686868;
}

.status-published {
    background:
        #dff4e8;

    color:
        #257345;
}


/* Responsive */

@media (max-width: 767.98px) {

    .admin-activity-cell {
        min-width: 270px;
    }

}

/* =========================================================
   ACTIVITY EDIT / GALLERY / DELETE
   ========================================================= */

.admin-current-featured {
    overflow: hidden;

    border-radius: 13px;

    border:
        1px solid var(--admin-border);

    background: #f7f3ec;
}

.admin-current-featured img {
    width: 100%;
    height: 230px;

    display: block;

    object-fit: cover;
}


/* Gallery Upload */

.admin-gallery-upload-box {
    padding: 18px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #fff7d6,
            #fffdf8
        );

    border:
        1px dashed rgba(201, 154, 46, 0.42);
}


/* Gallery Grid */

.admin-gallery-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 14px;
}

.admin-gallery-item {
    overflow: hidden;

    border-radius: 14px;

    background: #fff;

    border:
        1px solid var(--admin-border);

    box-shadow:
        0 6px 16px rgba(63, 14, 19, 0.05);
}

.admin-gallery-item > img {
    width: 100%;
    height: 155px;

    display: block;

    object-fit: cover;
}

.admin-gallery-item-body {
    min-height: 50px;

    padding: 9px 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;
}

.admin-gallery-item-body small {
    overflow: hidden;

    color: var(--admin-muted);

    white-space: nowrap;

    text-overflow: ellipsis;
}

.admin-gallery-delete {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 50%;

    background: #fff0ef;

    color: #963535;
}

.admin-gallery-delete:hover {
    background: #913030;

    color: #fff;
}


/* Delete Screen */

.admin-delete-card {
    padding: 40px;

    text-align: center;

    border-radius: 22px;

    background: #fff;

    border:
        1px solid #ecd8d3;

    box-shadow:
        0 15px 38px rgba(63, 14, 19, 0.08);
}

.admin-delete-icon {
    width: 80px;
    height: 80px;

    margin:
        0 auto 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fff0ee;

    color: #963636;

    font-size: 1.8rem;
}

.admin-delete-card > span {
    color: #a23c3c;

    font-size: 0.76rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

.admin-delete-card h2 {
    margin:
        5px 0 8px;

    color:
        var(--admin-maroon-dark);
}

.admin-delete-card > p {
    color:
        var(--admin-muted);
}


/* Delete Record */

.admin-delete-record {
    max-width: 560px;

    margin:
        22px auto;

    padding: 13px;

    display: flex;
    align-items: center;

    gap: 13px;

    text-align: left;

    border-radius: 14px;

    background: #faf6ef;

    border:
        1px solid var(--admin-border);
}

.admin-delete-record > img,
.admin-delete-placeholder {
    width: 90px;
    height: 70px;

    flex: 0 0 90px;

    border-radius: 10px;
}

.admin-delete-record > img {
    object-fit: cover;
}

.admin-delete-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;

    background:
        #fff0b7;

    color:
        var(--admin-maroon);

    font-size: 1.4rem;
}

.admin-delete-record strong,
.admin-delete-record small,
.admin-delete-record code {
    display: block;
}

.admin-delete-record strong {
    color:
        var(--admin-maroon-dark);
}

.admin-delete-record small {
    margin-top: 2px;

    color:
        var(--admin-muted);
}

.admin-delete-record code {
    margin-top: 4px;

    color:
        #94700b;
}


/* Warning */

.admin-delete-warning {
    max-width: 600px;

    margin:
        20px auto 25px;

    padding: 15px;

    display: flex;
    align-items: flex-start;

    gap: 11px;

    text-align: left;

    border-radius: 13px;

    background: #fff0ee;

    border:
        1px solid #ebc5c0;
}

.admin-delete-warning > i {
    color: #a43939;

    margin-top: 2px;
}

.admin-delete-warning strong {
    display: block;

    color: #8b3030;
}

.admin-delete-warning p {
    margin:
        3px 0 0;

    color: #785a57;

    font-size: 0.82rem;
}


/* Confirm */

.admin-delete-confirm-btn {
    min-height: 43px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 10px;

    background: #963737;

    color: #fff;

    font-weight: 700;
}

.admin-delete-confirm-btn:hover {
    background: #792727;

    color: #fff;
}


/* Responsive */

@media (max-width: 991.98px) {

    .admin-gallery-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}

@media (max-width: 575.98px) {

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

    .admin-delete-card {
        padding: 28px 18px;
    }

    .admin-delete-record {
        align-items: flex-start;
    }

}

/* =========================================================
   ADMIN EVENTS
   ========================================================= */

.admin-event-table-cell {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 320px;
}

.admin-event-table-image {
    width: 68px;
    height: 56px;

    flex: 0 0 68px;

    overflow: hidden;

    border-radius: 11px;

    background: #f5eee4;

    border:
        1px solid
        var(--admin-border);
}

.admin-event-table-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.admin-event-image-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #fff1af,
            #fff8dc
        );

    color:
        var(--admin-maroon);

    font-size: 1.3rem;
}

.admin-event-table-cell strong,
.admin-event-table-cell small,
.admin-event-table-cell code {
    display: block;
}

.admin-event-table-cell strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.86rem;
}

.admin-event-table-cell small {
    max-width: 300px;

    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-event-table-cell code {
    margin-top: 3px;

    color:
        #987008;

    font-size: 0.68rem;
}


/* Date Cell */

.admin-event-date-cell strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.83rem;
}

.admin-event-date-cell small {
    display: block;

    margin-top: 4px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-event-date-cell i {
    margin-right: 3px;

    color:
        #a47a09;
}


/* Event Period */

.admin-event-period {
    display: inline-flex;

    padding:
        5px 9px;

    border-radius: 30px;

    font-size: 0.71rem;

    font-weight: 700;
}

.admin-event-period-upcoming {
    background:
        #dff4e8;

    color:
        #257345;
}

.admin-event-period-today {
    background:
        #fff1ac;

    color:
        #7c5900;
}

.admin-event-period-past {
    background:
        #efefef;

    color:
        #686868;
}


/* Cancelled */

.status-cancelled {
    background:
        #fff0ef;

    color:
        #943636;
}


/* Mobile Field */

.admin-event-mobile-input {
    display: flex;
}

.admin-event-mobile-input > span {
    display: flex;
    align-items: center;

    padding:
        0 13px;

    border:
        1px solid
        var(--admin-border);

    border-right: 0;

    border-radius:
        10px 0 0 10px;

    background:
        #fff4c7;

    color:
        var(--admin-maroon-dark);

    font-size: 0.82rem;

    font-weight: 700;
}

.admin-event-mobile-input
.form-control {
    border-radius:
        0 10px 10px 0;
}


/* Responsive */

@media (max-width: 767.98px) {

    .admin-event-table-cell {
        min-width: 275px;
    }

}

/* =========================================================
   EVENT EDIT
   ========================================================= */

.admin-event-edit-summary {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #fff4bd,
            #fffdf7
        );

    border:
        1px solid rgba(201, 154, 46, 0.26);
}

.admin-event-edit-summary > i {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-event-edit-summary strong {
    display: block;

    color:
        var(--admin-maroon-dark);
}

.admin-event-edit-summary small {
    display: block;

    margin-top: 2px;

    color:
        var(--admin-muted);
}

/* =========================================================
   ADMIN NEWS
   ========================================================= */

.admin-news-cell {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 330px;
}

.admin-news-thumb {
    width: 72px;
    height: 55px;

    flex: 0 0 72px;

    overflow: hidden;

    border-radius: 11px;

    background:
        #f5eee4;

    border:
        1px solid
        var(--admin-border);
}

.admin-news-thumb img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.admin-news-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #fff1af,
            #fff9df
        );

    color:
        var(--admin-maroon);

    font-size: 1.25rem;
}

.admin-news-cell strong,
.admin-news-cell small,
.admin-news-cell code {
    display: block;
}

.admin-news-cell strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.86rem;
}

.admin-news-cell small {
    margin-top: 2px;

    max-width: 320px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-news-cell code {
    margin-top: 3px;

    color:
        #987008;

    font-size: 0.68rem;
}


/* Category */

.admin-news-category-badge {
    display: inline-flex;

    padding:
        5px 9px;

    border-radius: 30px;

    background:
        #fff4c9;

    border:
        1px solid
        rgba(201, 154, 46, 0.22);

    color:
        #765805;

    font-size: 0.7rem;

    font-weight: 700;
}


/* Date */

.admin-news-date-cell strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.82rem;
}

.admin-news-date-cell small {
    display: block;

    margin-top: 3px;

    color:
        var(--admin-muted);

    font-size: 0.7rem;
}

.admin-news-date-cell i {
    color:
        #a47908;
}


/* Featured */

.admin-featured-badge {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    padding:
        5px 9px;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            #fff0a0,
            #fff8d6
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.30);

    color:
        #7a5900;

    font-size: 0.7rem;

    font-weight: 800;
}

.admin-featured-badge i {
    color:
        #b27e00;
}


/* Featured Switch */

.admin-featured-switch {
    padding: 14px;

    border-radius: 12px;

    background:
        #fff7d6;

    border:
        1px solid
        rgba(201, 154, 46, 0.23);
}

.admin-featured-switch
.form-check {
    min-height: auto;
}

.admin-featured-switch
.form-check-input {
    margin-top: 4px;
}

.admin-featured-switch
.form-check-input:checked {
    background-color:
        var(--admin-maroon);

    border-color:
        var(--admin-maroon);
}

.admin-featured-switch
strong,
.admin-featured-switch
small {
    display: block;
}

.admin-featured-switch
strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.84rem;
}

.admin-featured-switch
small {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}


/* Responsive */

@media (max-width: 767.98px) {

    .admin-news-cell {
        min-width: 280px;
    }

}

/* =========================================================
   NEWS EDIT / DELETE
   ========================================================= */

.admin-delete-featured-note {
    max-width: 600px;

    margin:
        0 auto 18px;

    padding: 15px;

    display: flex;
    align-items: flex-start;

    gap: 11px;

    text-align: left;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff0a9,
            #fff9df
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.35);
}

.admin-delete-featured-note > i {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-yellow);

    color:
        var(--admin-maroon-dark);
}

.admin-delete-featured-note strong {
    display: block;

    color:
        var(--admin-maroon-dark);
}

.admin-delete-featured-note p {
    margin:
        3px 0 0;

    color:
        #685e53;

    font-size: 0.82rem;
}

/* =========================================================
   ADMIN COMMUNITY STORIES
   ========================================================= */

.admin-story-cell {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 285px;
}

.admin-story-photo {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    overflow: hidden;

    border-radius: 50%;

    background: #f5eee4;

    border:
        2px solid
        var(--admin-yellow);
}

.admin-story-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.admin-story-photo-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    color:
        var(--admin-yellow);

    font-size: 1.3rem;
}

.admin-story-cell strong,
.admin-story-cell small,
.admin-story-cell code {
    display: block;
}

.admin-story-cell strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.86rem;
}

.admin-story-cell small {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-story-cell code {
    margin-top: 3px;

    color:
        #987008;

    font-size: 0.68rem;
}


/* Achievement */

.admin-story-achievement {
    max-width: 260px;

    color:
        #5f5750;

    font-size: 0.8rem;

    line-height: 1.45;
}


/* Photo Preview */

.admin-story-photo-preview {
    width: 190px;
    height: 220px;

    margin-left: auto;
    margin-right: auto;

    overflow: hidden;

    border-radius: 18px;

    background:
        #f4eee5;

    border:
        3px solid
        var(--admin-yellow);

    box-shadow:
        0 10px 25px
        rgba(63, 14, 19, 0.08);
}

.admin-story-photo-preview img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* Consent Card */

.admin-story-consent-card {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding: 20px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #fff0aa,
            #fff9e4
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.34);
}

.admin-story-consent-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);

    font-size: 1.15rem;
}

.admin-story-consent-card span {
    display: block;

    color:
        #906c05;

    font-size: 0.72rem;

    font-weight: 800;
}

.admin-story-consent-card h4 {
    margin:
        3px 0 7px;

    color:
        var(--admin-maroon-dark);

    font-size: 1.05rem;
}

.admin-story-consent-card p {
    margin-bottom: 13px;

    color:
        #655c54;

    font-size: 0.81rem;

    line-height: 1.55;
}

.admin-story-consent-card
.form-check-label {
    color:
        var(--admin-maroon-dark);

    font-size: 0.8rem;

    font-weight: 700;
}


/* Responsive */

@media (max-width: 575.98px) {

    .admin-story-consent-card {
        flex-direction: column;
    }

}

/* =========================================================
   COMMUNITY STORY EDIT / DELETE
   ========================================================= */

.admin-story-delete-record > img,
.admin-story-delete-record
.admin-delete-placeholder {
    width: 82px;
    height: 82px;

    flex-basis: 82px;

    border-radius: 50%;
}

.admin-story-delete-record > img {
    object-fit: cover;

    border:
        3px solid
        var(--admin-yellow);
}


/* Consent checkbox */

.admin-story-consent-card
.form-check-input:checked {
    background-color:
        var(--admin-maroon);

    border-color:
        var(--admin-maroon);
}


/* Current consent indication */

.admin-story-consent-status {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    margin-top: 10px;

    padding:
        6px 10px;

    border-radius: 30px;

    background:
        #dff4e8;

    color:
        #257345;

    font-size: 0.72rem;

    font-weight: 700;
}

/* =========================================================
   ADMIN YOUTH RESOURCES
   ========================================================= */

.admin-youth-resource-cell {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 320px;
}

.admin-youth-resource-icon {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #fff0a5,
            #fff9dc
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.27);

    color:
        var(--admin-maroon);

    font-size: 1.25rem;
}

.admin-youth-resource-cell strong,
.admin-youth-resource-cell small,
.admin-youth-resource-cell code {
    display: block;
}

.admin-youth-resource-cell strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.86rem;
}

.admin-youth-resource-cell small {
    margin-top: 2px;

    max-width: 300px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-youth-resource-cell code {
    margin-top: 3px;

    color:
        #997106;

    font-size: 0.68rem;
}


/* Category */

.admin-youth-category-badge {
    display: inline-flex;

    padding:
        5px 9px;

    border-radius: 30px;

    background:
        #fff4c8;

    border:
        1px solid
        rgba(201, 154, 46, 0.23);

    color:
        #765806;

    font-size: 0.7rem;

    font-weight: 700;
}


/* Deadline */

.admin-resource-deadline {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding:
        5px 9px;

    border-radius: 30px;

    font-size: 0.7rem;

    font-weight: 700;
}

.admin-resource-deadline-active {
    background:
        #dff4e8;

    color:
        #267346;
}

.admin-resource-deadline-expired {
    background:
        #fff0ef;

    color:
        #943636;
}

.admin-resource-deadline-none {
    background:
        #efefef;

    color:
        #666;
}


/* Expired status */

.status-expired {
    background:
        #fff0ef;

    color:
        #943636;
}


/* PDF Preview */

.admin-resource-file-preview {
    display: flex;
    align-items: center;

    gap: 11px;

    padding: 13px;

    border-radius: 12px;

    background:
        #fff6d5;

    border:
        1px solid
        rgba(201, 154, 46, 0.24);
}

.admin-resource-file-preview > i {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);

    font-size: 1.15rem;
}

.admin-resource-file-preview strong,
.admin-resource-file-preview small {
    display: block;
}

.admin-resource-file-preview strong {
    max-width: 220px;

    overflow: hidden;

    color:
        var(--admin-maroon-dark);

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 0.8rem;
}

.admin-resource-file-preview small {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.7rem;
}


/* Responsive */

@media (max-width: 767.98px) {

    .admin-youth-resource-cell {
        min-width: 275px;
    }

}

/* =========================================================
   YOUTH RESOURCE EDIT / DELETE
   ========================================================= */

.admin-current-resource-document {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 14px;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff4bf,
            #fffdf5
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.26);
}

.admin-current-resource-document > i {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);

    font-size: 1.2rem;
}

.admin-current-resource-document strong,
.admin-current-resource-document a {
    display: block;
}

.admin-current-resource-document strong {
    max-width: 220px;

    overflow: hidden;

    color:
        var(--admin-maroon-dark);

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 0.8rem;
}

.admin-current-resource-document a {
    margin-top: 3px;

    color:
        #886500;

    font-size: 0.72rem;

    font-weight: 700;
}


/* Delete Record */

.admin-youth-delete-record {
    max-width: 600px;

    margin:
        22px auto;

    padding: 15px;

    display: flex;
    align-items: center;

    gap: 13px;

    text-align: left;

    border-radius: 15px;

    background:
        #faf6ef;

    border:
        1px solid
        var(--admin-border);
}

.admin-youth-delete-icon {
    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            #fff0a5,
            #fff8d7
        );

    color:
        var(--admin-maroon);

    font-size: 1.35rem;
}

.admin-youth-delete-record strong,
.admin-youth-delete-record small,
.admin-youth-delete-record span,
.admin-youth-delete-record code {
    display: block;
}

.admin-youth-delete-record strong {
    color:
        var(--admin-maroon-dark);
}

.admin-youth-delete-record span {
    margin-top: 3px;

    color:
        #8a6500;

    font-size: 0.75rem;

    font-weight: 700;
}

.admin-youth-delete-record small {
    margin-top: 3px;

    color:
        var(--admin-muted);
}

.admin-youth-delete-record code {
    margin-top: 4px;

    color:
        #967006;
}


/* Delete Document */

.admin-youth-delete-document {
    max-width: 600px;

    margin:
        0 auto 18px;

    padding: 13px;

    display: flex;
    align-items: center;

    gap: 11px;

    text-align: left;

    border-radius: 13px;

    background:
        #fff6d6;

    border:
        1px solid
        rgba(201, 154, 46, 0.25);
}

.admin-youth-delete-document > i {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-youth-delete-document strong,
.admin-youth-delete-document span {
    display: block;
}

.admin-youth-delete-document strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.8rem;
}

.admin-youth-delete-document span {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

/* =========================================================
   ADMIN TEAM / OFFICE BEARERS
   ========================================================= */

.admin-team-member-cell {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 240px;
}

.admin-team-member-photo {
    width: 56px;
    height: 56px;

    flex: 0 0 56px;

    overflow: hidden;

    border-radius: 50%;

    background: #f5eee4;

    border:
        2px solid
        var(--admin-yellow);
}

.admin-team-member-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.admin-team-photo-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    color:
        var(--admin-yellow);

    font-size: 1.15rem;

    font-weight: 800;
}

.admin-team-member-cell strong,
.admin-team-member-cell small {
    display: block;
}

.admin-team-member-cell strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.86rem;
}

.admin-team-member-cell small {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}


/* Position */

.admin-team-position strong,
.admin-team-position small {
    display: block;
}

.admin-team-position strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.82rem;
}

.admin-team-position small {
    margin-top: 3px;

    color:
        #896400;

    font-size: 0.73rem;

    font-weight: 600;
}


/* Level */

.admin-team-level-badge {
    display: inline-flex;

    padding:
        5px 9px;

    border-radius: 30px;

    font-size: 0.7rem;

    font-weight: 700;

    border:
        1px solid transparent;
}

.level-national {
    background:
        #f1e4ff;

    color:
        #6b3493;
}

.level-state {
    background:
        linear-gradient(
            145deg,
            #fff0a2,
            #fff8d7
        );

    color:
        #765700;

    border-color:
        rgba(201, 154, 46, 0.25);
}

.level-division {
    background:
        #e7efff;

    color:
        #355d96;
}

.level-district {
    background:
        #e2f4ea;

    color:
        #28734b;
}

.level-taluka {
    background:
        #e8f3f8;

    color:
        #327186;
}

.level-city {
    background:
        #f2ece5;

    color:
        #6c5948;
}

.level-village {
    background:
        #eef3df;

    color:
        #5c7434;
}


/* Mobile */

.admin-team-mobile {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    color:
        #765800;

    font-size: 0.76rem;

    font-weight: 700;

    text-decoration: none;
}

.admin-team-mobile:hover {
    color:
        var(--admin-maroon);
}


/* Priority */

.admin-priority-badge {
    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #fff4c6;

    border:
        1px solid
        rgba(201, 154, 46, 0.28);

    color:
        #755600;

    font-size: 0.72rem;

    font-weight: 800;
}


/* Active / Inactive */

.status-active {
    background:
        #dff4e8;

    color:
        #267346;
}

.status-inactive {
    background:
        #eeeeee;

    color:
        #6a6a6a;
}


/* Photo Preview */

.admin-team-photo-preview {
    width: 190px;
    height: 220px;

    margin-left: auto;
    margin-right: auto;

    overflow: hidden;

    border-radius: 18px;

    background:
        #f4eee5;

    border:
        3px solid
        var(--admin-yellow);

    box-shadow:
        0 10px 25px
        rgba(63, 14, 19, 0.08);
}

.admin-team-photo-preview img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* Responsive */

@media (max-width: 767.98px) {

    .admin-team-member-cell {
        min-width: 220px;
    }

}

/* =========================================================
   TEAM EDIT / DELETE
   ========================================================= */

.admin-team-delete-record {
    max-width: 620px;

    margin:
        22px auto;

    padding: 16px;

    display: flex;
    align-items: center;

    gap: 15px;

    text-align: left;

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #fffaf0,
            #faf5ed
        );

    border:
        1px solid
        var(--admin-border);
}


/* Photo */

.admin-team-delete-photo {
    width: 88px;
    height: 88px;

    flex: 0 0 88px;

    overflow: hidden;

    border-radius: 50%;

    border:
        3px solid
        var(--admin-yellow);

    background:
        #f4eee5;

    box-shadow:
        0 7px 18px
        rgba(63, 14, 19, 0.08);
}

.admin-team-delete-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.admin-team-delete-photo-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    color:
        var(--admin-yellow);

    font-size: 1.8rem;

    font-weight: 800;
}


/* Details */

.admin-team-delete-record strong,
.admin-team-delete-record small,
.admin-team-delete-record > div > span {
    display: block;
}

.admin-team-delete-record strong {
    color:
        var(--admin-maroon-dark);

    font-size: 1rem;
}

.admin-team-delete-record small {
    margin-top: 2px;

    color:
        var(--admin-muted);
}

.admin-team-delete-record > div > span {
    margin-top: 5px;

    color:
        #765700;

    font-size: 0.82rem;

    font-weight: 700;
}

.admin-team-delete-marathi-position {
    color:
        #8a6500 !important;

    font-weight: 600;
}


/* Meta */

.admin-team-delete-meta {
    margin-top: 8px;

    display: flex;
    flex-wrap: wrap;

    gap:
        6px 12px;
}

.admin-team-delete-meta span {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}

.admin-team-delete-meta i {
    color:
        #9b7308;
}


/* Active Warning */

.admin-team-active-delete-note {
    max-width: 600px;

    margin:
        0 auto 18px;

    padding: 15px;

    display: flex;
    align-items: flex-start;

    gap: 11px;

    text-align: left;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff0a3,
            #fff9dd
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.34);
}

.admin-team-active-delete-note > i {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-team-active-delete-note strong {
    display: block;

    color:
        var(--admin-maroon-dark);
}

.admin-team-active-delete-note p {
    margin:
        3px 0 0;

    color:
        #675e53;

    font-size: 0.8rem;

    line-height: 1.5;
}


/* Responsive */

@media (max-width: 575.98px) {

    .admin-team-delete-record {
        align-items: flex-start;

        flex-direction: column;

        text-align: center;
    }

    .admin-team-delete-photo {
        margin:
            0 auto;
    }

    .admin-team-delete-meta {
        justify-content: center;
    }

}

/* =========================================================
   MEMBERSHIP APPLICATIONS
   ========================================================= */

.admin-membership-applicant {
    display: flex;
    align-items: center;

    gap: 11px;

    min-width: 250px;
}

.admin-membership-avatar,
.admin-membership-profile-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    color:
        var(--admin-yellow);

    font-weight: 800;
}

.admin-membership-avatar {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;
}

.admin-membership-applicant strong,
.admin-membership-applicant small,
.admin-membership-applicant span {
    display: block;
}

.admin-membership-applicant strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.85rem;
}

.admin-membership-applicant small {
    margin-top: 2px;

    color:
        #947008;

    font-size: 0.7rem;

    font-weight: 700;
}

.admin-membership-applicant span {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}


/* Contact */

.admin-membership-contact a,
.admin-membership-contact small {
    display: block;
}

.admin-membership-contact a {
    color:
        #755700;

    text-decoration: none;

    font-size: 0.76rem;

    font-weight: 700;
}

.admin-membership-contact small {
    margin-top: 3px;

    color:
        var(--admin-muted);

    font-size: 0.7rem;
}


/* Date */

.admin-membership-date strong,
.admin-membership-date small {
    display: block;
}

.admin-membership-date strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.8rem;
}

.admin-membership-date small {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.7rem;
}


/* Status */

.admin-membership-status {
    display: inline-flex;
    align-items: center;

    padding:
        6px 10px;

    border-radius: 30px;

    font-size: 0.7rem;

    font-weight: 800;
}

.membership-status-new {
    background:
        #fff1ac;

    color:
        #765700;
}

.membership-status-contacted {
    background:
        #e8f1ff;

    color:
        #35639b;
}

.membership-status-verified {
    background:
        #e8efff;

    color:
        #4f56a1;
}

.membership-status-approved {
    background:
        #dff4e8;

    color:
        #267346;
}

.membership-status-rejected {
    background:
        #fff0ef;

    color:
        #943636;
}


/* Profile */

.admin-membership-profile {
    display: flex;
    align-items: center;

    gap: 14px;

    padding-bottom: 18px;

    border-bottom:
        1px solid
        var(--admin-border);
}

.admin-membership-profile-avatar {
    width: 66px;
    height: 66px;

    flex: 0 0 66px;

    border:
        3px solid
        var(--admin-yellow);

    font-size: 1.35rem;
}

.admin-membership-profile h3 {
    margin: 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.15rem;
}

.admin-membership-profile span {
    display: block;

    margin-top: 3px;

    color:
        #937007;

    font-size: 0.76rem;

    font-weight: 700;
}


/* Generic information field */

.admin-info-field span {
    display: block;

    margin-bottom: 4px;

    color:
        var(--admin-muted);

    font-size: 0.7rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.35px;
}

.admin-info-field strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.84rem;

    line-height: 1.55;

    font-weight: 600;
}

.admin-info-field a {
    color:
        var(--admin-maroon-dark);

    text-decoration: none;
}


/* Timeline */

.admin-membership-timeline {
    position: relative;
}

.admin-membership-timeline-item {
    position: relative;

    padding:
        0 0 22px 27px;
}

.admin-membership-timeline-item:not(:last-child)::before {
    content: "";

    position: absolute;

    left: 6px;
    top: 13px;

    width: 2px;
    height: calc(100% - 3px);

    background:
        #ecd890;
}

.admin-membership-timeline-dot {
    position: absolute;

    left: 0;
    top: 4px;

    width: 14px;
    height: 14px;

    border-radius: 50%;

    background:
        var(--admin-yellow);

    border:
        3px solid
        var(--admin-maroon);
}

.admin-membership-timeline-item strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.8rem;
}

.admin-membership-timeline-item strong i {
    margin:
        0 4px;

    color:
        #a67b09;
}

.admin-membership-timeline-item small {
    display: block;

    margin-top: 3px;

    color:
        var(--admin-muted);

    font-size: 0.7rem;
}

.admin-membership-timeline-item p {
    margin:
        6px 0 0;

    padding: 9px 11px;

    border-radius: 9px;

    background:
        #fff8dc;

    color:
        #655b52;

    font-size: 0.76rem;
}


/* Processing */

.admin-membership-processing > div {
    padding:
        10px 0;

    border-bottom:
        1px solid
        var(--admin-border);
}

.admin-membership-processing > div:last-child {
    border-bottom: 0;
}

.admin-membership-processing span,
.admin-membership-processing strong {
    display: block;
}

.admin-membership-processing span {
    color:
        var(--admin-muted);

    font-size: 0.69rem;

    font-weight: 700;
}

.admin-membership-processing strong {
    margin-top: 2px;

    color:
        var(--admin-maroon-dark);

    font-size: 0.78rem;
}
/* =========================================================
   MEMBERSHIP CONVERSION
   ========================================================= */

.admin-membership-convert-summary {
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #fff0a4,
            #fffaf0
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.32);
}

.admin-membership-convert-summary
.admin-membership-profile-avatar {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;
}

.admin-membership-convert-summary span,
.admin-membership-convert-summary h3,
.admin-membership-convert-summary p {
    display: block;
}

.admin-membership-convert-summary span {
    color:
        #886400;

    font-size: 0.7rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.4px;
}

.admin-membership-convert-summary h3 {
    margin:
        3px 0 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1rem;
}

.admin-membership-convert-summary p {
    margin:
        3px 0 0;

    color:
        var(--admin-muted);

    font-size: 0.74rem;
}


/* Convert warning */

.admin-membership-convert-warning {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    padding: 12px;

    border-radius: 11px;

    background:
        #fff6d4;

    border:
        1px solid
        rgba(201, 154, 46, 0.22);
}

.admin-membership-convert-warning i {
    margin-top: 2px;

    color:
        var(--admin-maroon);
}

.admin-membership-convert-warning p {
    margin: 0;

    color:
        #665c51;

    font-size: 0.77rem;

    line-height: 1.5;
}

.admin-membership-convert-warning strong {
    color:
        var(--admin-maroon-dark);
}

/* =========================================================
   PERMANENT MEMBERS
   ========================================================= */

.admin-member-cell {
    display: flex;
    align-items: center;

    gap: 11px;

    min-width: 250px;
}

.admin-member-avatar {
    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        2px solid
        var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-weight: 800;
}

.admin-member-cell strong,
.admin-member-cell small,
.admin-member-cell span {
    display: block;
}

.admin-member-cell strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.85rem;
}

.admin-member-cell small {
    margin-top: 2px;

    color:
        #927006;

    font-size: 0.7rem;

    font-weight: 700;
}

.admin-member-cell span {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.71rem;
}


/* Membership Type */

.admin-member-type {
    display: inline-flex;
    align-items: center;

    padding:
        5px 9px;

    border-radius: 30px;

    font-size: 0.7rem;

    font-weight: 700;
}

.member-type-general {
    background:
        #fff3bd;

    color:
        #765700;
}

.member-type-volunteer {
    background:
        #e4f4ec;

    color:
        #297149;
}

.member-type-office_bearer {
    background:
        #efe5ff;

    color:
        #6a3892;
}

.member-type-supporter {
    background:
        #e7efff;

    color:
        #365f97;
}


/* Contact */

.admin-member-contact a,
.admin-member-contact small {
    display: block;
}

.admin-member-contact a {
    color:
        #765700;

    text-decoration: none;

    font-size: 0.76rem;

    font-weight: 700;
}

.admin-member-contact small {
    margin-top: 3px;

    color:
        var(--admin-muted);

    font-size: 0.7rem;
}


/* Suspended */

.status-suspended {
    background:
        #fff0ef;

    color:
        #943636;
}


/* Direct member note */

.admin-direct-member-note {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    padding: 12px;

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            #fff3bd,
            #fffaf0
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.24);
}

.admin-direct-member-note i {
    margin-top: 2px;

    color:
        var(--admin-maroon);
}

.admin-direct-member-note p {
    margin: 0;

    color:
        #665c52;

    font-size: 0.77rem;

    line-height: 1.5;
}

/* =========================================================
   MEMBER EDIT / DELETE
   ========================================================= */

.admin-member-profile-header {
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #fff2b3,
            #fffaf0
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.30);
}

.admin-member-profile-avatar {
    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        3px solid
        var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-size: 1.35rem;

    font-weight: 800;
}

.admin-member-profile-header span,
.admin-member-profile-header h3,
.admin-member-profile-header p {
    display: block;
}

.admin-member-profile-header > div:nth-child(2) > span {
    color:
        #8a6500;

    font-size: 0.7rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.4px;
}

.admin-member-profile-header h3 {
    margin:
        3px 0 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.05rem;
}

.admin-member-profile-header p {
    margin:
        3px 0 0;

    color:
        var(--admin-muted);

    font-size: 0.75rem;

    font-weight: 700;
}


/* Member Number */

.admin-member-number-card {
    padding: 14px;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff1a7,
            #fff9e0
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.28);
}

.admin-member-number-card span,
.admin-member-number-card strong {
    display: block;
}

.admin-member-number-card span {
    color:
        #8a6705;

    font-size: 0.68rem;

    font-weight: 800;

    text-transform: uppercase;
}

.admin-member-number-card strong {
    margin-top: 4px;

    color:
        var(--admin-maroon-dark);

    font-size: 1rem;

    letter-spacing: 0.5px;
}


/* Source Card */

.admin-member-source-card {
    display: flex;
    align-items: flex-start;

    gap: 11px;
}

.admin-member-source-card > i {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);

    font-size: 1.1rem;
}

.admin-member-source-card strong,
.admin-member-source-card span,
.admin-member-source-card a {
    display: block;
}

.admin-member-source-card strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.82rem;
}

.admin-member-source-card span {
    margin-top: 3px;

    color:
        var(--admin-muted);

    font-size: 0.73rem;

    line-height: 1.45;
}

.admin-member-source-card a {
    margin-top: 5px;

    color:
        #856300;

    font-size: 0.72rem;

    font-weight: 700;
}


/* Delete Record */

.admin-member-delete-record {
    max-width: 600px;

    margin:
        22px auto;

    padding: 16px;

    display: flex;
    align-items: center;

    gap: 14px;

    text-align: left;

    border-radius: 15px;

    background:
        #faf6ef;

    border:
        1px solid
        var(--admin-border);
}

.admin-member-delete-avatar {
    width: 70px;
    height: 70px;

    flex: 0 0 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        3px solid
        var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-size: 1.4rem;

    font-weight: 800;
}

.admin-member-delete-record strong,
.admin-member-delete-record code,
.admin-member-delete-record span,
.admin-member-delete-record small {
    display: block;
}

.admin-member-delete-record strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.95rem;
}

.admin-member-delete-record code {
    margin-top: 3px;

    color:
        #916b04;

    font-size: 0.72rem;
}

.admin-member-delete-record span {
    margin-top: 4px;

    color:
        #755700;

    font-size: 0.76rem;

    font-weight: 700;
}

.admin-member-delete-record small {
    margin-top: 4px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}


/* Active Member Delete Note */

.admin-member-active-delete-note,
.admin-member-source-delete-note {
    max-width: 600px;

    margin:
        0 auto 18px;

    padding: 14px;

    display: flex;
    align-items: flex-start;

    gap: 11px;

    text-align: left;

    border-radius: 13px;
}

.admin-member-active-delete-note {
    background:
        #fff4c4;

    border:
        1px solid
        rgba(201, 154, 46, 0.28);
}

.admin-member-source-delete-note {
    background:
        #eef3ff;

    border:
        1px solid
        rgba(69, 104, 167, 0.16);
}

.admin-member-active-delete-note > i,
.admin-member-source-delete-note > i {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
}

.admin-member-active-delete-note > i {
    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-member-source-delete-note > i {
    background:
        #496ca4;

    color:
        #fff;
}

.admin-member-active-delete-note strong,
.admin-member-source-delete-note strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.82rem;
}

.admin-member-active-delete-note p,
.admin-member-source-delete-note p {
    margin:
        3px 0 0;

    color:
        #665d53;

    font-size: 0.77rem;

    line-height: 1.5;
}


/* Responsive */

@media (max-width: 575.98px) {

    .admin-member-profile-header {
        align-items: flex-start;

        flex-wrap: wrap;
    }

    .admin-member-delete-record {
        flex-direction: column;

        text-align: center;
    }

}

/* =========================================================
   PUBLIC ENQUIRIES
   ========================================================= */

.admin-enquiry-sender {
    display: flex;
    align-items: center;

    gap: 11px;

    min-width: 240px;
}

.admin-enquiry-avatar,
.admin-enquiry-profile-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        2px solid
        var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-weight: 800;
}

.admin-enquiry-avatar {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;
}

.admin-enquiry-sender strong,
.admin-enquiry-sender small,
.admin-enquiry-sender span {
    display: block;
}

.admin-enquiry-sender strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.84rem;
}

.admin-enquiry-sender small {
    margin-top: 2px;

    color:
        #8d6804;

    font-size: 0.69rem;

    font-weight: 700;
}

.admin-enquiry-sender span {
    margin-top: 2px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}


/* Subject */

.admin-enquiry-subject {
    min-width: 260px;
}

.admin-enquiry-subject strong,
.admin-enquiry-subject small {
    display: block;
}

.admin-enquiry-subject strong {
    color:
        var(--admin-maroon-dark);

    font-size: 0.8rem;
}

.admin-enquiry-subject small {
    margin-top: 4px;

    max-width: 300px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;

    line-height: 1.45;
}


/* Category */

.admin-enquiry-category {
    display: inline-flex;

    padding:
        5px 9px;

    border-radius: 30px;

    background:
        #fff4c6;

    border:
        1px solid
        rgba(201, 154, 46, 0.24);

    color:
        #765700;

    font-size: 0.7rem;

    font-weight: 700;
}


/* Status */

.admin-enquiry-status {
    display: inline-flex;
    align-items: center;

    padding:
        6px 10px;

    border-radius: 30px;

    font-size: 0.7rem;

    font-weight: 800;
}

.enquiry-status-new {
    background:
        #fff1ac;

    color:
        #765700;
}

.enquiry-status-in_progress {
    background:
        #e5efff;

    color:
        #35629a;
}

.enquiry-status-resolved {
    background:
        #dff4e8;

    color:
        #267346;
}

.enquiry-status-closed {
    background:
        #ececec;

    color:
        #5f5f5f;
}

.enquiry-status-spam {
    background:
        #fff0ef;

    color:
        #943636;
}


/* Profile */

.admin-enquiry-profile {
    display: flex;
    align-items: center;

    gap: 14px;

    padding-bottom: 18px;

    border-bottom:
        1px solid
        var(--admin-border);
}

.admin-enquiry-profile-avatar {
    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    font-size: 1.3rem;
}

.admin-enquiry-profile h3 {
    margin: 0;

    color:
        var(--admin-maroon-dark);

    font-size: 1.05rem;
}

.admin-enquiry-profile span {
    display: block;

    margin-top: 3px;

    color:
        #906b05;

    font-size: 0.73rem;

    font-weight: 700;
}


/* Message */

.admin-enquiry-message {
    padding: 18px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #fffaf0,
            #fffdf8
        );

    border-left:
        4px solid
        var(--admin-yellow);

    color:
        #4f4740;

    font-size: 0.88rem;

    line-height: 1.75;

    white-space: normal;
}

/* =========================================================
   ENQUIRY DELETE
   ========================================================= */

.admin-enquiry-delete-record {
    max-width: 600px;

    margin:
        22px auto;

    padding: 16px;

    display: flex;
    align-items: center;

    gap: 14px;

    text-align: left;

    border-radius: 15px;

    background:
        #faf6ef;

    border:
        1px solid
        var(--admin-border);
}

.admin-enquiry-delete-avatar {
    width: 70px;
    height: 70px;

    flex: 0 0 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--admin-maroon-dark),
            var(--admin-maroon)
        );

    border:
        3px solid
        var(--admin-yellow);

    color:
        var(--admin-yellow);

    font-size: 1.4rem;

    font-weight: 800;
}

.admin-enquiry-delete-record strong,
.admin-enquiry-delete-record code,
.admin-enquiry-delete-record span,
.admin-enquiry-delete-record small {
    display: block;
}

.admin-enquiry-delete-record strong {
    color:
        var(--admin-maroon-dark);
}

.admin-enquiry-delete-record code {
    margin-top: 3px;

    color:
        #8f6904;

    font-size: 0.72rem;
}

.admin-enquiry-delete-record span {
    margin-top: 5px;

    color:
        #5e554d;

    font-size: 0.8rem;

    font-weight: 700;
}

.admin-enquiry-delete-record small {
    margin-top: 4px;

    color:
        var(--admin-muted);

    font-size: 0.72rem;
}


/* Open Enquiry Warning */

.admin-enquiry-open-delete-note {
    max-width: 600px;

    margin:
        0 auto 18px;

    padding: 14px;

    display: flex;
    align-items: flex-start;

    gap: 11px;

    text-align: left;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff2ae,
            #fff9dd
        );

    border:
        1px solid
        rgba(201, 154, 46, 0.28);
}

.admin-enquiry-open-delete-note > i {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--admin-maroon);

    color:
        var(--admin-yellow);
}

.admin-enquiry-open-delete-note strong {
    display: block;

    color:
        var(--admin-maroon-dark);

    font-size: 0.82rem;
}

.admin-enquiry-open-delete-note p {
    margin:
        3px 0 0;

    color:
        #665d53;

    font-size: 0.77rem;

    line-height: 1.5;
}

/* =========================================================
   ADMIN CONTACT MESSAGES
   ========================================================= */

.admin-row-unread {
    background:
        #fff9e8;
}

.admin-row-unread td {
    font-weight:
        600;
}


.admin-contact-person {
    display: flex;
    align-items: center;

    gap: 10px;
}

.admin-contact-avatar {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #591119,
            #842029
        );

    color:
        #ffd43d;

    font-size: 0.8rem;

    font-weight: 900;
}

.admin-contact-avatar-lg {
    width: 54px;
    height: 54px;

    flex-basis: 54px;

    font-size: 1rem;
}

.admin-contact-person strong,
.admin-contact-person span,
.admin-contact-person small {
    display: block;
}

.admin-contact-person strong {
    color:
        #4f151b;

    font-size: 0.78rem;
}

.admin-contact-person span {
    margin-top: 2px;

    color:
        #6f655d;

    font-size: 0.68rem;
}

.admin-contact-person small {
    margin-top: 1px;

    color:
        #90847a;

    font-size: 0.62rem;
}


.admin-subject-type {
    display: inline-flex;

    margin-bottom: 4px;

    padding:
        4px 7px;

    border-radius: 20px;

    background:
        #fff0ac;

    color:
        #775700;

    font-size: 0.58rem;

    font-weight: 800;
}

.admin-message-subject {
    max-width: 300px;

    display: block;

    color:
        #514840;

    font-size: 0.72rem;

    line-height: 1.4;
}


/* Status */

.admin-status-badge,
.admin-priority-badge {
    display: inline-flex;
    align-items: center;

    padding:
        5px 8px;

    border-radius: 20px;

    font-size: 0.6rem;

    font-weight: 800;

    white-space: nowrap;
}


.status-new {
    background:
        #fff1ad;

    color:
        #7a5800;
}

.status-in_progress {
    background:
        #e8f1ff;

    color:
        #3063a7;
}

.status-replied {
    background:
        #eaf8ee;

    color:
        #347449;
}

.status-resolved {
    background:
        #e8f7ed;

    color:
        #2f7145;
}

.status-closed {
    background:
        #eeeeee;

    color:
        #5e5e5e;
}

.status-spam {
    background:
        #fdeaea;

    color:
        #a43c3c;
}


/* Priority */

.priority-low {
    background:
        #f2f2f2;

    color:
        #666;
}

.priority-normal {
    background:
        #edf3ff;

    color:
        #4266a5;
}

.priority-high {
    background:
        #fff0cf;

    color:
        #946400;
}

.priority-urgent {
    background:
        #fde6e6;

    color:
        #a52e2e;
}


/* Detail */

.admin-message-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.admin-message-detail-header h2 {
    margin: 0;

    color:
        #4f151b;

    font-size: 1.15rem;

    font-weight: 850;
}

.admin-message-meta-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 16px;
}

.admin-message-meta-grid > div {
    padding: 12px;

    border-radius: 10px;

    background:
        #faf8f4;
}

.admin-message-meta-grid span,
.admin-message-meta-grid strong {
    display: block;
}

.admin-message-meta-grid span {
    color:
        #8a8179;

    font-size: 0.59rem;

    font-weight: 700;

    text-transform: uppercase;
}

.admin-message-meta-grid strong {
    margin-top: 3px;

    color:
        #514840;

    font-size: 0.7rem;
}


.admin-message-label {
    display: block;

    color:
        #916c08;

    font-size: 0.62rem;

    font-weight: 850;

    text-transform: uppercase;
}

.admin-message-title {
    margin:
        5px 0 20px;

    color:
        #4f151b;

    font-size: 1.3rem;

    font-weight: 850;
}

.admin-message-body {
    padding: 20px;

    border-radius: 13px;

    background:
        #faf8f4;

    color:
        #554d46;

    font-size: 0.78rem;

    line-height: 1.8;
}


.admin-contact-action-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;
}


.admin-tech-list > div {
    padding:
        10px 0;

    border-bottom:
        1px solid
        #eee7dd;
}

.admin-tech-list > div:last-child {
    border-bottom: 0;
}

.admin-tech-list span,
.admin-tech-list strong {
    display: block;
}

.admin-tech-list span {
    color:
        #8e8379;

    font-size: 0.6rem;

    font-weight: 700;
}

.admin-tech-list strong {
    margin-top: 3px;

    color:
        #514840;

    font-size: 0.67rem;

    font-weight: 650;

    line-height: 1.45;
}


.admin-menu-count {
    min-width: 22px;
    height: 22px;

    margin-left: auto;

    padding:
        0 6px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background:
        #ffd43d;

    color:
        #541018;

    font-size: 0.58rem;

    font-weight: 900;
}


@media (max-width: 767.98px) {

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

    .admin-message-detail-header {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}

/* =========================================================
   ADMIN NEWSLETTER
   ========================================================= */

.admin-newsletter-email {
    display: flex;
    align-items: center;

    gap: 10px;
}

.admin-newsletter-email > div {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        #fff1ae;

    color:
        #5a1119;
}

.admin-newsletter-email strong,
.admin-newsletter-email small {
    display: block;
}

.admin-newsletter-email strong {
    color:
        #4f151b;

    font-size: 0.72rem;

    font-weight: 800;

    word-break:
        break-word;
}

.admin-newsletter-email small {
    margin-top: 2px;

    color:
        #8f847a;

    font-size: 0.59rem;
}


.admin-language-badge {
    display: inline-flex;
    align-items: center;

    padding:
        5px 8px;

    border-radius: 20px;

    background:
        #eef2ff;

    color:
        #4e5e9e;

    font-size: 0.6rem;

    font-weight: 800;
}


.newsletter-status-active {
    background:
        #e8f8ee;

    color:
        #317247;
}

.newsletter-status-unsubscribed {
    background:
        #f1f1f1;

    color:
        #666;
}

.newsletter-status-blocked {
    background:
        #fde7e7;

    color:
        #a53434;
}


.admin-source-text {
    max-width: 240px;

    display: block;

    overflow: hidden;

    color:
        #71675f;

    font-size: 0.66rem;

    white-space: nowrap;

    text-overflow: ellipsis;
}
/* =========================================================
   NEWSLETTER CAMPAIGNS
   ========================================================= */

.campaign-status-draft {
    background: #f1f1f1;
    color: #666;
}

.campaign-status-scheduled {
    background: #fff1b7;
    color: #806000;
}

.campaign-status-sending {
    background: #e8f1ff;
    color: #3568ad;
}

.campaign-status-sent {
    background: #e8f8ee;
    color: #317247;
}

.campaign-status-cancelled {
    background: #fdeaea;
    color: #a33c3c;
}


.admin-campaign-editor {
    min-height: 430px;

    font-family:
        "Plus Jakarta Sans",
        Arial,
        sans-serif;

    line-height: 1.65;
}


.admin-recipient-preview {
    padding: 18px;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff1ad,
            #fff9df
        );

    border:
        1px solid
        rgba(197, 152, 37, 0.22);

    text-align: center;
}

.admin-recipient-preview span,
.admin-recipient-preview strong {
    display: block;
}

.admin-recipient-preview span {
    color: #866403;

    font-size: 0.65rem;

    font-weight: 800;

    text-transform: uppercase;
}

.admin-recipient-preview strong {
    margin-top: 5px;

    color: #541018;

    font-size: 2rem;

    font-weight: 900;
}


.admin-campaign-checklist {
    margin: 0;
    padding-left: 18px;
}

.admin-campaign-checklist li {
    margin-bottom: 8px;

    color: #655c54;

    font-size: 0.72rem;

    line-height: 1.5;
}

.admin-campaign-preview {
    padding: 25px;

    border-radius: 14px;

    background: #fff;

    border: 1px solid #ece5dc;

    color: #4f4841;

    line-height: 1.7;
}


/* =========================================================
   PUBLIC UNSUBSCRIBE
   ========================================================= */

.newsletter-unsubscribe-page {
    min-height: 65vh;

    padding: 90px 0;

    display: flex;
    align-items: center;

    background:
        #fffdf8;
}

.newsletter-unsubscribe-card {
    max-width: 650px;

    margin: 0 auto;

    padding: 45px 30px;

    border-radius: 24px;

    background: #fff;

    border:
        1px solid
        rgba(107, 69, 28, 0.10);

    box-shadow:
        0 18px 50px
        rgba(71, 20, 18, 0.08);

    text-align: center;
}

.newsletter-unsubscribe-icon {
    width: 72px;
    height: 72px;

    margin:
        0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e9f8ee;

    color: #32754a;

    font-size: 1.8rem;
}

.newsletter-unsubscribe-icon.is-error {
    background: #fff0e9;

    color: #ab4e2c;
}

.newsletter-unsubscribe-card h1 {
    margin: 0;

    color: #541018;

    font-size:
        clamp(
            1.8rem,
            4vw,
            2.8rem
        );

    font-weight: 900;
}

.newsletter-unsubscribe-card p {
    max-width: 500px;

    margin:
        13px auto 0;

    color: #70665e;

    line-height: 1.7;
}

.newsletter-unsubscribe-card > a {
    min-height: 46px;

    margin-top: 22px;

    padding:
        0 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: #541018;

    color: #fff;

    text-decoration: none;

    font-size: 0.73rem;

    font-weight: 800;
}

/* =========================================================
   ADMIN SETTINGS
   ========================================================= */

.admin-settings-section-heading {
    margin-bottom: 22px;

    display: flex;
    align-items: center;

    gap: 11px;
}

.admin-settings-section-heading > div {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            #541018,
            #811e26
        );

    color:
        #ffd43d;

    font-size: 1rem;
}

.admin-settings-section-heading strong,
.admin-settings-section-heading small {
    display: block;
}

.admin-settings-section-heading strong {
    color:
        #4f151b;

    font-size: 0.88rem;

    font-weight: 850;
}

.admin-settings-section-heading small {
    margin-top: 2px;

    color:
        #8b8178;

    font-size: 0.64rem;
}


.admin-setting-image-preview {
    max-width: 180px;

    margin-top: 12px;

    padding: 8px;

    border-radius: 11px;

    background:
        #faf8f4;

    border:
        1px solid
        #ebe3d9;
}

.admin-setting-image-preview img {
    width: 100%;
    max-height: 120px;

    display: block;

    object-fit: contain;
}

.admin-setting-image-preview.is-small {
    max-width: 90px;
}

.admin-setting-image-preview.is-small img {
    max-height: 70px;
}


.admin-setting-toggle {
    padding:
        14px 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid
        #eee6dc;
}

.admin-setting-toggle:last-child {
    border-bottom: 0;
}

.admin-setting-toggle strong,
.admin-setting-toggle small {
    display: block;
}

.admin-setting-toggle strong {
    color:
        #514840;

    font-size: 0.74rem;

    font-weight: 800;
}

.admin-setting-toggle small {
    margin-top: 2px;

    color:
        #91867d;

    font-size: 0.61rem;
}


/* Switch */

.form-switch {
    position: relative;

    width: 45px;
    height: 25px;

    flex: 0 0 45px;
}

.form-switch input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}

.form-switch span {
    position: absolute;

    inset: 0;

    border-radius: 30px;

    background:
        #d7d2cc;

    cursor: pointer;

    transition:
        0.2s ease;
}

.form-switch span::after {
    content: "";

    position: absolute;

    width: 19px;
    height: 19px;

    left: 3px;
    top: 3px;

    border-radius: 50%;

    background: #fff;

    box-shadow:
        0 2px 6px
        rgba(0,0,0,0.16);

    transition:
        transform 0.2s ease;
}

.form-switch input:checked + span {
    background:
        #64151c;
}

.form-switch input:checked + span::after {
    transform:
        translateX(20px);
}


.admin-settings-save-card {
    text-align: center;

    background:
        linear-gradient(
            145deg,
            #fff1ad,
            #fff9df
        );

    border:
        1px solid
        rgba(196, 150, 36, 0.22);
}

.admin-settings-save-card > div {
    width: 56px;
    height: 56px;

    margin:
        0 auto 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #541018;

    color:
        #ffd43d;

    font-size: 1.3rem;
}

.admin-settings-save-card h3 {
    margin: 0;

    color:
        #541018;

    font-size: 1rem;

    font-weight: 850;
}

.admin-settings-save-card p {
    margin:
        8px 0 17px;

    color:
        #70665c;

    font-size: 0.68rem;

    line-height: 1.55;
}

/* =========================================================
   ADMIN AUDIT LOGS
   ========================================================= */

.admin-audit-user {
    display: flex;
    align-items: center;

    gap: 10px;
}

.admin-audit-user > div {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #541018,
            #81202a
        );

    color:
        #ffd43d;

    font-size: 0.78rem;

    font-weight: 900;
}

.admin-audit-user strong,
.admin-audit-user small,
.admin-audit-user em {
    display: block;
}

.admin-audit-user strong {
    color:
        #4f151b;

    font-size: 0.74rem;

    font-weight: 800;
}

.admin-audit-user small {
    margin-top: 2px;

    color:
        #90847b;

    font-size: 0.6rem;
}

.admin-audit-user em {
    margin-top: 3px;

    color:
        #8a6500;

    font-size: 0.58rem;

    font-style: normal;

    font-weight: 750;
}


.admin-audit-user-large > div {
    width: 54px;
    height: 54px;

    flex-basis: 54px;

    font-size: 1rem;
}


.admin-audit-action {
    display: inline-flex;

    padding:
        5px 8px;

    border-radius: 20px;

    background:
        #fff2b4;

    color:
        #765700;

    font-size: 0.61rem;

    font-weight: 800;
}


.admin-audit-entity {
    display: inline-flex;

    padding:
        5px 8px;

    border-radius: 20px;

    background:
        #edf2ff;

    color:
        #4b5f9c;

    font-size: 0.61rem;

    font-weight: 750;
}


.admin-audit-detail-title {
    display: flex;
    align-items: center;

    gap: 12px;
}

.admin-audit-detail-title > div {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background:
        #541018;

    color:
        #ffd43d;

    font-size: 1.2rem;
}

.admin-audit-detail-title small,
.admin-audit-detail-title strong {
    display: block;
}

.admin-audit-detail-title small {
    color:
        #8e837a;

    font-size: 0.6rem;

    text-transform: uppercase;

    font-weight: 750;
}

.admin-audit-detail-title strong {
    margin-top: 3px;

    color:
        #4f151b;

    font-size: 1rem;

    font-weight: 850;
}


/* Metadata */

.admin-audit-metadata {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.admin-audit-metadata > div {
    padding: 13px;

    border-radius: 10px;

    background:
        #faf8f4;

    border:
        1px solid
        #eee6dc;
}

.admin-audit-metadata span,
.admin-audit-metadata strong {
    display: block;
}

.admin-audit-metadata span {
    color:
        #8d8278;

    font-size: 0.59rem;

    font-weight: 750;

    text-transform: uppercase;
}

.admin-audit-metadata strong {
    margin-top: 4px;

    color:
        #504840;

    font-size: 0.7rem;

    font-weight: 650;

    word-break: break-word;
}

.admin-audit-metadata pre {
    margin: 0;

    white-space: pre-wrap;

    word-break: break-word;

    font-size: 0.68rem;
}

/* =========================================================
   ADMIN USER MANAGEMENT
   ========================================================= */

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

.admin-user-avatar {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #541018,
            #841f28
        );

    color:
        #ffd43d;

    font-size: 0.82rem;

    font-weight: 900;
}

.admin-user-person strong,
.admin-user-person span,
.admin-user-person small {
    display: block;
}

.admin-user-person strong {
    color: #4f151b;

    font-size: 0.75rem;

    font-weight: 850;
}

.admin-user-person span {
    margin-top: 2px;

    color: #765f5f;

    font-size: 0.62rem;

    font-weight: 700;
}

.admin-user-person small {
    margin-top: 1px;

    color: #94887e;

    font-size: 0.6rem;
}


/* Roles */

.admin-role-badge {
    display: inline-flex;
    align-items: center;

    padding: 5px 8px;

    border-radius: 20px;

    font-size: 0.6rem;

    font-weight: 800;
}

.role-super_admin {
    background: #fff0af;
    color: #735500;
}

.role-admin {
    background: #e8efff;
    color: #3f5d9f;
}

.role-editor {
    background: #eee9ff;
    color: #63509b;
}

.role-communications {
    background: #e8f8ee;
    color: #317247;
}

.role-viewer {
    background: #f0f0f0;
    color: #666;
}


/* Status */

.admin-user-status-active {
    background: #e8f8ee;
    color: #317247;
}

.admin-user-status-inactive {
    background: #f1f1f1;
    color: #747474;
}


/* Password guidance */

.admin-password-guidance {
    margin-top: 15px;

    padding: 12px 13px;

    display: flex;
    align-items: flex-start;

    gap: 8px;

    border-radius: 10px;

    background: #fff6d4;

    border:
        1px solid
        rgba(201, 154, 46, 0.20);

    color: #725c22;

    font-size: 0.65rem;

    line-height: 1.5;
}

.admin-password-guidance i {
    margin-top: 1px;

    color: #8b6803;
}

/* =========================================================
   FINAL ADMIN DASHBOARD
   ========================================================= */

.admin-dashboard-hero {
    position: relative;

    overflow: hidden;

    margin-bottom: 22px;

    padding: 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    border-radius: 23px;

    background:
        linear-gradient(
            135deg,
            #4b0d15 0%,
            #6c1720 58%,
            #8a242b 100%
        );

    box-shadow:
        0 18px 45px
        rgba(71, 17, 21, 0.14);
}

.admin-dashboard-hero::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    right: -130px;
    top: -190px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 212, 61, 0.26),
            rgba(255, 212, 61, 0)
        );
}

.admin-dashboard-hero-copy,
.admin-dashboard-hero-actions {
    position: relative;

    z-index: 2;
}

.admin-dashboard-hero h1 {
    margin:
        5px 0 8px;

    color: #fff;

    font-size:
        clamp(
            1.8rem,
            3vw,
            2.8rem
        );

    font-weight: 900;
}

.admin-dashboard-hero p {
    max-width: 730px;

    margin: 0;

    color:
        rgba(255,255,255,0.72);

    font-size: 0.76rem;

    line-height: 1.65;
}

.admin-dashboard-hero .admin-page-kicker {
    color:
        #ffd43d;
}

.admin-dashboard-role {
    margin-top: 16px;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding:
        7px 10px;

    border-radius: 25px;

    background:
        rgba(255,255,255,0.07);

    border:
        1px solid
        rgba(255,255,255,0.08);

    color:
        rgba(255,255,255,0.65);

    font-size: 0.63rem;
}

.admin-dashboard-role i {
    color:
        #ffd43d;
}

.admin-dashboard-role strong {
    color:
        #fff;
}


/* HERO ACTIONS */

.admin-dashboard-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;
}

.admin-dashboard-primary-btn,
.admin-dashboard-secondary-btn {
    min-height: 45px;

    padding:
        0 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    border-radius: 10px;

    font-size: 0.7rem;

    font-weight: 800;
}

.admin-dashboard-primary-btn {
    background:
        #ffd43d;

    color:
        #541018;

    border: 0;
}

.admin-dashboard-primary-btn:hover {
    background:
        #ffe067;

    color:
        #541018;
}

.admin-dashboard-secondary-btn {
    background:
        rgba(255,255,255,0.08);

    color: #fff;

    border:
        1px solid
        rgba(255,255,255,0.12);
}

.admin-dashboard-secondary-btn:hover {
    color: #fff;

    background:
        rgba(255,255,255,0.13);
}

.admin-dashboard-secondary-btn > span {
    min-width: 20px;
    height: 20px;

    padding:
        0 5px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background:
        #ffd43d;

    color:
        #541018;

    font-size: 0.56rem;

    font-weight: 900;
}


/* =========================================================
   ALERTS
   ========================================================= */

.admin-dashboard-alert {
    margin-bottom: 12px;

    padding:
        13px 15px;

    display: flex;
    align-items: center;

    gap: 11px;

    border-radius: 12px;
}

.admin-dashboard-alert > div {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
}

.admin-dashboard-alert > span {
    flex: 1 1 auto;
}

.admin-dashboard-alert strong,
.admin-dashboard-alert small {
    display: block;
}

.admin-dashboard-alert strong {
    font-size: 0.72rem;

    font-weight: 850;
}

.admin-dashboard-alert small {
    margin-top: 2px;

    font-size: 0.61rem;
}

.admin-dashboard-alert > a {
    font-size: 0.65rem;

    font-weight: 800;

    text-decoration: none;
}

.admin-dashboard-alert.is-warning {
    background:
        #fff2b8;

    border:
        1px solid
        rgba(197, 151, 37, 0.20);

    color:
        #725500;
}

.admin-dashboard-alert.is-warning > div {
    background:
        #541018;

    color:
        #ffd43d;
}

.admin-dashboard-alert.is-warning > a {
    color:
        #541018;
}

.admin-dashboard-alert.is-danger {
    background:
        #ffeded;

    border:
        1px solid
        #f1cece;

    color:
        #9d3939;
}

.admin-dashboard-alert.is-danger > div {
    background:
        #a93b3b;

    color: #fff;
}

.admin-dashboard-alert.is-danger > a {
    color:
        #8a2929;
}


/* =========================================================
   PRIMARY METRICS
   ========================================================= */

.admin-dashboard-metric {
    position: relative;

    height: 100%;

    padding: 21px;

    display: block;

    border-radius: 18px;

    background: #fff;

    border:
        1px solid
        rgba(107, 69, 28, 0.09);

    box-shadow:
        0 11px 30px
        rgba(71, 20, 18, 0.045);

    color:
        #514840;

    text-decoration: none;
}

.admin-dashboard-metric:hover {
    transform:
        translateY(-3px);

    box-shadow:
        0 17px 38px
        rgba(71, 20, 18, 0.075);
}

.admin-dashboard-metric-icon {
    width: 45px;
    height: 45px;

    margin-bottom: 17px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
        #fff1ae;

    color:
        #541018;

    font-size: 1rem;
}

.admin-dashboard-metric > span,
.admin-dashboard-metric > strong,
.admin-dashboard-metric > small {
    display: block;
}

.admin-dashboard-metric > span {
    color:
        #81766c;

    font-size: 0.64rem;

    font-weight: 750;
}

.admin-dashboard-metric > strong {
    margin-top: 3px;

    color:
        #541018;

    font-size: 2rem;

    line-height: 1;

    font-weight: 900;
}

.admin-dashboard-metric > small {
    margin-top: 7px;

    color:
        #958a80;

    font-size: 0.6rem;
}


/* =========================================================
   SMALL STATS
   ========================================================= */

.admin-dashboard-small-stat {
    height: 100%;

    padding: 17px 18px;

    border-radius: 15px;

    background:
        #fffaf0;

    border:
        1px solid
        rgba(204, 158, 50, 0.16);
}

.admin-dashboard-small-stat span,
.admin-dashboard-small-stat strong,
.admin-dashboard-small-stat small {
    display: block;
}

.admin-dashboard-small-stat span {
    color:
        #826b26;

    font-size: 0.61rem;

    font-weight: 750;
}

.admin-dashboard-small-stat strong {
    margin-top: 4px;

    color:
        #541018;

    font-size: 1.4rem;

    font-weight: 900;
}

.admin-dashboard-small-stat small {
    margin-top: 2px;

    color:
        #988b7e;

    font-size: 0.59rem;
}


/* =========================================================
   CARD LINK
   ========================================================= */

.admin-card-link {
    color:
        #7b5a03;

    text-decoration: none;

    font-size: 0.62rem;

    font-weight: 850;
}

.admin-card-link:hover {
    color:
        #541018;
}


/* =========================================================
   CONTACT LIST
   ========================================================= */

.admin-dashboard-contact-list {
    display: flex;
    flex-direction: column;
}

.admin-dashboard-contact-list > a {
    padding:
        12px 0;

    display: grid;

    grid-template-columns:
        42px 1fr auto;

    align-items: center;

    gap: 10px;

    border-bottom:
        1px solid
        #eee7dd;

    color:
        #514840;

    text-decoration: none;
}

.admin-dashboard-contact-list > a:last-child {
    border-bottom: 0;
}

.admin-dashboard-contact-list > a:hover
.admin-dashboard-contact-copy strong {
    color:
        #8b1f27;
}

.admin-dashboard-contact-avatar {
    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #541018;

    color:
        #ffd43d;

    font-size: 0.75rem;

    font-weight: 900;
}

.admin-dashboard-contact-copy strong,
.admin-dashboard-contact-copy span {
    display: block;
}

.admin-dashboard-contact-copy strong {
    color:
        #4f151b;

    font-size: 0.7rem;

    font-weight: 800;
}

.admin-dashboard-contact-copy span {
    margin-top: 2px;

    color:
        #7b7067;

    font-size: 0.61rem;
}

.admin-dashboard-contact-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    gap: 4px;
}

.admin-dashboard-contact-meta small {
    color:
        #9a8f85;

    font-size: 0.55rem;
}


/* =========================================================
   QUICK ACTIONS
   ========================================================= */

.admin-dashboard-quick-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 10px;
}

.admin-dashboard-quick-grid > a {
    min-height: 78px;

    padding: 12px;

    display: flex;
    align-items: center;

    gap: 10px;

    border-radius: 13px;

    background:
        #faf8f4;

    border:
        1px solid
        #eee6dc;

    color:
        #514840;

    text-decoration: none;
}

.admin-dashboard-quick-grid > a:hover {
    background:
        #fff3c0;

    border-color:
        #edd882;
}

.admin-dashboard-quick-grid > a > div {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        #541018;

    color:
        #ffd43d;
}

.admin-dashboard-quick-grid strong,
.admin-dashboard-quick-grid small {
    display: block;
}

.admin-dashboard-quick-grid strong {
    color:
        #541018;

    font-size: 0.68rem;

    font-weight: 800;
}

.admin-dashboard-quick-grid small {
    margin-top: 2px;

    color:
        #95897f;

    font-size: 0.56rem;
}


/* =========================================================
   EVENTS
   ========================================================= */

.admin-dashboard-event-list {
    display: flex;
    flex-direction: column;
}

.admin-dashboard-event-item {
    padding:
        11px 0;

    display: flex;
    align-items: center;

    gap: 11px;

    border-bottom:
        1px solid
        #eee7dd;
}

.admin-dashboard-event-item:last-child {
    border-bottom: 0;
}

.admin-dashboard-event-date {
    width: 43px;
    height: 48px;

    flex: 0 0 43px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        #fff1ae;

    color:
        #541018;
}

.admin-dashboard-event-date strong {
    font-size: 0.85rem;

    font-weight: 900;
}

.admin-dashboard-event-date span {
    font-size: 0.52rem;

    font-weight: 800;

    text-transform: uppercase;
}

.admin-dashboard-event-item > div:last-child strong,
.admin-dashboard-event-item > div:last-child small {
    display: block;
}

.admin-dashboard-event-item > div:last-child strong {
    color:
        #4f151b;

    font-size: 0.69rem;

    font-weight: 800;
}

.admin-dashboard-event-item > div:last-child small {
    margin-top: 2px;

    color:
        #90857b;

    font-size: 0.58rem;
}


/* =========================================================
   NEWS
   ========================================================= */

.admin-dashboard-news-list {
    display: flex;
    flex-direction: column;
}

.admin-dashboard-news-item {
    padding:
        11px 0;

    display: grid;

    grid-template-columns:
        39px 1fr auto;

    align-items: center;

    gap: 9px;

    border-bottom:
        1px solid
        #eee7dd;
}

.admin-dashboard-news-item:last-child {
    border-bottom: 0;
}

.admin-dashboard-news-item > div {
    width: 37px;
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        #fff2b7;

    color:
        #541018;
}

.admin-dashboard-news-item strong,
.admin-dashboard-news-item small {
    display: block;
}

.admin-dashboard-news-item strong {
    color:
        #4f151b;

    font-size: 0.68rem;

    font-weight: 800;
}

.admin-dashboard-news-item small {
    margin-top: 2px;

    color:
        #95897f;

    font-size: 0.56rem;
}

.admin-dashboard-news-item em {
    font-style: normal;
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

.admin-dashboard-audience {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 9px;
}

.admin-dashboard-audience > div {
    padding: 14px;

    border-radius: 12px;

    background:
        #faf8f4;

    text-align: center;
}

.admin-dashboard-audience span,
.admin-dashboard-audience strong {
    display: block;
}

.admin-dashboard-audience span {
    color:
        #8c8178;

    font-size: 0.58rem;

    font-weight: 750;
}

.admin-dashboard-audience strong {
    margin-top: 3px;

    color:
        #541018;

    font-size: 1.25rem;

    font-weight: 900;
}

.admin-dashboard-next-campaign {
    margin-top: 15px;

    padding: 15px;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            #fff1ad,
            #fff9df
        );

    border:
        1px solid
        rgba(198, 153, 37, 0.18);
}

.admin-dashboard-next-campaign span,
.admin-dashboard-next-campaign strong,
.admin-dashboard-next-campaign small {
    display: block;
}

.admin-dashboard-next-campaign span {
    color:
        #8b6803;

    font-size: 0.57rem;

    font-weight: 850;

    text-transform: uppercase;
}

.admin-dashboard-next-campaign strong {
    margin-top: 4px;

    color:
        #541018;

    font-size: 0.76rem;

    font-weight: 850;
}

.admin-dashboard-next-campaign small {
    margin-top: 3px;

    color:
        #766b60;

    font-size: 0.58rem;
}

.admin-dashboard-next-campaign a {
    margin-top: 9px;

    display: inline-flex;

    color:
        #64151c;

    text-decoration: none;

    font-size: 0.61rem;

    font-weight: 850;
}


/* =========================================================
   AUDIT
   ========================================================= */

.admin-dashboard-audit-list {
    display: flex;
    flex-direction: column;
}

.admin-dashboard-audit-list > a {
    padding:
        11px 0;

    display: grid;

    grid-template-columns:
        37px 1fr auto;

    align-items: center;

    gap: 9px;

    border-bottom:
        1px solid
        #eee7dd;

    color:
        #514840;

    text-decoration: none;
}

.admin-dashboard-audit-list > a:last-child {
    border-bottom: 0;
}

.admin-dashboard-audit-list > a > div {
    width: 35px;
    height: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        #541018;

    color:
        #ffd43d;

    font-size: 0.75rem;
}

.admin-dashboard-audit-list strong,
.admin-dashboard-audit-list small {
    display: block;
}

.admin-dashboard-audit-list strong {
    color:
        #4f151b;

    font-size: 0.68rem;

    font-weight: 800;
}

.admin-dashboard-audit-list small {
    margin-top: 2px;

    color:
        #8e8379;

    font-size: 0.57rem;
}

.admin-dashboard-audit-list time {
    color:
        #9b9086;

    font-size: 0.55rem;

    white-space: nowrap;
}


/* =========================================================
   EMPTY
   ========================================================= */

.admin-dashboard-empty {
    min-height: 180px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color:
        #aaa097;

    text-align: center;
}

.admin-dashboard-empty i {
    font-size: 1.8rem;
}

.admin-dashboard-empty p {
    margin:
        7px 0 0;

    font-size: 0.66rem;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991.98px) {

    .admin-dashboard-hero {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


@media (max-width: 767.98px) {

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

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

}


@media (max-width: 575.98px) {

    .admin-dashboard-hero {
        padding: 22px;
    }

    .admin-dashboard-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .admin-dashboard-primary-btn,
    .admin-dashboard-secondary-btn {
        width: 100%;
    }

    .admin-dashboard-alert {
        align-items:
            flex-start;

        flex-wrap: wrap;
    }

    .admin-dashboard-alert > a {
        margin-left: 51px;
    }

    .admin-dashboard-contact-list > a {
        grid-template-columns:
            38px 1fr;
    }

    .admin-dashboard-contact-meta {
        grid-column:
            2;

        align-items:
            flex-start;
    }

    .admin-dashboard-news-item,
    .admin-dashboard-audit-list > a {
        grid-template-columns:
            37px 1fr;
    }

    .admin-dashboard-news-item > em,
    .admin-dashboard-audit-list time {
        grid-column:
            2;
    }

}

/* =========================================================
   SYSTEM HEALTH
   ========================================================= */

.admin-health-card {
    height: 100%;

    padding: 21px;

    border-radius: 18px;

    background: #fff;

    border:
        1px solid
        rgba(107, 69, 28, 0.09);

    box-shadow:
        0 11px 30px
        rgba(71, 20, 18, 0.045);
}

.admin-health-icon {
    width: 45px;
    height: 45px;

    margin-bottom: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    font-size: 1rem;
}

.admin-health-icon.is-success {
    background: #e8f8ee;
    color: #317247;
}

.admin-health-icon.is-warning {
    background: #fff3c1;
    color: #8a6600;
}

.admin-health-icon.is-danger {
    background: #fdeaea;
    color: #a63a3a;
}

.admin-health-card > span,
.admin-health-card > strong,
.admin-health-card > small {
    display: block;
}

.admin-health-card > span {
    color: #81766c;

    font-size: 0.63rem;

    font-weight: 750;
}

.admin-health-card > strong {
    margin-top: 3px;

    color: #541018;

    font-size: 1rem;

    font-weight: 900;
}

.admin-health-card > small {
    margin-top: 4px;

    color: #948980;

    font-size: 0.58rem;

    word-break: break-word;
}


.admin-health-list {
    display: flex;
    flex-direction: column;
}

.admin-health-list > div {
    min-height: 47px;

    padding: 10px 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid
        #eee7dd;
}

.admin-health-list > div:last-child {
    border-bottom: 0;
}

.admin-health-list span,
.admin-health-list strong {
    display: block;
}

.admin-health-list span {
    color: #72685f;

    font-size: 0.68rem;
}

.admin-health-list span small {
    margin-top: 2px;

    display: block;

    color: #9b9086;

    font-size: 0.55rem;
}

.admin-health-list strong {
    color: #514840;

    font-size: 0.67rem;

    font-weight: 800;

    text-align: right;
}


.admin-health-pill {
    display: inline-flex;
    align-items: center;

    padding: 5px 8px;

    border-radius: 20px;

    font-size: 0.59rem;

    font-weight: 800;
}

.admin-health-pill.is-success {
    background: #e8f8ee;
    color: #317247;
}

.admin-health-pill.is-danger {
    background: #fdeaea;
    color: #a63a3a;
}

/* =========================================================
   AI SEO MANAGER
   ========================================================= */

.ai-score {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.ai-score strong {
    color: #541018;
    font-size: 1.05rem;
    font-weight: 900;
}

.ai-score span {
    color: #978b81;
    font-size: 0.58rem;
}

.ai-priority {
    padding: 5px 8px;
    display: inline-flex;
    border-radius: 20px;
    font-size: 0.59rem;
    font-weight: 800;
}

.ai-priority-low {
    background: #f1f1f1;
    color: #777;
}

.ai-priority-normal {
    background: #edf2ff;
    color: #49629d;
}

.ai-priority-high {
    background: #fff2b6;
    color: #775800;
}

.ai-priority-critical {
    background: #fde9e9;
    color: #a53b3b;
}

.ai-editor-score {
    min-width: 130px;
    padding: 12px 17px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #541018,
            #7c1a24
        );

    text-align: center;
}

.ai-editor-score span,
.ai-editor-score strong {
    display: block;
}

.ai-editor-score span {
    color: #ffd43d;
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ai-editor-score strong {
    margin-top: 3px;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 900;
}

.ai-faq-editor {
    margin-bottom: 14px;
    padding: 12px;

    border-radius: 12px;

    background: #faf8f4;

    border:
        1px solid
        #eee5da;
}

.ai-faq-editor textarea {
    margin-top: 8px;
}

/* =========================================================
   AI AUTO ANALYZER
   ========================================================= */

.ai-analyzer-score {
    display: flex;
    align-items: baseline;
    justify-content: center;

    gap: 3px;

    margin-top: 10px;
}

.ai-analyzer-score > div {
    color: #541018;

    font-size: 2.4rem;

    line-height: 1;

    font-weight: 950;
}

.ai-analyzer-score > span {
    color: #978b81;

    font-size: 0.7rem;

    font-weight: 700;
}

.ai-analyzer-grade {
    display: block;

    margin-top: 5px;

    color: #7d6009;

    text-align: center;

    font-size: 0.68rem;

    font-weight: 850;
}


.ai-analyzer-metrics {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap: 7px;
}

.ai-analyzer-metrics > div {
    padding: 9px 10px;

    border-radius: 9px;

    background: #faf8f4;

    border:
        1px solid
        #eee6dc;
}

.ai-analyzer-metrics span,
.ai-analyzer-metrics strong {
    display: block;
}

.ai-analyzer-metrics span {
    color: #95897f;

    font-size: 0.55rem;
}

.ai-analyzer-metrics strong {
    margin-top: 2px;

    color: #541018;

    font-size: 0.78rem;

    font-weight: 850;
}


.ai-analyzer-recommendations {
    display: flex;

    flex-direction: column;

    gap: 7px;
}

.ai-recommendation {
    padding: 10px 11px;

    border-radius: 9px;

    border:
        1px solid
        #ece4da;

    background: #faf8f4;
}

.ai-recommendation strong,
.ai-recommendation p {
    display: block;
}

.ai-recommendation strong {
    font-size: 0.62rem;

    font-weight: 850;
}

.ai-recommendation p {
    margin:
        3px 0 0;

    color: #756b62;

    font-size: 0.58rem;

    line-height: 1.55;
}

.ai-recommendation.priority-critical {
    background: #fdeaea;

    border-color: #efcccc;
}

.ai-recommendation.priority-critical strong {
    color: #a03535;
}

.ai-recommendation.priority-high {
    background: #fff0d6;

    border-color: #efd8ad;
}

.ai-recommendation.priority-high strong {
    color: #8a5f00;
}

.ai-recommendation.priority-medium {
    background: #eef3ff;

    border-color: #d9e3fa;
}

.ai-recommendation.priority-medium strong {
    color: #4e639a;
}

.ai-recommendation.priority-low {
    background: #f5f5f5;
}

.ai-recommendation.priority-low strong {
    color: #686868;
}

.ai-recommendation.is-success {
    background: #e8f8ee;

    border-color: #ccebd7;

    color: #317247;

    font-size: 0.62rem;

    font-weight: 800;
}

/* =========================================================
   AI ENTITY INTERNAL LINKS
   ========================================================= */

.ai-entity-link-results {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.ai-entity-link-suggestion {
    padding: 11px 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    border-radius: 10px;

    background: #faf8f4;

    border:
        1px solid
        #eee5da;
}

.ai-entity-link-suggestion strong,
.ai-entity-link-suggestion small {
    display: block;
}

.ai-entity-link-suggestion strong {
    color: #541018;

    font-size: 0.68rem;

    font-weight: 850;
}

.ai-entity-link-suggestion small {
    margin-top: 2px;

    color: #8d8178;

    font-size: 0.57rem;
}

.ai-entity-link-suggestion > a {
    white-space: nowrap;

    color: #755800;

    text-decoration: none;

    font-size: 0.59rem;

    font-weight: 850;
}

.ai-entity-link-empty {
    padding: 11px;

    border-radius: 9px;

    background: #e8f8ee;

    color: #317247;

    font-size: 0.62rem;

    font-weight: 750;
}

.ai-mention-linked,
.ai-mention-unlinked {
    min-width: 28px;

    padding: 4px 7px;

    display: inline-flex;
    justify-content: center;

    border-radius: 20px;

    font-size: 0.58rem;

    font-weight: 850;
}

.ai-mention-linked {
    background: #e8f8ee;

    color: #317247;
}

.ai-mention-unlinked {
    background: #fff1bb;

    color: #795b00;
}

/* =========================================================
   AI CITATION SOURCES
   ========================================================= */

.ai-source-authority,
.ai-source-verification {
    padding: 5px 8px;

    display: inline-flex;

    border-radius: 20px;

    font-size: 0.58rem;

    font-weight: 800;
}

.ai-source-authority.authority-primary {
    background: #e8f8ee;
    color: #28673d;
}

.ai-source-authority.authority-high {
    background: #eaf0ff;
    color: #46609b;
}

.ai-source-authority.authority-medium {
    background: #fff2bb;
    color: #795b00;
}

.ai-source-authority.authority-low {
    background: #f1f1f1;
    color: #777;
}


.ai-source-verification.verification-verified {
    background: #e8f8ee;
    color: #317247;
}

.ai-source-verification.verification-needs_review {
    background: #fff2bb;
    color: #795b00;
}

.ai-source-verification.verification-unverified {
    background: #f0f0f0;
    color: #777;
}

.ai-source-verification.verification-broken {
    background: #fde9e9;
    color: #a53b3b;
}


.ai-source-flags {
    display: flex;
    flex-wrap: wrap;

    gap: 4px;
}

.ai-source-flags span {
    padding: 4px 7px;

    border-radius: 20px;

    background: #f7f1e7;

    color: #735d35;

    font-size: 0.54rem;

    font-weight: 800;
}


.ai-source-picker {
    max-height: 420px;

    overflow-y: auto;

    display: flex;
    flex-direction: column;

    gap: 7px;
}

.ai-source-picker-item {
    padding: 10px 11px;

    display: flex;
    align-items: flex-start;

    gap: 8px;

    border-radius: 10px;

    background: #faf8f4;

    border:
        1px solid
        #eee5da;

    cursor: pointer;
}

.ai-source-picker-item strong,
.ai-source-picker-item small {
    display: block;
}

.ai-source-picker-item strong {
    color: #541018;

    font-size: 0.64rem;

    font-weight: 800;
}

.ai-source-picker-item small {
    margin-top: 2px;

    color: #8e8379;

    font-size: 0.56rem;
}


/* Public article citations */

.article-sources {
    margin-top: 40px;

    padding: 25px;

    border-radius: 16px;

    background: #fffaf0;

    border:
        1px solid
        #eee1cc;
}

.article-sources h2 {
    margin-bottom: 15px;

    color: #541018;

    font-size: 1.25rem;

    font-weight: 850;
}

.article-sources ol {
    margin: 0;

    padding-left: 22px;
}

.article-sources li {
    margin-bottom: 11px;

    color: #675e56;

    font-size: 0.8rem;

    line-height: 1.6;
}

.article-sources li:last-child {
    margin-bottom: 0;
}

.article-sources a {
    color: #64151c;

    font-weight: 650;
}

.article-source-authority {
    margin-left: 6px;

    padding: 2px 6px;

    display: inline-flex;

    border-radius: 12px;

    background: #eee5cf;

    color: #746242;

    font-size: 0.52rem;

    font-weight: 800;
}
/* =========================================================
   AI SEARCH ANALYTICS
   ========================================================= */

.ai-analytics-trend {
    height: 240px;

    display: flex;
    align-items: flex-end;

    gap: 8px;

    overflow-x: auto;

    padding-top: 20px;
}

.ai-analytics-day {
    min-width: 28px;

    height: 100%;

    display: flex;
    flex-direction: column;

    justify-content: flex-end;

    align-items: center;

    gap: 6px;
}

.ai-analytics-bar-wrap {
    width: 14px;

    height: 190px;

    display: flex;

    align-items: flex-end;

    border-radius: 20px;

    background: #f4efe8;

    overflow: hidden;
}

.ai-analytics-bar {
    width: 100%;

    min-height: 5px;

    border-radius: 20px;

    background:
        linear-gradient(
            180deg,
            #7b1c25,
            #541018
        );
}

.ai-analytics-day small {
    color: #958a80;

    font-size: 0.49rem;

    white-space: nowrap;

    transform: rotate(-45deg);

    transform-origin: center;
}


.admin-sidebar-menu-group {
    margin-bottom: 4px;
}

.admin-sidebar-parent {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: 10px;
    text-align: left;
    transition: all .2s ease;
}

.admin-sidebar-parent:hover,
.admin-sidebar-parent.active {
    background: rgba(255,255,255,.08);
}

.admin-sidebar-parent .admin-sidebar-chevron {
    font-size: 12px;
    transition: transform .2s ease;
}

.admin-sidebar-parent[aria-expanded="true"] .admin-sidebar-chevron {
    transform: rotate(180deg);
}

.admin-sidebar-submenu {
    padding-left: 14px;
    margin-top: 4px;
}

.admin-sidebar-submenu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    margin: 2px 0;
    border-radius: 8px;
    font-size: 14px;
}

.admin-sidebar-submenu a i {
    font-size: 14px;
}

.admin-sidebar-submenu a.active {
    background: rgba(255,255,255,.12);
    font-weight: 600;
}