.support-admin-shell {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-border-strong: rgba(15, 118, 110, 0.28);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    --support-admin-warning: #b45309;
    --support-admin-warning-soft: rgba(245, 158, 11, 0.16);
    --support-admin-danger: #b91c1c;
    --support-admin-danger-soft: rgba(220, 38, 38, 0.14);
    --support-admin-info: #1d4ed8;
    --support-admin-info-soft: rgba(37, 99, 235, 0.14);
    display: grid;
    gap: 1rem;
}

.support-admin-shell__hero,
.support-admin-shell__panel,
.support-admin-shell__card,
.support-admin-shell__empty,
.support-admin-shell__history-card {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-shell__hero {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-admin-shell__eyebrow,
.support-admin-shell__panel-eyebrow,
.support-admin-shell__metric-label,
.support-admin-shell__fact-label,
.support-admin-shell__toggle-title,
.support-admin-shell__section-label {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-shell__title {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-shell__subtitle {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 58rem;
}

.support-admin-shell__metrics {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-shell__metric {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-shell__layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
}

.support-admin-shell__sidebar,
.support-admin-shell__main,
.support-admin-shell__card-grid,
.support-admin-shell__facts,
.support-admin-shell__history-list {
    display: grid;
    gap: 1rem;
}

.support-admin-shell__panel,
.support-admin-shell__empty,
.support-admin-shell__history-card {
    padding: 1.2rem;
}

.support-admin-shell__panel-header,
.support-admin-shell__card-header,
.support-admin-shell__history-top {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-admin-shell__panel-header h3,
.support-admin-shell__card-title,
.support-admin-shell__toggle-title {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-shell__card-title {
    font-size: 1.02rem;
    margin-top: 0.25rem;
}

.support-admin-shell__card-subtitle,
.support-admin-shell__board-meta,
.support-admin-shell__history-meta,
.support-admin-shell__facts span,
.support-admin-shell__card-facts span,
.support-admin-shell__card-description,
.support-admin-shell__code-note {
    color: var(--support-admin-muted);
    font-size: 0.86rem;
}

.support-admin-shell__facts > div,
.support-admin-shell__card-facts > div,
.support-admin-shell__history-card {
    background: var(--support-admin-surface-soft);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.support-admin-shell__filter-grid,
.support-admin-shell__form-grid,
.support-admin-shell__data-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-shell__form-grid--full,
.support-admin-shell__data-grid--full {
    grid-column: 1 / -1;
}

.support-admin-shell__actions,
.support-admin-shell__pill-list,
.support-admin-shell__badge-row,
.support-admin-shell__toggle-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.support-admin-shell__pill {
    background: var(--support-admin-accent-soft);
    border-radius: 999px;
    color: var(--support-admin-accent);
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.support-admin-shell__card-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.support-admin-shell__card {
    color: inherit;
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    text-decoration: none;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.support-admin-shell__card--clickable {
    cursor: pointer;
}

.support-admin-shell__card:hover {
    border-color: var(--support-admin-border-strong);
    box-shadow: 0 20px 46px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-admin-shell__card-facts {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-shell__badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.3rem;
    padding: 0.32rem 0.7rem;
}

.support-admin-shell__badge--active,
.support-admin-shell__badge--available,
.support-admin-shell__badge--linked,
.support-admin-shell__badge--default {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.support-admin-shell__badge--inactive,
.support-admin-shell__badge--offline {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-admin-shell__badge--warning,
.support-admin-shell__badge--busy {
    background: var(--support-admin-warning-soft);
    color: var(--support-admin-warning);
}

.support-admin-shell__badge--info,
.support-admin-shell__badge--away {
    background: var(--support-admin-info-soft);
    color: var(--support-admin-info);
}

.support-admin-shell__badge--danger,
.support-admin-shell__badge--dead-letter {
    background: var(--support-admin-danger-soft);
    color: var(--support-admin-danger);
}

.support-admin-shell__toggle-inline,
.support-admin-shell__check-card {
    align-items: center;
    background: var(--support-admin-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: inline-flex;
    gap: 0.65rem;
    padding: 0.8rem 0.95rem;
}

.support-admin-shell__check-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.support-admin-shell__code-block {
    background: #102235;
    border-radius: 18px;
    color: #f5f7fa;
    font-family: var(--bs-font-monospace);
    font-size: 0.84rem;
    max-height: 18rem;
    overflow: auto;
    padding: 0.95rem 1rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.support-admin-shell__table-wrap {
    overflow-x: auto;
}

.support-admin-shell__table-wrap .table {
    margin-bottom: 0;
}

.support-admin-shell__table-wrap .table > :not(caption) > * > * {
    border-bottom-color: rgba(23, 48, 71, 0.08);
}

.support-admin-shell__empty {
    display: grid;
    min-height: 12rem;
    place-items: center;
    text-align: center;
}

.support-admin-shell__search-action {
    align-self: end;
}

@media (max-width: 1199px) {
    .support-admin-shell__layout,
    .support-admin-shell__hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-admin-shell__metrics,
    .support-admin-shell__filter-grid,
    .support-admin-shell__form-grid,
    .support-admin-shell__data-grid,
    .support-admin-shell__card-facts {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-shell__hero,
    .support-admin-shell__panel,
    .support-admin-shell__card,
    .support-admin-shell__empty,
    .support-admin-shell__history-card {
        border-radius: 22px;
    }
}