/* ========================================
   AntDesign Override CSS for Status Page
   This file MUST load after ant-design-blazor.css
   Every colour is a token (app.css dark / light blocks), so AntD follows the system scheme (I-022 D-c).
   ======================================== */

/* ========================================
   Message/Notification Overrides
   ======================================== */

.ant-message-notice-content {
    background: var(--color-bg-dark-secondary) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-popover) !important;
}

.ant-message-success .anticon {
    color: var(--color-success) !important;
}

.ant-message-error .anticon {
    color: var(--color-danger) !important;
}

/* Orange only means "mine" — an informational message is info-blue, not brand orange. */
.ant-message-info .anticon {
    color: var(--color-info) !important;
}

.ant-message-notice-content .ant-message-custom-content span:last-child {
    color: var(--text-primary) !important;
}

/* ========================================
   Button Overrides - Flat F buttons
   ======================================== */

/* Base button - rounded corners for all buttons */
.ant-btn {
    border-radius: var(--radius-sm) !important;
    font-weight: 500;
    transition: all var(--transition-fast) !important;
}

/* Primary button - flat orange fill with ink text (white on #ed7200 is only 3.0:1), no gradient, no glow */
.ant-btn-primary,
button.ant-btn-primary,
.ant-btn.ant-btn-primary {
    background: var(--color-primary) !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--text-on-primary) !important;
    transition: all var(--transition-fast) !important;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus,
button.ant-btn-primary:hover,
button.ant-btn-primary:focus {
    background: var(--color-primary-hover) !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--text-on-primary) !important;
}

.ant-btn-primary:active,
button.ant-btn-primary:active {
    background: var(--color-primary-dark) !important;
    box-shadow: none !important;
    color: var(--text-on-primary) !important;
}

/* Disabled primary button */
.ant-btn-primary[disabled],
.ant-btn-primary.ant-btn-disabled {
    background: rgba(var(--color-primary-rgb), 0.3) !important;
    box-shadow: none !important;
    color: var(--text-muted) !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Default button - flat panel style */
.ant-btn-default {
    background: var(--glass-bg-light) !important;
    border: 1px solid var(--glass-border-light) !important;
    color: var(--text-secondary) !important;
}

.ant-btn-default:hover:not(:disabled),
.ant-btn-default:focus:not(:disabled) {
    background: var(--color-bg-dark-tertiary) !important;
    border-color: var(--text-muted) !important;
    color: var(--text-primary) !important;
}

.ant-btn-default[disabled],
.ant-btn-default.ant-btn-disabled {
    background: var(--glass-bg) !important;
    border-color: var(--glass-border) !important;
    color: var(--text-muted) !important;
    cursor: not-allowed;
}

/* Text button */
.ant-btn-text {
    background: transparent !important;
    border: none !important;
    color: var(--text-secondary) !important;
}

.ant-btn-text:hover:not(:disabled),
.ant-btn-text:focus:not(:disabled) {
    background: var(--glass-bg-light) !important;
    color: var(--text-primary) !important;
}

/* Link button */
.ant-btn-link {
    background: transparent !important;
    border: none !important;
    color: var(--color-primary-text) !important;
    box-shadow: none !important;
}

.ant-btn-link:hover:not(:disabled),
.ant-btn-link:focus:not(:disabled) {
    color: var(--color-primary-text) !important;
    text-decoration: underline;
}

/* ========================================
   Spin/Loading Overrides
   ======================================== */

.ant-spin-text {
    color: var(--text-secondary) !important;
}

.ant-spin-dot-item {
    background-color: var(--color-primary) !important;
}

/* ========================================
   Alert Overrides - Flat panels
   ======================================== */

.ant-alert {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    padding: var(--space-md) var(--space-lg) !important;
}

.ant-alert-message {
    color: var(--text-primary) !important;
}

.ant-alert-description {
    color: var(--text-secondary) !important;
}

.ant-alert-info {
    background: rgba(var(--color-info-rgb), 0.1) !important;
    border-color: rgba(var(--color-info-rgb), 0.3) !important;
}

.ant-alert-info .ant-alert-icon {
    color: var(--color-info) !important;
}

.ant-alert-success {
    background: rgba(var(--color-success-rgb), 0.1) !important;
    border-color: rgba(var(--color-success-rgb), 0.3) !important;
}

.ant-alert-success .ant-alert-icon {
    color: var(--color-success) !important;
}

.ant-alert-warning {
    background: rgba(var(--color-warning-rgb), 0.1) !important;
    border-color: rgba(var(--color-warning-rgb), 0.3) !important;
}

.ant-alert-warning .ant-alert-icon {
    color: var(--color-warning) !important;
}

.ant-alert-error {
    background: rgba(var(--color-danger-rgb), 0.1) !important;
    border-color: rgba(var(--color-danger-rgb), 0.3) !important;
}

.ant-alert-error .ant-alert-icon {
    color: var(--color-danger) !important;
}

/* ========================================
   Empty State Overrides
   ======================================== */

.ant-empty-description {
    color: var(--text-muted) !important;
}

.ant-empty-image svg {
    fill: var(--glass-border-light) !important;
}

/* ========================================
   Tag Overrides - Flat F tags
   Each preset colour is one severity token (tint + border + text), so no tag is brand orange (D-h):
   red = err, orange = partial (used only by Major impact), gold = warn, blue = info, green = ok.
   ======================================== */

.ant-tag {
    background: var(--glass-bg-light) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-xs) !important;
    color: var(--text-secondary) !important;
}

.ant-tag-green {
    background: rgba(var(--color-success-rgb), 0.14) !important;
    border-color: rgba(var(--color-success-rgb), 0.3) !important;
    color: var(--color-success) !important;
}

.ant-tag-blue {
    background: rgba(var(--color-info-rgb), 0.14) !important;
    border-color: rgba(var(--color-info-rgb), 0.3) !important;
    color: var(--color-info) !important;
}

.ant-tag-gold {
    background: rgba(var(--color-warning-rgb), 0.14) !important;
    border-color: rgba(var(--color-warning-rgb), 0.3) !important;
    color: var(--color-warning) !important;
}

.ant-tag-orange {
    background: rgba(var(--color-partial-rgb), 0.14) !important;
    border-color: rgba(var(--color-partial-rgb), 0.3) !important;
    color: var(--color-partial-text) !important;
}

.ant-tag-red {
    background: rgba(var(--color-danger-rgb), 0.14) !important;
    border-color: rgba(var(--color-danger-rgb), 0.3) !important;
    color: var(--color-danger) !important;
}

/* ========================================
   Tooltip Overrides
   ======================================== */

.ant-tooltip-inner {
    background: var(--color-bg-dark-tertiary) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-popover) !important;
}

.ant-tooltip-arrow-content {
    background: var(--color-bg-dark-tertiary) !important;
}

/* ========================================
   Card Overrides - Flat panels
   ======================================== */

.ant-card {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    color: var(--text-primary) !important;
}

.ant-card-body {
    background: transparent !important;
}

.ant-card-head {
    background: transparent !important;
    border-bottom: 1px solid var(--glass-border) !important;
    color: var(--text-primary) !important;
}

.ant-card-head-title {
    color: var(--text-primary) !important;
}