/* Admin CMS chrome — matches marketing Mark theme (dark ink + brass).
   Use high specificity + !important to beat Radzen Material .rz-body / table defaults. */

.mkt-shell.admin-route .mkt-main.rz-body,
.mkt-shell.admin-route .mkt-main-inner,
.admin-shell {
    --mark-brass: #c4a35a;
    --mark-ink: #0a0b0d;
    --admin-surface: #14161a;
    --admin-border: rgba(196, 163, 90, 0.35);
    --admin-text: #f0f2f4;
    --admin-muted: rgba(240, 242, 244, 0.72);
    background: var(--mark-ink) !important;
    background-color: var(--mark-ink) !important;
    color: var(--admin-text) !important;
    font-family: "DM Sans", system-ui, sans-serif;
}

.admin-shell h1,
.admin-shell h2,
.admin-shell h3,
.admin-shell h4,
.mkt-shell.admin-route h1,
.mkt-shell.admin-route h2,
.mkt-shell.admin-route h3 {
    font-family: "Space Grotesk", system-ui, sans-serif;
    color: #fff !important;
}

.admin-shell a,
.mkt-shell.admin-route .admin-shell a {
    color: var(--mark-brass) !important;
}

.admin-shell a:hover {
    color: #d4b56e !important;
}

.admin-shell .admin-panel,
.admin-shell .rz-card,
.admin-shell .rz-fieldset,
.admin-shell .rz-panel,
.admin-shell .rz-panel-content {
    background: var(--admin-surface) !important;
    border: 1px solid var(--admin-border) !important;
    color: var(--admin-text) !important;
    box-shadow: none !important;
}

.admin-shell .rz-table,
.admin-shell .rz-datatable,
.admin-shell table.table {
    width: 100%;
    color: var(--admin-text) !important;
    border-collapse: collapse;
    background: transparent !important;
}

.admin-shell .rz-table th,
.admin-shell .rz-data-table th,
.admin-shell table.table thead th,
.admin-shell .rz-table-header,
.admin-shell .rz-table-header-cell,
.admin-shell .rz-table-header-row,
.admin-shell .rz-table-header-row .rz-table-cell {
    background: rgba(196, 163, 90, 0.14) !important;
    color: var(--mark-brass) !important;
    border-color: var(--admin-border) !important;
    font-family: "Barlow Condensed", system-ui, sans-serif;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.admin-shell .rz-table td,
.admin-shell .rz-table-cell,
.admin-shell .rz-table-row,
.admin-shell .rz-table-body,
.admin-shell table.table td,
.admin-shell table.table tr {
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--admin-text) !important;
    background: transparent !important;
    background-color: transparent !important;
}

.admin-shell .rz-table .rz-table-row:nth-child(even) .rz-table-cell,
.admin-shell .rz-table-row:nth-child(even),
.admin-shell table.table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.04) !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
}

.admin-shell .rz-button,
.admin-shell .rz-selectbar .rz-button {
    font-family: "Space Grotesk", system-ui, sans-serif !important;
}

.admin-shell .rz-button.rz-primary,
.admin-shell .rz-button-primary {
    background: var(--mark-brass) !important;
    border-color: var(--mark-brass) !important;
    color: var(--mark-ink) !important;
}

.admin-shell .rz-button.rz-primary:hover,
.admin-shell .rz-button-primary:hover {
    background: #d4b56e !important;
    border-color: #d4b56e !important;
}

.admin-shell .rz-button.rz-base,
.admin-shell .rz-button-base,
.admin-shell .rz-button.rz-secondary,
.admin-shell .rz-button.rz-light {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #fff !important;
}

.admin-shell .rz-button.rz-base:hover,
.admin-shell .rz-button-base:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #fff !important;
}

.admin-shell .rz-selectbar {
    background: transparent !important;
    border: 1px solid var(--admin-border) !important;
    flex-wrap: wrap;
}

.admin-shell .rz-selectbar .rz-button {
    background: transparent !important;
    color: var(--admin-muted) !important;
    border: 0 !important;
}

.admin-shell .rz-selectbar .rz-state-active,
.admin-shell .rz-selectbar .rz-button.rz-state-active {
    background: rgba(196, 163, 90, 0.22) !important;
    color: var(--mark-brass) !important;
}

.admin-shell .rz-textbox,
.admin-shell .rz-textarea,
.admin-shell .rz-dropdown,
.admin-shell .rz-dropdown-trigger,
.admin-shell .rz-form-field-content,
.admin-shell input.rz-textbox,
.admin-shell textarea,
.admin-shell .rz-chkbox-box {
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--admin-text) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.admin-shell .rz-label,
.admin-shell label,
.admin-shell .post-edit-section-label {
    color: var(--admin-muted) !important;
}

.admin-shell .rz-html-editor {
    background: #14161a !important;
    border: 1px solid var(--admin-border) !important;
    color: var(--admin-text) !important;
}

.admin-shell .rz-html-editor-toolbar {
    background: rgba(196, 163, 90, 0.1) !important;
    border-bottom: 1px solid var(--admin-border) !important;
}

.admin-shell .rz-checkbox-label,
.admin-shell .rz-form-field-label {
    color: var(--admin-muted) !important;
}

.admin-shell .admin-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 1rem 0;
    padding: 0.85rem 1rem;
    border: 1px solid var(--admin-border);
    background: var(--admin-surface);
}

.admin-shell .admin-toolbar-label {
    font-family: "Barlow Condensed", system-ui, sans-serif;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mark-brass);
    font-size: 0.9rem;
}

.admin-shell .admin-status-unsaved {
    color: #e8b86d;
    font-weight: 600;
}

.admin-shell .admin-untitled {
    color: var(--admin-muted) !important;
    font-style: italic;
}

.admin-shell .admin-page-title {
    margin: 0.5rem 0 0.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff !important;
}

/* Radzen upload / progress on dark admin */
.admin-shell .rz-fileupload,
.admin-shell .rz-progressbar {
    background: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}