.notice-config-panel {
    display: grid;
    gap: 12px;
    padding: 18px;
}


.notice-config-panel-active {
    border-color: rgba(220, 38, 38, 0.18);
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.05), rgba(255, 255, 255, 0.94));
}


.notice-config-panel-resolved {
    border-color: rgba(22, 163, 74, 0.18);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.06), rgba(255, 255, 255, 0.94));
}


.notice-admin-stack {
    display: grid;
    gap: 16px;
    margin-top: 18px;
}


.notice-entry-panel {
    display: grid;
    gap: 14px;
    padding: 18px;
}


.notice-entry-form {
    margin-top: 0;
}


.notice-entry-summary {
    max-width: 340px;
    line-height: 1.5;
    color: #344b6f;
    overflow-wrap: anywhere;
}


.notice-entry-actions {
    display: grid;
    gap: 10px;
}


.hero {
    text-align: center;
    margin-bottom: 26px;
}


.hero h1 {
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.06;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}


.hero p {
    max-width: 700px;
    margin: 0 auto;
    color: var(--text-secondary);
    font-size: clamp(1rem, 2.3vw, 1.08rem);
    line-height: 1.6;
}


.controls {
    display: flex;
    justify-content: center;
    margin: 10px 0 24px;
}


.admin-ticket-detail-list {
    max-width: 860px;
}


.ticket-admin-status-form {
    margin-top: 14px;
}


.ticket-admin-update-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px;
    align-items: end;
}


.ticket-admin-update-grid .form-input {
    margin-bottom: 0;
}


.ticket-message-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: auto;
}


.ticket-message-meta a {
    color: #1a56bc;
    text-decoration: none;
}


.ticket-message-meta a:hover {
    text-decoration: underline;
}


.ticket-message-meta time {
    margin-left: 0;
}


.ticket-message-actions {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}


.ticket-message-actions form {
    margin: 0;
}


.ticket-reply-inline-form {
    margin-top: 8px;
}


.admin-dashboard-eyebrow {
    color: #fecaca;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}


.admin-dashboard-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}


.admin-dashboard-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 10px;
    max-width: 820px;
}


.admin-dashboard-actions form { grid-column: 1 / -1; }


.admin-dashboard-kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 24px;
}


.admin-kpi-card {
    text-decoration: none;
    border-radius: 14px;
    padding: 14px 16px;
    display: grid;
    gap: 6px;
    flex: 0 0 auto;
    min-width: 180px;
    color: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 11px 24px rgba(14, 31, 58, 0.22);
}


.admin-kpi-card.customers {
    background: linear-gradient(160deg, #1f5bbf, #154aa3);
}


.admin-kpi-card.tickets {
    background: linear-gradient(160deg, #dc2626, #991b1b);
}


.admin-kpi-card.invoices {
    background: linear-gradient(160deg, #ef4444, #b91c1c);
}


.admin-kpi-card.packages {
    background: linear-gradient(160deg, #364967, #2a3a54);
}


.admin-kpi-card.logs {
    background: linear-gradient(160deg, #545f71, #434e5f);
}


.admin-kpi-card.testimonials-pending {
    background: linear-gradient(160deg, #c62828, #8e1212);
}


.admin-kpi-label {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.92;
}


.admin-kpi-value {
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}


.admin-dashboard-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 24px 24px;
}


.admin-dashboard-panel {
    border: 1px solid #f0caca;
    border-radius: 14px;
    background: #ffffff;
    padding: 18px;
    box-shadow: 0 10px 26px rgba(127, 16, 16, .07);
    min-width: 0;
}


.admin-dashboard-panel.span-2 {
    grid-column: 1 / -1;
}


.admin-dashboard-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}


.admin-dashboard-panel-head h2 {
    margin: 0;
    font-size: 1.04rem;
    color: #8f1717;
}


.admin-dashboard-table-wrap {
    margin-top: 0;
    background: #ffffff;
}


.admin-dashboard-table {
    min-width: 0;
    width: 100%;
    table-layout: auto;
}


.admin-dashboard-table th,
.admin-dashboard-table td {
    white-space: nowrap;
    vertical-align: top;
}


.admin-dashboard-table .admin-url-cell {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Full admin dashboard workspace */

.admin-body { background: #f7f8fb; }

.admin-body .site-main {
    min-height: 100vh;
    padding: 16px 0;
}

.admin-body .site-main::before { display: none; }


.admin-dashboard-page {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    width: min(1480px, calc(100% - 32px));
    min-height: 760px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e3baba;
    border-radius: 22px;
    background: #f7f8fb;
    box-shadow: 0 28px 70px rgba(72, 8, 8, .18);
}


.admin-dashboard-sidebar {
    padding: 25px 16px;
    color: #fff;
    background: linear-gradient(180deg, #761010 0%, #9f1717 48%, #5f0b0b 100%);
}


.admin-dashboard-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 8px 23px;
    border-bottom: 1px solid rgba(255,255,255,.14);
}


.admin-dashboard-brand-mark {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: #991b1b;
    background: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(45, 3, 3, .24);
}


.admin-dashboard-brand strong,
.admin-dashboard-brand small { display: block; }

.admin-dashboard-brand strong { font-size: 17px; }

.admin-dashboard-brand small { margin-top: 1px; color: #fecaca; font-size: 11px; }


.admin-dashboard-nav { padding-top: 17px; }

.admin-dashboard-nav-group + .admin-dashboard-nav-group { margin-top: 18px; }


.admin-dashboard-nav-label {
    display: block;
    padding: 0 11px 7px;
    color: #fca5a5;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}


.admin-dashboard-nav-link {
    display: grid;
    grid-template-columns: 27px 1fr auto;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    margin: 2px 0;
    padding: 6px 10px;
    border-radius: 10px;
    color: #fee2e2;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}


.admin-dashboard-nav-link:hover,
.admin-dashboard-nav-link.active {
    color: #8f1111;
    background: #fff;
    transform: translateX(2px);
}


.admin-dashboard-nav-icon {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 7px;
    color: inherit;
    background: rgba(255,255,255,.12);
    font-size: 10px;
    font-weight: 900;
}


.admin-dashboard-nav-link.active .admin-dashboard-nav-icon,
.admin-dashboard-nav-link:hover .admin-dashboard-nav-icon { background: #fee2e2; }


.admin-dashboard-nav-link b {
    min-width: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    color: #991b1b;
    background: #fff;
    font-size: 10px;
    text-align: center;
}


.admin-dashboard-nav-link:hover b { color: #fff; background: #b91c1c; }


.admin-dashboard-main {
    min-width: 0;
    padding: 28px;
    background:
        radial-gradient(circle at 100% 0, rgba(239,68,68,.07), transparent 28%),
        #f7f8fb;
}


.admin-dashboard-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 23px;
}


.admin-dashboard-topbar h1 {
    margin: 2px 0 3px;
    color: #221f27;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    letter-spacing: -.035em;
}


.admin-dashboard-topbar p { margin: 0; color: #70717a; font-size: 13px; }

.admin-dashboard-topbar .admin-dashboard-eyebrow { color: #b91c1c; }

.admin-dashboard-main > .flash,
.admin-dashboard-main > .flash-stack { margin-bottom: 16px; }


.admin-dashboard-main .admin-dashboard-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    padding: 0;
    margin-bottom: 16px;
}


.admin-dashboard-main .admin-kpi-card {
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 17px;
    border: 1px solid #ece7e7;
    border-radius: 15px;
    color: #252229;
    background: #fff;
    box-shadow: 0 8px 22px rgba(45,31,31,.06);
}


.admin-dashboard-main .admin-kpi-card.online,
.admin-dashboard-main .admin-kpi-card.tickets,
.admin-dashboard-main .admin-kpi-card.invoices,
.admin-dashboard-main .admin-kpi-card.testimonials-pending { background: #fff; }


.admin-kpi-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: #b91c1c;
    background: #fee2e2;
    font-size: 14px;
    font-weight: 900;
}


.admin-kpi-card.online .admin-kpi-icon { color: #15803d; background: #dcfce7; }

.admin-kpi-card.invoices .admin-kpi-icon { color: #a16207; background: #fef3c7; }

.admin-kpi-card.testimonials-pending .admin-kpi-icon { color: #7e22ce; background: #f3e8ff; }

.admin-kpi-copy { display: grid; gap: 4px; }

.admin-dashboard-main .admin-kpi-label { color: #77727b; font-size: 10px; opacity: 1; }

.admin-dashboard-main .admin-kpi-value { color: #27232a; font-size: 1.55rem; }

.admin-kpi-arrow { color: #c7c1c3; font-size: 18px; }


.admin-dashboard-main .admin-dashboard-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 0;
}


.admin-dashboard-main .admin-dashboard-panel {
    padding: 19px;
    border: 1px solid #ece7e7;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(45,31,31,.05);
}


.admin-dashboard-main .admin-dashboard-panel-head {
    margin: -1px 0 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0ebeb;
}


.admin-dashboard-main .admin-dashboard-panel-head h2 { color: #28242b; font-size: 15px; }

.admin-dashboard-main .ghost-btn { color: #a71919; border-color: #f1c7c7; background: #fff7f7; }

.admin-dashboard-main .admin-dashboard-table-wrap { border: 0; box-shadow: none; }

.admin-dashboard-main .admin-dashboard-table { font-size: 12px; }

.admin-dashboard-main .admin-dashboard-table thead { background: #fff5f5; }

.admin-dashboard-main .admin-dashboard-table th { color: #8d2424; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }

.admin-dashboard-main .admin-dashboard-table th,
.admin-dashboard-main .admin-dashboard-table td { padding: 10px 9px; border-color: #f1ecec; }

.admin-dashboard-main .admin-dashboard-table a { color: #a71919; font-weight: 800; }

@media (max-width: 1120px) {
    
.admin-dashboard-page { grid-template-columns: 205px minmax(0, 1fr); }
    
.admin-dashboard-main { padding: 22px; }
    
.admin-dashboard-main .admin-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }}

@media (max-width: 820px) {
    
.admin-dashboard-page { display: block; width: min(100% - 20px, 720px); margin-top: 0; }
    
.admin-dashboard-sidebar { padding: 15px; }
    
.admin-dashboard-brand { padding-bottom: 14px; }
    
.admin-dashboard-nav { display: flex; gap: 7px; padding-top: 13px; overflow-x: auto; }
    
.admin-dashboard-nav-group { display: contents; }
    
.admin-dashboard-nav-group + .admin-dashboard-nav-group { margin: 0; }
    
.admin-dashboard-nav-label { display: none; }
    
.admin-dashboard-nav-link { display: flex; flex: 0 0 auto; min-height: 36px; margin: 0; padding: 5px 10px; background: rgba(255,255,255,.08); }
    
.admin-dashboard-nav-link b { display: none; }
    
.admin-dashboard-main { padding: 20px; }
    
.admin-dashboard-main .admin-dashboard-panels { grid-template-columns: 1fr; }
    
.admin-dashboard-main .admin-dashboard-panel.span-2 { grid-column: auto; }}

@media (max-width: 560px) {
    
.admin-dashboard-main { padding: 16px 12px; }
    
.admin-dashboard-topbar { align-items: flex-start; flex-direction: column; }
    
.admin-dashboard-topbar form { width: 100%; }
    
.admin-dashboard-main .admin-dashboard-kpis { grid-template-columns: 1fr; }
    
.admin-dashboard-main .admin-dashboard-panel { padding: 14px; }}

/* Shared styling for every admin page */

.admin-shared-layout { min-height: 820px; }

.admin-page-content { padding: 25px; }


.admin-page-content > .page-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}


.admin-page-content > .page-shell::before,
.admin-page-content > .page-shell::after { display: none; }


.admin-page-content .content-card {
    margin-bottom: 16px;
    padding: 22px;
    border: 1px solid #ece5e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(56, 30, 30, .055);
}


.admin-page-content .content-card:first-child { position: relative; }

.admin-page-content .content-card:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    width: 52px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: #c51f1f;
}


.admin-page-content h1 {
    margin: 0 0 5px;
    color: #27232a;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(1.55rem, 3vw, 2rem);
    letter-spacing: -.025em;
}


.admin-page-content .section-subtitle,
.admin-page-content .content-card p { color: #716d75; }


.admin-page-content .admin-dashboard-head {
    align-items: center;
    margin-bottom: 2px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
}


.admin-page-content .admin-dashboard-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: auto;
    max-width: 600px;
}


.admin-page-content .primary-btn,
.admin-page-content button.primary-btn,
.admin-page-content input.primary-btn {
    border-color: #b91c1c;
    color: #fff;
    background: linear-gradient(135deg, #d82a2a, #991b1b);
    box-shadow: 0 7px 15px rgba(185, 28, 28, .17);
}


.admin-page-content .primary-btn:hover { background: linear-gradient(135deg, #bd1f1f, #7f1010); }


.admin-page-content .secondary-btn,
.admin-page-content .ghost-btn {
    border-color: #ebcaca;
    color: #9f1717;
    background: #fff8f8;
    box-shadow: none;
}


.admin-page-content .secondary-btn:hover,
.admin-page-content .ghost-btn:hover { border-color: #d98e8e; color: #7f1010; background: #feecec; }

.admin-page-content .danger-btn { color: #fff; background: #761010; border-color: #761010; }

.admin-page-content a { text-decoration-color: #e4a0a0; }


.admin-page-content .admin-kpi-card,
.admin-page-content .admin-package-summary-card,
.admin-page-content .admin-kb-summary-card {
    border-color: #ecdede;
    background: linear-gradient(145deg, #fff, #fffafa);
    box-shadow: 0 7px 18px rgba(84, 28, 28, .06);
}


.admin-page-content .admin-kpi-card,
.admin-page-content .admin-kpi-card.customers,
.admin-page-content .admin-kpi-card.tickets,
.admin-page-content .admin-kpi-card.invoices,
.admin-page-content .admin-kpi-card.packages,
.admin-page-content .admin-kpi-card.logs {
    color: #2b252b;
    background: #fff;
    border-left: 4px solid #bd2020;
}


.admin-page-content .admin-kpi-label,
.admin-page-content .admin-package-summary-label,
.admin-page-content .admin-kb-summary-label { color: #9c2929; opacity: 1; }

.admin-page-content .admin-kpi-value { color: #282329; }


.admin-page-content .admin-table-wrap {
    overflow: hidden;
    border: 1px solid #ebe3e3;
    border-radius: 13px;
    background: #fff;
    box-shadow: none;
}


.admin-page-content .admin-table { font-size: 12px; }

.admin-page-content .admin-table thead { background: #fff3f3; }

.admin-page-content .admin-table th {
    color: #8f2020;
    font-size: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.admin-page-content .admin-table th,
.admin-page-content .admin-table td { padding: 11px 10px; border-color: #f0e8e8; }

.admin-page-content .admin-table tbody tr:hover { background: #fffafa; }

.admin-page-content .admin-table a { color: #a71919; font-weight: 800; }


.admin-page-content .admin-search-form,
.admin-page-content .admin-inline-form,
.admin-page-content .admin-package-section,
.admin-page-content .admin-kb-form-panel,
.admin-page-content .admin-email-slider-card,
.admin-page-content .admin-email-sidecard {
    border-color: #eadede;
    background: #fffafa;
}


.admin-page-content .form-label { color: #4d3c3f; }

.admin-page-content .form-input,
.admin-page-content .form-textarea {
    border-color: #dfd4d4;
    color: #30292b;
    background: #fff;
}


.admin-page-content .form-input:focus,
.admin-page-content .form-textarea:focus {
    outline: none;
    border-color: #d04747;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .11);
}


.admin-page-content .detail-row,
.admin-page-content .detail-list,
.admin-page-content .admin-package-meta div { border-color: #eee5e5; }

.admin-page-content code { color: #921c1c; background: #fff0f0; }

.admin-page-content .flash { border-radius: 11px; }


.admin-fdl-summary {
    display: inline-grid;
    gap: 3px;
    min-width: 145px;
    margin: 20px 0 14px;
    padding: 13px 16px;
    border: 1px solid #efd4d4;
    border-left: 4px solid #b91c1c;
    border-radius: 11px;
    background: #fff8f8;
}

.admin-fdl-summary span { color: #8e7777; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.admin-fdl-summary strong { color: #7f1010; font-size: 1.4rem; }

.admin-fdl-result { display: inline-block; padding: 4px 8px; border-radius: 999px; font-size: 10px; font-weight: 900; text-transform: uppercase; }

.admin-fdl-result.success { color: #166534; background: #dcfce7; }

.admin-fdl-result.error { color: #991b1b; background: #fee2e2; }

.admin-fdl-file { min-width: 180px; max-width: 360px; overflow-wrap: anywhere; }

.admin-fdl-agent { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.admin-dashboard-main .admin-stats-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin: 22px 0 4px;
    padding: 0;
}


.admin-dashboard-main .admin-stats-kpis .admin-kpi-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 112px;
    padding: 18px 19px;
    overflow: hidden;
    border: 1px solid #eadede;
    border-left: 0;
    border-radius: 14px;
    color: #29242a;
    background: #fff;
    box-shadow: 0 8px 20px rgba(70, 25, 25, .06);
}


.admin-dashboard-main .admin-stats-kpis .admin-kpi-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: #b91c1c;
}


.admin-dashboard-main .admin-stats-kpis .admin-kpi-card.customers::before { background: #b91c1c; }

.admin-dashboard-main .admin-stats-kpis .admin-kpi-card.packages::before { background: #15803d; }

.admin-dashboard-main .admin-stats-kpis .admin-kpi-card.tickets::before { background: #d97706; }

.admin-dashboard-main .admin-stats-kpis .admin-kpi-card.invoices::before { background: #7e22ce; }


.admin-dashboard-main .admin-stats-kpis .admin-kpi-label {
    color: #777078;
    font-size: 10px;
    line-height: 1.3;
    opacity: 1;
}


.admin-dashboard-main .admin-stats-kpis .admin-kpi-value {
    color: #272228;
    font-size: 1.8rem;
    line-height: 1;
}

@media (max-width: 1120px) {
    
.admin-dashboard-main .admin-stats-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }}

@media (max-width: 480px) {
    
.admin-dashboard-main .admin-stats-kpis { grid-template-columns: 1fr; }}

/* Dashboard-style package catalog */

.admin-page-content .admin-packages-page {
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}


.admin-page-content .admin-packages-page::before { display: none; }


.admin-packages-header {
    margin: 0 0 16px;
    padding: 22px;
    border: 1px solid #ece5e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(56, 30, 30, .055);
}


.admin-packages-header .admin-dashboard-eyebrow { color: #b91c1c; }

.admin-packages-header .profile-actions { align-self: center; }


.admin-page-content .admin-package-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin: 0 0 16px;
}


.admin-page-content .admin-package-summary-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
        "icon label"
        "icon value"
        "text text";
    align-items: center;
    gap: 3px 13px;
    min-width: 0;
    padding: 17px;
    border: 1px solid #ece4e4;
    border-radius: 15px;
    color: #292429;
    background: #fff;
    box-shadow: 0 8px 22px rgba(56, 30, 30, .05);
}


.admin-page-content .admin-package-summary-card.catalog,
.admin-page-content .admin-package-summary-card.capacity,
.admin-page-content .admin-package-summary-card.pricing { background: #fff; }


.admin-package-summary-icon {
    grid-area: icon;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    color: #991b1b;
    background: #fee2e2;
    font-size: 14px;
    font-weight: 900;
}


.capacity .admin-package-summary-icon { color: #166534; background: #dcfce7; }

.pricing .admin-package-summary-icon { color: #a16207; background: #fef3c7; }

.admin-page-content .admin-package-summary-label { grid-area: label; color: #82787b; font-size: 10px; opacity: 1; }

.admin-page-content .admin-package-summary-card strong { grid-area: value; color: #292329; font-size: 1.55rem; }

.admin-page-content .admin-package-summary-card p { grid-area: text; margin-top: 8px; font-size: 12px; }


.admin-page-content .admin-package-editor-list { gap: 16px; margin-top: 0; }


.admin-page-content .admin-package-editor {
    padding: 0;
    overflow: hidden;
    border: 1px solid #e8dede;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(65, 25, 25, .065);
}


.admin-page-content .admin-package-layout {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 0;
}


.admin-page-content .admin-package-sidebar {
    align-self: stretch;
    align-content: start;
    gap: 13px;
    padding: 22px;
    border: 0;
    border-radius: 0;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(255,255,255,.12), transparent 33%),
        linear-gradient(155deg, #8f1515, #5e0b0b);
}


.admin-package-kicker { display: flex; align-items: center; gap: 7px; color: #fecaca; opacity: 1; }

.admin-package-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #fca5a5; box-shadow: 0 0 0 4px rgba(252,165,165,.14); }

.admin-page-content .admin-package-sidebar h2 { color: #fff; font-size: 1.3rem; }

.admin-page-content .admin-package-sidebar p { color: #fbdcdc; font-size: 13px; line-height: 1.55; }

.admin-page-content .admin-package-meta { margin-top: 5px; }

.admin-page-content .admin-package-meta div { border-color: rgba(255,255,255,.15); }

.admin-page-content .admin-package-meta dt { color: #fecaca; }

.admin-page-content .admin-package-meta dd { color: #fff; }


.admin-page-content .admin-package-main { gap: 0; padding: 21px; }

.admin-page-content .admin-package-section {
    padding: 0 0 20px;
    border: 0;
    border-bottom: 1px solid #eee6e6;
    border-radius: 0;
    background: transparent;
}

.admin-page-content .admin-package-section + .admin-package-section { padding-top: 20px; }

.admin-page-content .admin-package-section-head h3 { color: #322a2c; font-size: 14px; }

.admin-page-content .admin-package-section-head p { color: #81777a; font-size: 12px; }

.admin-page-content .admin-package-description { min-height: 130px; }


.admin-page-content .admin-package-pricing-grid { grid-template-columns: repeat(4, minmax(125px, 1fr)); gap: 10px; }

.admin-page-content .admin-package-price-card {
    padding: 12px;
    border-color: #ece2e2;
    border-radius: 12px;
    background: #fffafa;
}

.admin-page-content .admin-package-price-card p { color: #87797c; font-size: 11px; }

.admin-page-content .admin-package-price-input { gap: 7px; }

.admin-page-content .admin-package-price-input span { min-width: 34px; height: 40px; color: #991b1b; background: #fee2e2; }

.admin-page-content .admin-package-actions { justify-content: flex-end; padding-top: 18px; }

@media (max-width: 1180px) {
    
.admin-page-content .admin-package-pricing-grid { grid-template-columns: repeat(2, minmax(150px, 1fr)); }}

@media (max-width: 760px) {
    
.admin-page-content .admin-package-summary-grid { grid-template-columns: 1fr; }
    
.admin-page-content .admin-package-layout { grid-template-columns: 1fr; }
    
.admin-page-content .admin-package-sidebar { min-height: 0; }}

@media (max-width: 520px) {
    
.admin-packages-header { padding: 18px 15px; }
    
.admin-page-content .admin-package-main { padding: 16px 13px; }
    
.admin-page-content .admin-package-detail-grid,
.admin-page-content .admin-package-pricing-grid { grid-template-columns: 1fr; }}

@media (max-width: 820px) {
    
.admin-page-content { padding: 18px; }
    
.admin-page-content .admin-dashboard-head { align-items: flex-start; }
    
.admin-page-content .admin-dashboard-actions { justify-content: flex-start; width: 100%; }}

@media (max-width: 560px) {
    
.admin-page-content { padding: 12px; }
    
.admin-page-content .content-card { padding: 17px 14px; }
    
.admin-page-content .content-card:first-child::before { left: 14px; }
    
.admin-page-content .admin-dashboard-actions > * { flex: 1 1 auto; }
    
.admin-page-content .admin-dashboard-actions a,
.admin-page-content .admin-dashboard-actions button { justify-content: center; width: 100%; }}


.admin-packages-page {
    max-width: 1200px;
}


.admin-package-summary-grid {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px;
}


.admin-package-summary-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 6px;
    border-radius: 18px;
    padding: 18px;
    color: #ffffff;
    box-shadow: 0 16px 28px rgba(19, 41, 76, 0.18);
}


.admin-package-summary-card.catalog {
    background: linear-gradient(135deg, #0f5fd7 0%, #2d8cff 100%);
}


.admin-package-summary-card.capacity {
    background: linear-gradient(135deg, #0c7c66 0%, #22a886 100%);
}


.admin-package-summary-card.pricing {
    background: linear-gradient(135deg, #9b4b10 0%, #df7d21 100%);
}


.admin-package-summary-label {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
}


.admin-package-summary-card strong {
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
    font-size: 2rem;
    line-height: 1;
}


.admin-package-summary-card p {
    margin: 0;
    line-height: 1.5;
    opacity: 0.95;
}


.package-settings-page {
    display: grid;
    gap: 18px;
}


.package-settings-stack {
    display: grid;
    gap: 18px;
}


.package-rule-card {
    display: grid;
    gap: 16px;
}


.package-rule-head h2 {
    margin-bottom: 8px;
}


.package-rule-toolbar {
    display: grid;
    gap: 14px;
}


.package-rule-grid-wrap {
    overflow-x: auto;
}


.package-rule-grid-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}


.package-rule-grid-table-static {
    table-layout: fixed;
}


.package-rule-grid-table td {
    width: 20%;
    vertical-align: top;
}


.package-rule-chip {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #d7e0ed;
    border-radius: 14px;
    background: linear-gradient(180deg, #fdfefe 0%, #f4f8ff 100%);
}


.package-rule-chip input {
    flex: 0 0 auto;
}


.package-rule-chip span {
    min-width: 0;
    overflow-wrap: anywhere;
}


.package-rule-chip-empty {
    visibility: hidden;
}


.package-rule-empty-cell {
    padding: 14px 10px;
    text-align: left;
    color: var(--text-secondary);
}


.package-rule-inline-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}


.package-rule-actions {
    justify-content: flex-start;
}


.package-md5-table td:last-child {
    white-space: normal;
}


.package-rule-select-col {
    width: 90px;
}


.admin-package-editor-list {
    margin-top: 18px;
    display: grid;
    gap: 18px;
}


.admin-package-editor {
    border: 1px solid #d3dff1;
    border-radius: 22px;
    padding: 18px;
    background: linear-gradient(180deg, #fcfdff 0%, #f4f8ff 100%);
    box-shadow: 0 12px 24px rgba(19, 41, 76, 0.08);
}


.admin-package-layout {
    display: grid;
    grid-template-columns: minmax(240px, 290px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}


.admin-package-sidebar {
    display: grid;
    gap: 12px;
    padding: 18px;
    border: 1px solid #d6e1f2;
    border-radius: 18px;
    background: linear-gradient(160deg, #1e3f68 0%, #274f82 45%, #325d95 100%);
    color: #ffffff;
}


.admin-package-kicker {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.75;
}


.admin-package-sidebar h2 {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.2;
}


.admin-package-sidebar p {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.6;
    overflow-wrap: anywhere;
}


.admin-package-meta {
    display: grid;
    gap: 10px;
    margin: 4px 0 0;
}


.admin-package-meta div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}


.admin-package-meta dt {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.72;
}


.admin-package-meta dd {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
}


.admin-package-main {
    display: grid;
    gap: 14px;
    min-width: 0;
}


.admin-package-section {
    border: 1px solid #d7e2f2;
    border-radius: 18px;
    background: #ffffff;
    padding: 16px;
    min-width: 0;
}


.admin-package-section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}


.admin-package-section-head h3 {
    margin: 0;
    font-size: 1rem;
    color: #1f3e64;
}


.admin-package-section-head p {
    margin: 4px 0 0;
    color: #4a6589;
    font-size: 14px;
    line-height: 1.5;
}


.admin-package-detail-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    align-items: start;
}


.admin-package-description {
    min-height: 168px;
    resize: vertical;
}


.admin-package-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 12px;
}


.admin-package-price-card {
    display: grid;
    gap: 8px;
    border: 1px solid #dbe5f3;
    border-radius: 16px;
    padding: 14px;
    background: linear-gradient(180deg, #f9fbff 0%, #f1f6ff 100%);
}


.admin-package-price-card p {
    margin: 0;
    color: #547094;
    font-size: 13px;
    line-height: 1.5;
}


.admin-package-price-input {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}


.admin-package-price-input span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 44px;
    border-radius: 12px;
    background: #dce9fb;
    color: #1a4c92;
    font-weight: 800;
}


.admin-package-price-input .form-input {
    min-width: 0;
}


.admin-package-actions {
    margin-top: 0;
}


.admin-kb-shell,
.admin-kb-edit-shell {
    max-width: 1180px;
}


.admin-kb-entry-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}


.admin-kb-entry-card {
    display: grid;
    gap: 8px;
    border: 1px solid #dbe5f3;
    border-radius: 18px;
    padding: 16px;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f7ff 100%);
    min-width: 0;
}


.admin-kb-entry-tag {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #dce9fb;
    color: #21508d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}


.admin-kb-entry-card h3 {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.4;
}


.admin-kb-entry-card a {
    text-decoration: none;
}


.admin-kb-entry-card p {
    margin: 0;
    color: #405d83;
    line-height: 1.6;
    overflow-wrap: anywhere;
}


.admin-news-form {
    margin-top: 14px;
}


.admin-kb-summary-grid {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 12px;
}


.admin-kb-summary-card {
    display: grid;
    gap: 6px;
    border-radius: 18px;
    padding: 18px;
    color: #ffffff;
    box-shadow: 0 16px 28px rgba(19, 41, 76, 0.16);
}


.admin-kb-summary-card.categories {
    background: linear-gradient(135deg, #1266d4 0%, #3b8ef9 100%);
}


.admin-kb-summary-card.entries {
    background: linear-gradient(135deg, #0c7a67 0%, #22a889 100%);
}


.admin-kb-summary-label {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.78;
}


.admin-kb-summary-card strong {
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
    font-size: 2rem;
    line-height: 1;
}


.admin-kb-summary-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}


.admin-kb-layout {
    margin-top: 18px;
    display: grid;
    grid-template-columns: minmax(290px, 340px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}


.admin-kb-sidebar,
.admin-kb-main {
    display: grid;
    gap: 14px;
    min-width: 0;
}


.admin-kb-form-panel h2 {
    margin: 0 0 8px;
}


.admin-kb-form-panel p {
    margin: 0 0 12px;
}


.admin-kb-description {
    min-height: 120px;
    resize: vertical;
}


.admin-kb-summary {
    min-height: 140px;
    resize: vertical;
}


.admin-kb-body {
    min-height: 240px;
    resize: vertical;
}


.markdown-editor-shell {
    margin-bottom: 12px;
}


.markdown-toolbar {
    display: grid;
    gap: 14px;
    margin-bottom: 10px;
    padding: 14px;
    border: 1px solid #ccd9ec;
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(246, 216, 126, 0.35), transparent 34%),
        linear-gradient(180deg, #fcfdff 0%, #f1f6ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}


.markdown-toolbar-note {
    display: grid;
    gap: 4px;
}


.markdown-toolbar-kicker {
    color: #4f6f98;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


.markdown-toolbar-copy {
    color: #24466f;
    font-size: 14px;
    line-height: 1.5;
}


.markdown-toolbar-groups {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.markdown-toolbar-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    border: 1px solid #dbe4f2;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82);
}


.markdown-tool-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid #c6d5ea;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #edf4ff 100%);
    color: #183f71;
    cursor: pointer;
    transition:
        transform 0.12s ease,
        border-color 0.12s ease,
        background 0.12s ease,
        box-shadow 0.12s ease;
}


.markdown-tool-btn:hover {
    border-color: #9bb7df;
    background: linear-gradient(180deg, #ffffff 0%, #e4efff 100%);
    box-shadow: 0 8px 18px rgba(38, 75, 133, 0.12);
    transform: translateY(-1px);
}


.markdown-tool-btn:focus-visible {
    outline: 2px solid #1c5fc6;
    outline-offset: 2px;
}


.markdown-tool-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 7px;
    border-radius: 8px;
    background: #e7effd;
    color: #173e71;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
}


.markdown-tool-text {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

@media (max-width: 720px) {
    
.markdown-toolbar {
        padding: 12px;
    }

    
.markdown-toolbar-groups {
        display: grid;
        gap: 8px;
    }

    
.markdown-toolbar-group {
        gap: 6px;
    }

    
.markdown-tool-btn {
        flex: 1 1 calc(50% - 6px);
        justify-content: flex-start;
        min-width: 0;
    }}


.admin-kb-category-stack {
    display: grid;
    gap: 14px;
}


.admin-kb-category-section {
    min-width: 0;
}


.admin-kb-category-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}


.admin-kb-category-kicker {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5b76a0;
}


.admin-kb-category-head h2 {
    margin: 0;
}


.admin-kb-category-head p {
    margin: 4px 0 0;
    color: #496589;
    line-height: 1.55;
}


.admin-kb-entry-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


.admin-kb-empty {
    text-align: center;
}


.admin-kb-empty h2 {
    margin: 0 0 8px;
}


.admin-kb-meta div {
    border-top-color: #dbe4f2;
}


.admin-kb-meta dt {
    color: #557092;
    opacity: 1;
}


.admin-kb-meta dd {
    color: #203b61;
}


.admin-table-wrap {
    margin-top: 14px;
    border: 1px solid #d3dff1;
    border-radius: 14px;
    overflow: hidden;
}


.admin-table-scroll {
    overflow: auto;
}


.admin-table {
    min-width: 960px;
    table-layout: auto;
}


.admin-table th,
.admin-table td {
    white-space: nowrap;
    vertical-align: top;
}


.admin-table td:last-child {
    white-space: normal;
    min-width: 280px;
}


.suspended-invoice-table-wrap .admin-table-scroll {
    background: linear-gradient(180deg, rgba(254, 242, 242, 0.98), rgba(254, 226, 226, 0.96));
}


.admin-search-form {
    margin-top: 12px;
    margin-bottom: 8px;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: 10px;
    align-items: end;
}


.admin-search-form .form-label {
    grid-column: 1 / -1;
    margin-bottom: -2px;
}


.admin-actions-row {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}


.admin-actions-row.compact {
    margin-top: 0;
}


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


.admin-coupon-used-cell {
    min-width: 110px;
    white-space: nowrap;
}


.admin-inline-form {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #d3dff1;
    border-radius: 12px;
    background: #f8fbff;
}


.admin-customer-detail-card > h2 {
    margin: 18px 0 12px;
}


.admin-package-add-grid {
    align-items: end;
}


.admin-package-add-actions {
    display: flex;
    align-items: end;
}


.dashboard-section .admin-table-wrap {
    margin-top: 0;
    background: #ffffff;
    max-width: 100%;
}


.dashboard-section .admin-table-scroll {
    max-width: 100%;
    overflow-x: hidden;
}


.dashboard-section .admin-table td:last-child {
    min-width: 0;
}


.dashboard-section .admin-table {
    min-width: 0;
    width: 100%;
    table-layout: auto;
}


.dashboard-section .admin-table th,
.dashboard-section .admin-table td {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}


.admin-kb-entry-edit-page {
    max-width: 1180px;
}


.admin-kb-entry-edit-form {
    margin-top: 18px;
}


.admin-kb-entry-edit-form .form-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}


.admin-kb-entry-edit-form .admin-kb-summary {
    min-height: 160px;
}


.admin-kb-entry-edit-form .admin-kb-body {
    min-height: 540px;
}


.password-options {
    display: grid;
    gap: 8px;
}


.admin-email-page {
    max-width: 1240px;
}


.admin-email-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.9fr);
    gap: 18px;
    align-items: start;
}


.admin-email-form {
    margin-top: 8px;
}


.admin-email-slider-card,
.admin-email-sidecard {
    border: 1px solid #d7e2f1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #f6f9ff);
    padding: 16px;
    box-shadow: 0 14px 28px rgba(35, 73, 118, 0.08);
}


.admin-email-slider {
    width: 100%;
}


.admin-email-slider-labels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
    color: #587293;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}


.admin-email-slider-value {
    margin-top: 12px;
    color: #173d75;
    font-size: 15px;
    font-weight: 800;
}


.admin-email-message {
    min-height: 280px;
}


.admin-email-summary {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
    color: #28476e;
    font-size: 14px;
}


.admin-email-stop {
    width: 100%;
}


.admin-email-iframe {
    width: 100%;
    min-height: 340px;
    margin-top: 14px;
    border: 1px solid #d7e2f1;
    border-radius: 14px;
    background: #f8fbff;
}


.admin-email-frame-body {
    margin: 0;
    padding: 14px;
    background: #f8fbff;
    font-family: "Manrope", sans-serif;
}


.admin-email-frame-card {
    display: grid;
    gap: 10px;
    color: #25436a;
}


.admin-email-frame-row {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    font-size: 13px;
    line-height: 1.45;
}


.admin-email-frame-message span {
    word-break: break-word;
}


.admin-package-change-form {
    margin-top: 10px;
    display: grid;
    gap: 8px;
}


.admin-package-change-form .form-label {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}


.admin-package-change-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
}


.admin-package-change-note {
    margin-top: 10px;
    color: #425d81;
    font-size: 13px;
    line-height: 1.55;
}


.admin-private-note-textarea {
    min-height: 180px;
    width: 100%;
    resize: vertical;
}

@media (max-width: 980px) {

    
.package-rule-inline-form {
        grid-template-columns: 1fr;
    }

    
.admin-dashboard-kpis {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

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

    
.admin-dashboard-panel.span-2 {
        grid-column: auto;
    }

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

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

    
.admin-kb-layout,
.admin-kb-edit-layout {
        grid-template-columns: 1fr;
    }

    
.admin-kb-entry-grid,
.admin-kb-summary-grid,
.admin-kb-entry-grid.compact {
        grid-template-columns: 1fr;
    }

    
.admin-package-detail-grid,
.admin-package-pricing-grid {
        grid-template-columns: 1fr;
    }

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

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

    
.admin-package-change-controls {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 760px) {

    
.admin-dashboard-actions {
        width: 100%;
        max-width: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    
.admin-dashboard-kpis {
        display: grid;
        grid-template-columns: 1fr;
    }}

/* Dashboard-style customer directory and customer workspace */

.admin-page-content .admin-customers-page,
.admin-page-content .admin-customer-detail-card {
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}


.admin-page-content .admin-customers-page::before,
.admin-page-content .admin-customer-detail-card::before { display: none; }


.admin-customers-header,
.admin-customer-hero {
    margin-bottom: 16px;
    padding: 22px;
    border: 1px solid #ece5e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(56, 30, 30, .055);
}


.admin-customers-header .admin-dashboard-eyebrow,
.admin-customer-hero .admin-dashboard-eyebrow { color: #b91c1c; }


.admin-customers-page > .flash-stack,
.admin-customer-detail-card > .flash-stack { margin: 0 0 16px; }


.admin-page-content .admin-customers-page .admin-search-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    gap: 10px;
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid #eadfdf;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(56, 30, 30, .045);
}


.admin-page-content .admin-customers-page .admin-search-form .form-label { grid-column: 1 / -1; margin-bottom: -3px; }

.admin-page-content .admin-customers-page .admin-table-wrap { box-shadow: 0 8px 22px rgba(56, 30, 30, .045); }

.admin-page-content .admin-customers-page .admin-table td { vertical-align: middle; }

.admin-page-content .admin-customers-page .admin-table td:first-child { color: #8b777a; font-weight: 800; }


.admin-customer-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #8f1717;
    background: #fee2e2;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
}


.admin-customer-status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}


.admin-customer-identity { display: flex; align-items: center; gap: 14px; min-width: 0; }


.admin-customer-avatar {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #d92b2b, #861111);
    box-shadow: 0 9px 18px rgba(153, 27, 27, .2);
    font-family: "Space Grotesk", sans-serif;
    font-size: 1.2rem;
    font-weight: 800;
}


.admin-customer-identity h1 { overflow-wrap: anywhere; }

.admin-customer-hero .profile-actions {
    flex: 1 1 100%;
    justify-content: flex-start;
    margin-top: 3px;
    padding-top: 15px;
    border-top: 1px solid #f0e8e8;
}


.admin-page-content .admin-customer-detail-card > .detail-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0 0 16px;
    overflow: hidden;
    border: 1px solid #eae1e1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(56, 30, 30, .045);
}


.admin-page-content .admin-customer-detail-card > .detail-list .detail-row {
    grid-template-columns: 135px minmax(0, 1fr);
    gap: 10px;
    margin: 0;
    padding: 13px 15px;
    border: 0;
    border-bottom: 1px solid #f0e8e8;
}


.admin-page-content .admin-customer-detail-card > .detail-list .detail-row:nth-child(odd) { border-right: 1px solid #f0e8e8; }

.admin-page-content .admin-customer-detail-card > .detail-list dt { color: #8e777b; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }

.admin-page-content .admin-customer-detail-card > .detail-list dd { color: #30292b; font-weight: 700; overflow-wrap: anywhere; }


.admin-page-content .admin-customer-detail-card > h2 {
    position: relative;
    margin: 16px 0 0;
    padding: 17px 18px 13px 31px;
    border: 1px solid #eae1e1;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    color: #30292b;
    background: #fff;
    font-size: 15px;
}


.admin-page-content .admin-customer-detail-card > h2::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 18px;
    width: 4px;
    height: 15px;
    border-radius: 3px;
    background: #c52222;
}


.admin-page-content .admin-customer-detail-card > h2 + .admin-table-wrap,
.admin-page-content .admin-customer-detail-card > h2 + .account-form {
    margin-top: 0;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 8px 22px rgba(56, 30, 30, .04);
}


.admin-page-content .admin-customer-detail-card > h2 + .account-form {
    padding: 17px;
    border: 1px solid #eae1e1;
    background: #fffafa;
}


.admin-page-content .admin-customer-detail-card > .pagination-bar { margin: 10px 0 4px; }

.admin-page-content .admin-customer-detail-card .admin-package-add-grid { align-items: end; }

@media (max-width: 900px) {
    
.admin-page-content .admin-customer-detail-card > .detail-list { grid-template-columns: 1fr; }
    
.admin-page-content .admin-customer-detail-card > .detail-list .detail-row:nth-child(odd) { border-right: 0; }}

@media (max-width: 620px) {
    
.admin-customers-header,
.admin-customer-hero { padding: 17px 14px; }
    
.admin-page-content .admin-customers-page .admin-search-form { grid-template-columns: 1fr; padding: 13px; }
    
.admin-page-content .admin-customers-page .admin-search-form .form-label { grid-column: auto; }
    
.admin-page-content .admin-customer-detail-card > .detail-list .detail-row { grid-template-columns: 1fr; }
    
.admin-customer-identity { align-items: flex-start; }
    
.admin-customer-avatar { width: 46px; height: 46px; border-radius: 12px; }}

/* Customer profile hero */

.admin-page-content .admin-customer-hero {
    display: flex;
    padding: 0;
    overflow: hidden;
    border-color: #e3caca;
    background: #fff;
    box-shadow: 0 12px 30px rgba(79, 20, 20, .09);
}


.admin-customer-hero-banner {
    position: relative;
    display: flex;
    flex: 1 1 100%;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 132px;
    padding: 25px 27px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 88% 15%, rgba(255,255,255,.16), transparent 25%),
        radial-gradient(circle at 70% 120%, rgba(255,160,160,.16), transparent 32%),
        linear-gradient(125deg, #651010 0%, #9e1818 55%, #c72a2a 100%);
}


.admin-customer-hero-banner::after {
    content: "";
    position: absolute;
    right: -38px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border: 28px solid rgba(255,255,255,.055);
    border-radius: 50%;
    pointer-events: none;
}


.admin-customer-hero-banner .admin-customer-identity { position: relative; z-index: 1; }

.admin-customer-hero-banner .admin-customer-avatar {
    width: 66px;
    height: 66px;
    border: 3px solid rgba(255,255,255,.42);
    border-radius: 18px;
    color: #8f1717;
    background: #fff;
    box-shadow: 0 12px 25px rgba(47, 3, 3, .25);
    font-size: 1.4rem;
}


.admin-customer-hero-banner .admin-dashboard-eyebrow { color: #fecaca; }

.admin-page-content .admin-customer-hero-banner h1 { margin-top: 4px; color: #fff; font-size: clamp(1.55rem, 3vw, 2.15rem); }

.admin-page-content .admin-customer-hero-banner .section-subtitle { margin: 4px 0 0; color: #fee2e2; font-size: 12px; }


.admin-customer-hero-status {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    min-width: 145px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 13px;
    background: rgba(72, 4, 4, .25);
    backdrop-filter: blur(5px);
}


.admin-customer-hero-status span,
.admin-customer-hero-status strong { display: block; }

.admin-customer-hero-status span { color: #fecaca; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }

.admin-customer-hero-status strong { margin-top: 5px; color: #fff; font-size: 14px; }

@media (max-width: 700px) {
    
.admin-customer-hero-banner { align-items: flex-start; flex-direction: column; min-height: 0; padding: 21px 17px; }
    
.admin-customer-hero-status { width: 100%; min-width: 0; }}

@media (max-width: 430px) {
    
.admin-customer-hero-banner .admin-customer-identity { align-items: flex-start; }
    
.admin-customer-hero-banner .admin-customer-avatar { width: 50px; height: 50px; border-radius: 14px; }
    
.admin-page-content .admin-customer-hero-banner .section-subtitle { overflow-wrap: anywhere; }}

/* Unified responsive admin data tables */

.admin-dashboard-main .admin-table-wrap,
.admin-page-content .admin-table-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid #e8dede;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(63, 28, 28, .045);
}


.admin-dashboard-main .admin-table-scroll,
.admin-page-content .admin-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-inline: contain;
    scrollbar-color: #d7abab #fff5f5;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}


.admin-dashboard-main .admin-table-scroll::-webkit-scrollbar,
.admin-page-content .admin-table-scroll::-webkit-scrollbar { height: 9px; }

.admin-dashboard-main .admin-table-scroll::-webkit-scrollbar-track,
.admin-page-content .admin-table-scroll::-webkit-scrollbar-track { background: #fff5f5; }

.admin-dashboard-main .admin-table-scroll::-webkit-scrollbar-thumb,
.admin-page-content .admin-table-scroll::-webkit-scrollbar-thumb { border: 2px solid #fff5f5; border-radius: 999px; background: #d7abab; }


.admin-dashboard-main .admin-table,
.admin-page-content .admin-table {
    width: 100%;
    min-width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    color: #3b3436;
    background: #fff;
    font-size: 12px;
}


.admin-dashboard-main .admin-table thead,
.admin-page-content .admin-table thead { background: #fff4f4; }


.admin-dashboard-main .admin-table th,
.admin-page-content .admin-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 11px 12px;
    border: 0;
    border-bottom: 1px solid #eadada;
    color: #8b2020;
    background: #fff4f4;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: .065em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}


.admin-dashboard-main .admin-table td,
.admin-page-content .admin-table td {
    min-width: 0;
    padding: 11px 12px;
    border: 0;
    border-bottom: 1px solid #f0e9e9;
    color: #4a4244;
    line-height: 1.4;
    vertical-align: middle;
    white-space: nowrap;
}


.admin-dashboard-main .admin-table td:last-child,
.admin-page-content .admin-table td:last-child {
    min-width: 0;
    white-space: normal;
}


.admin-dashboard-main .admin-table tbody tr:nth-child(even),
.admin-page-content .admin-table tbody tr:nth-child(even) { background: #fffcfc; }

.admin-dashboard-main .admin-table tbody tr:hover,
.admin-page-content .admin-table tbody tr:hover { background: #fff7f7; }

.admin-dashboard-main .admin-table tbody tr:last-child td,
.admin-page-content .admin-table tbody tr:last-child td { border-bottom: 0; }


.admin-dashboard-main .admin-table a:not([class]),
.admin-page-content .admin-table a:not([class]) {
    color: #9f1717;
    font-weight: 800;
    text-decoration: none;
}

.admin-dashboard-main .admin-table a:not([class]):hover,
.admin-page-content .admin-table a:not([class]):hover { color: #6f0c0c; text-decoration: underline; }


.admin-page-content .admin-table .admin-actions-row,
.admin-dashboard-main .admin-table .admin-actions-row {
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}


.admin-page-content .admin-table .primary-btn,
.admin-page-content .admin-table .secondary-btn,
.admin-page-content .admin-table .ghost-btn,
.admin-dashboard-main .admin-table .primary-btn,
.admin-dashboard-main .admin-table .secondary-btn,
.admin-dashboard-main .admin-table .ghost-btn {
    min-height: 32px;
    padding: 0 9px;
    border-radius: 8px;
    font-size: 9px;
}


.admin-page-content .admin-url-cell,
.admin-dashboard-main .admin-url-cell {
    min-width: 220px;
    max-width: 420px;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}


.admin-page-content .pagination-bar,
.admin-dashboard-main .pagination-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 13px;
    padding: 10px;
    border: 1px solid #eadfdf;
    border-radius: 11px;
    background: #fff;
}


.admin-page-content .pagination-text,
.admin-dashboard-main .pagination-text { color: #776d70; font-size: 10px; font-weight: 800; }

/* Package rule matrices remain form controls but share the table surface. */

.admin-page-content .package-rule-grid-wrap {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #e8dede;
    border-radius: 13px;
    background: #fff;
    scrollbar-color: #d7abab #fff5f5;
    scrollbar-width: thin;
}

.admin-page-content .package-rule-grid-table { min-width: 720px; margin: 0; border-spacing: 8px; }

.admin-page-content .package-rule-chip { border-color: #eadfdf; background: #fffafa; }

@media (max-width: 760px) {
    
.admin-dashboard-main .admin-table-wrap,
.admin-page-content .admin-table-wrap { border-radius: 11px; }
    
.admin-dashboard-main .admin-table,
.admin-page-content .admin-table { width: max-content; min-width: 100%; font-size: 11px; }
    
.admin-dashboard-main .admin-table th,
.admin-page-content .admin-table th,
.admin-dashboard-main .admin-table td,
.admin-page-content .admin-table td { padding: 10px; }
    
.admin-dashboard-main .admin-table td:last-child,
.admin-page-content .admin-table td:last-child { min-width: 150px; }
    
.admin-page-content .pagination-bar,
.admin-dashboard-main .pagination-bar { justify-content: space-between; }}

@media (max-width: 430px) {
    
.admin-page-content .pagination-bar,
.admin-dashboard-main .pagination-bar { gap: 6px; padding: 8px; }
    
.admin-page-content .pagination-bar .secondary-btn,
.admin-dashboard-main .pagination-bar .secondary-btn { min-height: 34px; padding: 0 9px; font-size: 9px; }}

/* Refined customer workspace header */

.admin-page-content .admin-customer-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e8dfdf;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(55, 29, 29, .06);
}


.admin-page-content .admin-customer-hero-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 0;
    padding: 20px 22px;
    overflow: visible;
    color: #332c2e;
    background: #fff;
    border-left: 5px solid #b91c1c;
}


.admin-page-content .admin-customer-hero-banner::after { display: none; }


.admin-page-content .admin-customer-hero-banner .admin-customer-avatar {
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, #d72a2a, #8d1212);
    box-shadow: 0 7px 16px rgba(153, 27, 27, .18);
    font-size: 1.1rem;
}


.admin-page-content .admin-customer-hero-banner .admin-dashboard-eyebrow {
    color: #a52727;
    font-size: 9px;
    letter-spacing: .11em;
}


.admin-page-content .admin-customer-hero-banner h1 {
    margin: 2px 0 0;
    color: #292326;
    font-size: clamp(1.35rem, 2.4vw, 1.8rem);
}


.admin-page-content .admin-customer-hero-banner .section-subtitle {
    margin: 3px 0 0;
    color: #807579;
    font-size: 11px;
}


.admin-page-content .admin-customer-hero-status {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 8px 11px;
    border: 1px solid #eadada;
    border-radius: 999px;
    color: #8f1717;
    background: #fff7f7;
    backdrop-filter: none;
}


.admin-page-content .admin-customer-hero-status::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b91c1c;
    box-shadow: 0 0 0 3px #fee2e2;
}


.admin-page-content .admin-customer-hero-status span { display: none; }

.admin-page-content .admin-customer-hero-status strong { margin: 0; color: #8f1717; font-size: 10px; text-transform: uppercase; letter-spacing: .045em; }

@media (max-width: 700px) {
    
.admin-page-content .admin-customer-hero-banner { align-items: flex-start; flex-direction: column; gap: 13px; padding: 17px 15px; }
    
.admin-page-content .admin-customer-hero-status { width: auto; }}

@media (max-width: 430px) {
    
.admin-page-content .admin-customer-hero-banner .admin-customer-avatar { width: 44px; height: 44px; }}

/* Single-row customer command rail */

.admin-page-content .admin-customer-command-rail {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    overflow-x: auto;
    border-top: 1px solid #eee7e7;
    background: #faf8f8;
    scrollbar-color: #d7abab transparent;
    scrollbar-width: thin;
}


.admin-customer-command-rail form {
    display: flex;
    flex: 0 0 auto;
    margin: 0;
}


.admin-page-content .admin-customer-command {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    min-height: 31px;
    padding: 0 8px;
    border: 0;
    border-radius: 7px;
    color: #62585c;
    background: transparent;
    box-shadow: none;
    font: inherit;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: color .14s ease, background .14s ease;
}


.admin-page-content .admin-customer-command::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c8b8bb;
}


.admin-page-content .admin-customer-command:hover {
    color: #8f1717;
    background: #fff;
}


.admin-page-content .admin-customer-command:hover::before { background: #b91c1c; }

.admin-page-content .admin-customer-command.emphasized { color: #8f1717; }

.admin-page-content .admin-customer-command.emphasized::before { background: #b91c1c; box-shadow: 0 0 0 3px #fee2e2; }

.admin-page-content .admin-customer-command.danger-command { color: #9a2424; }

.admin-page-content .admin-customer-command.danger-command::before { background: #dc2626; }

.admin-page-content .admin-customer-command.section-command { color: #655f75; }

.admin-page-content .admin-customer-command.section-command::before { width: 4px; height: 4px; background: #9b8faa; }


.admin-customer-command-divider {
    flex: 0 0 auto;
    width: 1px;
    height: 19px;
    margin: 0 5px;
    background: #ded3d5;
}

@media (max-width: 700px) {
    
.admin-page-content .admin-customer-command-rail { padding: 7px; }
    
.admin-page-content .admin-customer-command { padding: 0 7px; }}


.admin-ticket-tab-panel[hidden] { display: none; }


.admin-page-content .admin-ticket-create-panel {
    max-width: 760px;
    margin: 14px 0 0;
    padding: 20px;
    border: 1px solid #e8dddd;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(63, 28, 28, .045);
}


.admin-page-content .admin-ticket-create-panel h2 {
    margin: 0 0 4px;
    color: #312a2c;
    font-size: 16px;
}

.admin-page-content .admin-ticket-create-panel > .section-subtitle { margin: 0 0 16px; font-size: 11px; }

.admin-page-content .admin-ticket-create-panel .form-label { margin-top: 4px; }

.admin-page-content .admin-ticket-create-panel .edit-actions { justify-content: flex-end; margin-top: 5px; }

@media (max-width: 520px) {
    
.admin-page-content .admin-ticket-create-panel { padding: 15px 13px; }}

/* Ticket title tabs and infinite loading */

.admin-ticket-title-tabs {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    min-height: 42px;
}


.admin-ticket-title-tabs button {
    position: relative;
    padding: 8px 0 7px;
    border: 0;
    color: #93898c;
    background: transparent;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(1.25rem, 2.6vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -.025em;
    cursor: pointer;
}


.admin-ticket-title-tabs button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 3px;
    border-radius: 3px;
    background: transparent;
}


.admin-ticket-title-tabs button:hover { color: #5d5054; }

.admin-ticket-title-tabs button.active { color: #8f1717; }

.admin-ticket-title-tabs button.active::before { background: #c52222; }

.admin-ticket-title-tabs button::after { display: none; }

.admin-page-content .admin-tickets-page::before { display: none; }


.admin-ticket-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 10px;
    border: 1px dashed #dfcccc;
    border-radius: 10px;
    color: #8b767a;
    background: #fffafa;
    font-size: 10px;
    font-weight: 800;
}


.admin-ticket-load-more.loading span::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 8px;
    border: 2px solid #edcaca;
    border-top-color: #b91c1c;
    border-radius: 50%;
    vertical-align: -2px;
    animation: admin-ticket-spin .7s linear infinite;
}

@media (max-width: 520px) {
    
.admin-ticket-title-tabs { gap: 13px; }
    
.admin-ticket-title-tabs button { font-size: 1.1rem; }}

/* Knowledge base dashboard workspace */

.admin-page-content .admin-kb-shell {
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.admin-page-content .admin-kb-shell::before { display: none; }


.admin-kb-header {
    margin-bottom: 15px;
    padding: 22px;
    border: 1px solid #e9e1e1;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(56, 30, 30, .05);
}

.admin-kb-header .admin-dashboard-eyebrow { color: #b91c1c; }

.admin-kb-header .profile-actions { align-self: center; }

.admin-kb-shell > .flash-stack { margin-bottom: 15px; }


.admin-page-content .admin-kb-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 15px;
}


.admin-page-content .admin-kb-summary-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas: "icon label" "icon value" "text text";
    align-items: center;
    gap: 3px 13px;
    min-width: 0;
    padding: 17px;
    border: 1px solid #e9e1e1;
    border-radius: 14px;
    color: #30292b;
    background: #fff;
    box-shadow: 0 7px 19px rgba(56, 30, 30, .045);
}

.admin-page-content .admin-kb-summary-card.categories,
.admin-page-content .admin-kb-summary-card.entries { background: #fff; }


.admin-kb-summary-icon {
    grid-area: icon;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    color: #991b1b;
    background: #fee2e2;
    font-size: 13px;
    font-weight: 900;
}

.admin-kb-summary-card.entries .admin-kb-summary-icon { color: #166534; background: #dcfce7; }

.admin-page-content .admin-kb-summary-label { grid-area: label; color: #827679; font-size: 9px; opacity: 1; }

.admin-page-content .admin-kb-summary-card strong { grid-area: value; color: #2c2628; font-size: 1.55rem; }

.admin-page-content .admin-kb-summary-card p { grid-area: text; margin-top: 7px; color: #81767a; font-size: 11px; }


.admin-page-content .admin-kb-layout {
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 15px;
    margin-top: 0;
}


.admin-page-content .admin-kb-sidebar {
    position: sticky;
    top: 16px;
    gap: 10px;
}


.admin-page-content .admin-kb-form-panel {
    padding: 16px;
    border: 1px solid #e9dfdf;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(56, 30, 30, .04);
}

.admin-page-content .admin-kb-form-panel:first-child { border-top: 4px solid #b91c1c; }

.admin-page-content .admin-kb-form-panel:nth-child(2) { border-top: 4px solid #d97706; }

.admin-page-content .admin-kb-form-panel h2 { color: #30292b; font-size: 13px; }

.admin-page-content .admin-kb-form-panel p { color: #81767a; font-size: 10px; line-height: 1.5; }

.admin-page-content .admin-kb-form-panel .edit-actions { margin-top: 10px; }

.admin-page-content .admin-kb-form-panel .primary-btn { width: 100%; justify-content: center; }


.admin-page-content .admin-kb-main { gap: 14px; }

.admin-page-content .admin-kb-main > .dashboard-section,
.admin-page-content .admin-kb-category-section,
.admin-page-content .admin-kb-empty {
    margin: 0;
    padding: 18px;
    border: 1px solid #e9e1e1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 19px rgba(56, 30, 30, .04);
}


.admin-page-content .admin-kb-main > .dashboard-section .admin-dashboard-panel-head {
    margin: 0 0 13px;
    padding: 0 0 11px;
}


.admin-page-content .admin-kb-category-stack { display: grid; gap: 14px; margin: 0; }

.admin-page-content .admin-kb-category-head {
    align-items: flex-start;
    margin-bottom: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid #eee6e6;
}

.admin-page-content .admin-kb-category-kicker { color: #ad2424; font-size: 9px; }

.admin-page-content .admin-kb-category-head h2 { margin: 3px 0; color: #30292b; font-size: 1.1rem; }

.admin-page-content .admin-kb-category-head p { color: #81767a; font-size: 11px; }


.admin-kb-category-count {
    display: inline-flex;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    color: #8f1717;
    background: #feecec;
    font-size: 9px;
    font-weight: 900;
}


.admin-page-content .admin-kb-entry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.admin-page-content .admin-kb-entry-grid.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }


.admin-page-content .admin-kb-entry-card {
    gap: 7px;
    padding: 14px;
    border: 1px solid #ebe2e2;
    border-radius: 12px;
    background: #fcfbfb;
    box-shadow: none;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.admin-page-content .admin-kb-entry-card:hover { border-color: #dca8a8; transform: translateY(-1px); box-shadow: 0 8px 17px rgba(75, 28, 28, .055); }

.admin-page-content .admin-kb-entry-tag { min-height: 23px; padding: 0 8px; color: #8f1717; background: #feecec; font-size: 8px; }

.admin-page-content .admin-kb-entry-card h3 { font-size: 13px; }

.admin-page-content .admin-kb-entry-card h3 a { color: #332b2d; }

.admin-page-content .admin-kb-entry-card p { color: #81767a; font-size: 10px; line-height: 1.5; }

@media (max-width: 1050px) {
    
.admin-page-content .admin-kb-entry-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }}

@media (max-width: 780px) {
    
.admin-page-content .admin-kb-layout { grid-template-columns: 1fr; }
    
.admin-page-content .admin-kb-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }}

@media (max-width: 560px) {
    
.admin-kb-header { padding: 17px 14px; }
    
.admin-page-content .admin-kb-summary-grid,
.admin-page-content .admin-kb-sidebar,
.admin-page-content .admin-kb-entry-grid,
.admin-page-content .admin-kb-entry-grid.compact { grid-template-columns: 1fr; }
    
.admin-page-content .admin-kb-main > .dashboard-section,
.admin-page-content .admin-kb-category-section { padding: 14px; }}

/* Create ticket dashboard form */

.admin-page-content .admin-ticket-create-panel {
    max-width: none;
    margin-top: 14px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7dddd;
    border-radius: 14px;
    background: #f8f7f7;
    box-shadow: 0 9px 24px rgba(61, 29, 29, .055);
}


.admin-ticket-create-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 20px;
    border-bottom: 1px solid #eadfdf;
    background: #fff;
}


.admin-ticket-create-mark {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, #d72a2a, #8f1414);
    box-shadow: 0 7px 15px rgba(153, 27, 27, .19);
    font-size: 21px;
    font-weight: 700;
}


.admin-ticket-create-head .admin-dashboard-eyebrow { color: #ad2424; font-size: 8px; }

.admin-page-content .admin-ticket-create-head h2 { margin: 2px 0; color: #2f292b; font-size: 16px; }

.admin-page-content .admin-ticket-create-head .section-subtitle { margin: 0; color: #83777b; font-size: 10px; }


.admin-ticket-create-grid {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(380px, 1.25fr);
    gap: 13px;
    padding: 14px;
}


.admin-ticket-create-section {
    min-width: 0;
    padding: 16px;
    border: 1px solid #e9dfdf;
    border-radius: 12px;
    background: #fff;
}


.admin-ticket-create-section-head {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0e9e9;
}


.admin-ticket-create-section-head > span {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 8px;
    color: #991b1b;
    background: #fee2e2;
    font-size: 10px;
    font-weight: 900;
}


.admin-ticket-create-section-head strong,
.admin-ticket-create-section-head small { display: block; }

.admin-ticket-create-section-head strong { color: #3b3235; font-size: 11px; }

.admin-ticket-create-section-head small { margin-top: 2px; color: #8b7f82; font-size: 9px; }


.admin-ticket-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-ticket-field { display: grid; align-content: start; gap: 6px; min-width: 0; }

.admin-ticket-field.full-width { grid-column: 1 / -1; }

.admin-page-content .admin-ticket-field .form-label { margin: 0; color: #675b5f; font-size: 9px; }

.admin-page-content .admin-ticket-field .form-input,
.admin-page-content .admin-ticket-field .form-textarea { width: 100%; background: #fcfbfb; }

.admin-page-content .admin-ticket-field .form-textarea { min-height: 180px; resize: vertical; }


.admin-ticket-create-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 15px;
    border-top: 1px solid #e9dfdf;
    background: #fff;
}

.admin-page-content .admin-ticket-create-footer p { margin: 0; color: #85797c; font-size: 9px; }

.admin-ticket-create-footer .primary-btn { flex: 0 0 auto; min-width: 130px; justify-content: center; }

@media (max-width: 1050px) {
    
.admin-ticket-create-grid { grid-template-columns: 1fr; }}

@media (max-width: 560px) {
    
.admin-ticket-create-head { align-items: flex-start; padding: 15px 13px; }
    
.admin-ticket-create-mark { width: 36px; height: 36px; }
    
.admin-ticket-create-grid { padding: 10px; }
    
.admin-ticket-create-section { padding: 13px; }
    
.admin-ticket-field-grid { grid-template-columns: 1fr; }
    
.admin-ticket-field.full-width { grid-column: auto; }
    
.admin-ticket-create-footer { align-items: stretch; flex-direction: column; }
    
.admin-ticket-create-footer .primary-btn { width: 100%; }}

/* Moving original ticket page accent */

.admin-page-content .content-card.admin-tickets-page { --ticket-accent-left: 22px; }

.admin-page-content .content-card.admin-tickets-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: var(--ticket-accent-left);
    display: block;
    width: 52px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: #c51f1f;
    transition: left .2s ease;
}


.admin-ticket-title-tabs button::before,
.admin-ticket-title-tabs button::after { display: none; }

.admin-ticket-title-tabs button.active { color: #292326; }

/* Match Create Ticket typography to other admin forms */

.admin-ticket-create-head .admin-dashboard-eyebrow { font-size: 10px; }

.admin-page-content .admin-ticket-create-head h2 { font-size: 18px; }

.admin-page-content .admin-ticket-create-head .section-subtitle { font-size: 12px; }

.admin-ticket-create-section-head strong { font-size: 13px; }

.admin-ticket-create-section-head small { font-size: 11px; line-height: 1.4; }

.admin-page-content .admin-ticket-field .form-label { font-size: 11px; }

.admin-page-content .admin-ticket-field .form-input,
.admin-page-content .admin-ticket-field .form-textarea { font-size: 14px; }

.admin-page-content .admin-ticket-create-footer p { font-size: 11px; line-height: 1.45; }

.admin-ticket-create-footer .primary-btn { font-size: 12px; }

/* Individual ticket dashboard workspace */

.admin-page-content .admin-ticket-workspace {
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.admin-page-content .admin-ticket-workspace::before { display: none; }


.admin-ticket-workspace-header {
    margin-bottom: 14px;
    padding: 20px 22px;
    border: 1px solid #e8dfdf;
    border-left: 5px solid #b91c1c;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(59, 29, 29, .05);
}

.admin-ticket-workspace-header .admin-dashboard-eyebrow { color: #b02323; }

.admin-ticket-workspace-header .profile-actions { align-self: center; }

.admin-ticket-workspace > .flash-stack { margin-bottom: 14px; }


.admin-ticket-overview-grid {
    display: grid;
    grid-template-columns: minmax(270px, .72fr) minmax(430px, 1.28fr);
    gap: 14px;
    align-items: stretch;
    margin-bottom: 14px;
}


.admin-page-content .admin-ticket-overview-grid .admin-ticket-detail-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e8dfdf;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 19px rgba(59, 29, 29, .04);
}


.admin-page-content .admin-ticket-overview-grid .detail-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    margin: 0;
    padding: 12px 14px;
    border: 0;
    border-right: 1px solid #f0e9e9;
    border-bottom: 1px solid #f0e9e9;
}

.admin-page-content .admin-ticket-overview-grid .detail-row:nth-child(even) { border-right: 0; }

.admin-page-content .admin-ticket-overview-grid dt { color: #8a7d81; font-size: 8px; letter-spacing: .065em; text-transform: uppercase; }

.admin-page-content .admin-ticket-overview-grid dd { color: #352e30; font-size: 11px; font-weight: 700; overflow-wrap: anywhere; }


.admin-page-content .ticket-admin-status-form {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 16px;
    border: 1px solid #e8dfdf;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 19px rgba(59, 29, 29, .04);
}


.admin-ticket-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 11px;
    border-bottom: 1px solid #f0e9e9;
}

.admin-ticket-panel-heading strong,
.admin-ticket-panel-heading span { display: block; }

.admin-ticket-panel-heading strong { color: #382f32; font-size: 12px; }

.admin-ticket-panel-heading div > span { margin-top: 2px; color: #8a7d81; font-size: 9px; }


.admin-page-content .ticket-admin-update-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.admin-page-content .ticket-admin-title-field { grid-column: 1 / -1; }

.admin-page-content .ticket-admin-update-grid > div { min-width: 0; }

.admin-page-content .ticket-admin-update-grid .form-input { width: 100%; min-width: 0; }

.admin-page-content .ticket-admin-status-form .form-label { color: #6f6266; font-size: 9px; }

.admin-page-content .ticket-admin-status-form .edit-actions { justify-content: flex-end; margin-top: auto; padding-top: 13px; }


.admin-ticket-conversation-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "composer" "thread";
    gap: 14px;
    align-items: start;
}


.admin-page-content .ticket-reply-form {
    grid-area: composer;
    position: static;
    margin: 0;
    padding: 16px;
    border: 1px solid #e8dfdf;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 19px rgba(59, 29, 29, .04);
}

.admin-page-content .ticket-reply-form .markdown-toolbar { padding: 9px; border-radius: 10px; }

.admin-page-content .ticket-reply-form .form-textarea { min-height: 170px; resize: vertical; }

.admin-page-content .ticket-reply-form .edit-actions { justify-content: flex-end; }


.admin-ticket-thread-panel {
    grid-area: thread;
    min-width: 0;
    padding: 16px;
    border: 1px solid #e8dfdf;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 19px rgba(59, 29, 29, .04);
}


.admin-page-content .ticket-thread { display: grid; gap: 11px; margin: 0; }

.admin-page-content .ticket-message {
    position: relative;
    margin: 0;
    padding: 14px 15px;
    border: 1px solid #ebe3e3;
    border-left: 4px solid #c6b9bc;
    border-radius: 11px;
    background: #fcfbfb;
    box-shadow: none;
}

.admin-page-content .ticket-message-staff { border-left-color: #b91c1c; background: #fffafa; }

.admin-page-content .ticket-message-client { border-left-color: #64748b; background: #fafbfc; }

.admin-page-content .ticket-message header { margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px solid #eee7e7; }

.admin-page-content .ticket-message header strong { color: #332b2d; font-size: 11px; }

.admin-page-content .ticket-message-meta { color: #8a7d81; font-size: 9px; }

.admin-page-content .ticket-message p,
.admin-page-content .ticket-message .knowledge-base-article-body { color: #4b4245; font-size: 12px; line-height: 1.65; }

.admin-page-content .ticket-message-actions { justify-content: flex-end; margin-top: 11px; padding-top: 9px; border-top: 1px solid #eee7e7; }

@media (max-width: 1120px) {
    
.admin-ticket-overview-grid { grid-template-columns: 1fr; }
    
.admin-page-content .ticket-admin-update-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }}

@media (max-width: 920px) {
    
.admin-ticket-conversation-grid { grid-template-columns: 1fr; grid-template-areas: "composer" "thread"; }}

@media (max-width: 720px) {
    
.admin-page-content .ticket-admin-update-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    
.admin-page-content .ticket-admin-update-grid > div:last-child { grid-column: 1 / -1; }}

@media (max-width: 560px) {
    
.admin-ticket-workspace-header { align-items: flex-start; padding: 16px 13px; }
    
.admin-page-content .admin-ticket-overview-grid .admin-ticket-detail-list,
.admin-page-content .ticket-admin-update-grid { grid-template-columns: 1fr; }
    
.admin-page-content .admin-ticket-overview-grid .detail-row { border-right: 0; }
    
.admin-page-content .ticket-admin-status-form,
.admin-page-content .ticket-reply-form,
.admin-ticket-thread-panel { padding: 13px; }}

/* Purple admin dashboard theme */

.admin-body {
    --admin-accent: #7c3aed;
    --admin-accent-dark: #4c1d95;
    --admin-accent-deep: #3b0764;
    --admin-accent-soft: #f3e8ff;
    --admin-accent-faint: #faf5ff;
    --admin-accent-border: #dec7f5;
}


.admin-body .admin-dashboard-sidebar {
    background: linear-gradient(180deg, #3b0764 0%, #6b21a8 48%, #2e064e 100%);
}

.admin-body .admin-dashboard-brand-mark { color: var(--admin-accent-dark); }

.admin-body .admin-dashboard-brand small,
.admin-body .admin-dashboard-nav-label { color: #e9d5ff; }

.admin-body .admin-dashboard-nav-link { color: #f3e8ff; }

.admin-body .admin-dashboard-nav-link:hover,
.admin-body .admin-dashboard-nav-link.active { color: var(--admin-accent-dark); background: #fff; }

.admin-body .admin-dashboard-nav-link.active .admin-dashboard-nav-icon,
.admin-body .admin-dashboard-nav-link:hover .admin-dashboard-nav-icon { background: var(--admin-accent-soft); }

.admin-body .admin-dashboard-nav-link b { color: var(--admin-accent-dark); }

.admin-body .admin-dashboard-nav-link:hover b { background: var(--admin-accent); }


.admin-body .primary-btn:not(.danger-btn),
.admin-body button.primary-btn:not(.danger-btn),
.admin-body input.primary-btn:not(.danger-btn) {
    border-color: var(--admin-accent) !important;
    color: #fff !important;
    background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
    box-shadow: 0 8px 18px rgba(109, 40, 217, .2) !important;
}


.admin-body .secondary-btn:not(.danger-btn),
.admin-body .ghost-btn:not(.danger-btn) {
    border-color: var(--admin-accent-border) !important;
    color: var(--admin-accent-dark) !important;
    background: var(--admin-accent-faint) !important;
}

.admin-body .secondary-btn:not(.danger-btn):hover,
.admin-body .ghost-btn:not(.danger-btn):hover { border-color: #b794e0 !important; background: var(--admin-accent-soft) !important; }


.admin-body .admin-dashboard-eyebrow,
.admin-body .admin-kpi-label,
.admin-body .admin-package-summary-label,
.admin-body .admin-kb-summary-label { color: var(--admin-accent) !important; }


.admin-body .admin-page-content .content-card:first-child::before,
.admin-body .admin-page-content .admin-customer-detail-card > h2::before,
.admin-body .admin-page-content .admin-tickets-page::before { background: var(--admin-accent) !important; }


.admin-body .admin-dashboard-main .admin-table thead,
.admin-body .admin-page-content .admin-table thead,
.admin-body .admin-dashboard-main .admin-table th,
.admin-body .admin-page-content .admin-table th {
    color: var(--admin-accent-dark) !important;
    background: var(--admin-accent-faint) !important;
    border-bottom-color: var(--admin-accent-border) !important;
}

.admin-body .admin-dashboard-main .admin-table tbody tr:hover,
.admin-body .admin-page-content .admin-table tbody tr:hover { background: var(--admin-accent-faint) !important; }

.admin-body .admin-dashboard-main .admin-table a:not([class]),
.admin-body .admin-page-content .admin-table a:not([class]) { color: var(--admin-accent-dark) !important; }

.admin-body .admin-dashboard-main .ghost-btn { color: var(--admin-accent-dark); border-color: var(--admin-accent-border); background: var(--admin-accent-faint); }


.admin-body .form-input:focus,
.admin-body .form-textarea:focus {
    border-color: #9f67dc !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .12) !important;
}


.admin-body .admin-kpi-icon,
.admin-body .admin-package-summary-icon,
.admin-body .admin-kb-summary-icon,
.admin-body .admin-ticket-create-section-head > span {
    color: var(--admin-accent-dark);
    background: var(--admin-accent-soft);
}

.admin-body .admin-kpi-card.tickets .admin-kpi-icon { color: var(--admin-accent-dark); background: var(--admin-accent-soft); }


.admin-body .admin-customer-avatar,
.admin-body .admin-ticket-create-mark {
    background: linear-gradient(145deg, #8b5cf6, #5b21b6) !important;
    box-shadow: 0 8px 18px rgba(91, 33, 182, .2) !important;
}

.admin-body .admin-customer-hero-banner { border-left-color: var(--admin-accent) !important; }

.admin-body .admin-customer-hero-status,
.admin-body .admin-customer-status,
.admin-body .admin-kb-category-count {
    color: var(--admin-accent-dark) !important;
    border-color: var(--admin-accent-border) !important;
    background: var(--admin-accent-soft) !important;
}

.admin-body .admin-customer-hero-status::before { background: var(--admin-accent); box-shadow: 0 0 0 3px var(--admin-accent-soft); }

.admin-body .admin-customer-command.emphasized { color: var(--admin-accent-dark); }

.admin-body .admin-customer-command.emphasized::before { background: var(--admin-accent); box-shadow: 0 0 0 3px var(--admin-accent-soft); }

.admin-body .admin-customer-command:hover { color: var(--admin-accent-dark); }

.admin-body .admin-customer-command:hover::before { background: var(--admin-accent); }


.admin-body .admin-page-content .admin-package-sidebar {
    background: radial-gradient(circle at 100% 0, rgba(255,255,255,.12), transparent 33%), linear-gradient(155deg, #6d28d9, #3b0764);
}

.admin-body .admin-package-kicker { color: #e9d5ff; }

.admin-body .admin-package-kicker i { background: #d8b4fe; box-shadow: 0 0 0 4px rgba(216,180,254,.16); }

.admin-body .admin-package-price-input span { color: var(--admin-accent-dark); background: var(--admin-accent-soft); }


.admin-body .admin-kb-entry-tag { color: var(--admin-accent-dark) !important; background: var(--admin-accent-soft) !important; }

.admin-body .admin-kb-form-panel:first-child { border-top-color: var(--admin-accent) !important; }

.admin-body .admin-stats-kpis .admin-kpi-card.customers::before { background: var(--admin-accent) !important; }

.admin-body .admin-kb-category-kicker,
.admin-body .admin-kb-entry-card h3 a { color: var(--admin-accent-dark) !important; }


.admin-body .admin-ticket-title-tabs button.active { color: var(--admin-accent-dark); }

.admin-body .admin-ticket-load-more { border-color: var(--admin-accent-border); color: #72558f; background: var(--admin-accent-faint); }

.admin-body .admin-ticket-load-more.loading span::before { border-color: var(--admin-accent-border); border-top-color: var(--admin-accent); }

.admin-body .ticket-message-staff { border-left-color: var(--admin-accent) !important; background: var(--admin-accent-faint) !important; }

.admin-body .admin-ticket-workspace-header { border-left-color: var(--admin-accent); }

/* Keep destructive controls semantically red. */

.admin-body .danger-btn,
.admin-body button.danger-btn,
.admin-body .admin-customer-command.danger-command {
    color: #fff !important;
    border-color: #991b1b !important;
    background: #991b1b !important;
}

.admin-body .admin-customer-command.danger-command::before { background: #fecaca; }