/* ===== Brand Color Tokens ===== */
:root {
    --adopt-color-brand-blue: #363f82;
    --adopt-color-brand-blue-light: #6b73ab;
    --adopt-color-brand-blue-dark: #2c3570;
    --adopt-color-brand-blue-rgb: 54, 63, 130;

    --adopt-color-brand-orange: #e08116;
    --adopt-color-brand-orange-light: #eca458;
    --adopt-color-brand-orange-dark: #b9670d;
    --adopt-color-brand-orange-rgb: 224, 129, 22;

    --adopt-color-brand-green: #98cb4a;
    --adopt-color-brand-green-light: #b8dd83;
    --adopt-color-brand-green-dark: #7da83d;
    --adopt-color-brand-green-rgb: 152, 203, 74;
}

/* ===== Blazor Infrastructure ===== */
#blazor-error-ui {
    display: none !important;
}

.loading-progress circle { 
    fill: none;
}

/* ===== Radzen Layout Overrides ===== */
.rz-body {
    overflow: visible !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-overflow: unset !important;
}

.rz-layout {
    height: auto !important;
    min-height: 100vh;
    background-image: linear-gradient(var(--adopt-color-brand-green), #ffffff 30%) !important;
}

.rz-line {
    display: none !important;
}

/* ===== Theme Button (shared across pages) ===== */
.theme-button.rz-button {
    background-color: var(--adopt-color-brand-blue) !important;
    border-color: var(--adopt-color-brand-blue) !important;
}

    .theme-button.rz-button:hover:not(:disabled) {
        background-color: var(--adopt-color-brand-blue-dark) !important;
        border-color: var(--adopt-color-brand-blue-dark) !important;
    }

    .theme-button.rz-button:disabled {
        background-color: var(--adopt-color-brand-blue-light) !important;
        border-color: var(--adopt-color-brand-blue-light) !important;
    }

/* ===== Profile Link (shared) ===== */
.profile-link {
    color: white !important;
    cursor: pointer;
    background-color: transparent;
}

.profile-link:hover {
    text-decoration: underline;
}

/* ===== Comment Item (shared data grid styling) ===== */
.comment-item {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* ===== Footer Radzen Overrides ===== */
.global-footer .rz-row {
    margin: 0 !important;
}

.global-footer .rz-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.rz-tooltip-content {
    white-space: pre-line !important;
    background-color: var(--adopt-color-brand-blue) !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 10px 12px !important;
}

.stats-tooltip .rz-tooltip-content {
    max-width: 280px;
}

/* ===== Controls Row ===== */
@media (max-width: 600px) {
    .page-controls {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .date-controls {
        flex-direction: column !important;
        gap: 1rem !important;
    }
}

.animal-menu-item .rz-navigation-item-text {
    color: var(--adopt-color-brand-blue) !important;
    font-weight: 700 !important;
}
.animal-menu-item .rzi {
    color: var(--adopt-color-brand-blue) !important;
}

.playstyle-dialog-content {
    padding: 0 !important;
    overflow: hidden;
}