/* === Radzen Overrides — Editorial Tech Campus === */

.rz-layout { background: transparent; }

.rz-header {
    background: rgba(9, 13, 20, 0.78) !important;
    border-bottom: 1px solid var(--cs-border);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(var(--cs-blur));
}

.rz-sidebar {
    background: rgba(17, 24, 37, 0.92) !important;
    border-right: 1px solid var(--cs-border);
    backdrop-filter: blur(var(--cs-blur));
}

.rz-body { background: transparent; }

.rz-footer {
    background: rgba(9, 13, 20, 0.72);
    border-top: 1px solid var(--cs-border);
}

.rz-button {
    border-radius: var(--cs-radius-full) !important;
    font-weight: var(--cs-font-medium) !important;
    letter-spacing: 0.02em;
    min-height: 46px !important;
    transition: all var(--cs-transition-fast) !important;
}

.rz-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18) !important;
}

.rz-button:active { transform: translateY(0); }

.rz-button.rz-variant-filled,
.rz-button.rz-button-contained {
    background: linear-gradient(135deg, var(--cs-primary), #d1a57f) !important;
    color: #120f0c !important;
}

.rz-button.rz-variant-outlined {
    border-color: rgba(141, 201, 255, 0.22) !important;
    color: var(--cs-text-primary) !important;
}

.rz-card {
    background: linear-gradient(180deg, rgba(22, 33, 49, 0.92), rgba(12, 18, 29, 0.96)) !important;
    border: 1px solid var(--cs-border) !important;
    border-radius: var(--cs-radius-xl) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.16) !important;
}

.rz-textbox,
.rz-password,
.rz-textarea,
.rz-numeric,
.rz-dropdown .rz-dropdown-container {
    background: var(--cs-bg-input) !important;
    border: 1px solid var(--cs-border-strong) !important;
    border-radius: var(--cs-radius-lg) !important;
    color: var(--cs-text-primary) !important;
}

.rz-textbox:focus,
.rz-password:focus,
.rz-textarea:focus,
.rz-numeric:focus {
    border-color: rgba(141, 201, 255, 0.32) !important;
    box-shadow: 0 0 0 3px rgba(141, 201, 255, 0.12) !important;
    outline: none !important;
}

.rz-grid-table thead tr th {
    background: rgba(17, 24, 37, 0.95) !important;
    border-bottom: 1px solid var(--cs-border-strong) !important;
    font-size: var(--cs-text-sm) !important;
    font-weight: var(--cs-font-semibold) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cs-text-secondary) !important;
    padding: var(--cs-space-3) var(--cs-space-4) !important;
}

.rz-grid-table tbody tr td {
    border-bottom: 1px solid var(--cs-border) !important;
    padding: var(--cs-space-3) var(--cs-space-4) !important;
}

.rz-grid-table tbody tr:hover td {
    background: rgba(141, 201, 255, 0.05) !important;
}

.rz-breadcrumb { padding: var(--cs-space-1) 0 !important; }
.rz-breadcrumb-item a { color: var(--cs-text-secondary) !important; }
.rz-breadcrumb-item.rz-breadcrumb-item-active a { color: var(--cs-text-primary) !important; }

.rz-dialog {
    background: linear-gradient(180deg, rgba(17, 24, 37, 0.98), rgba(9, 13, 20, 0.98)) !important;
    border: 1px solid var(--cs-border-strong) !important;
    border-radius: var(--cs-radius-xl) !important;
    box-shadow: var(--cs-shadow-lg) !important;
}

.rz-dialog-titlebar,
.rz-dialog-footer,
.rz-tabview-nav,
.rz-paginator {
    border-color: var(--cs-border) !important;
}