/*
    AXG Lucky Wheel Panel admin theme polish.
    Loaded after admin.css so these visual rules win over legacy page styles.
*/
:root {
    --axg-primary: #123f73;
    --axg-primary-hover: #0d315c;
    --axg-primary-soft-focus: rgba(18, 63, 115, 0.22);
    --axg-text-strong: #111827;
    --axg-text-body: #1f2937;
    --axg-text-muted: #64748b;
    --axg-border-blue: #d6e8ff;
}

body {
    color: var(--axg-text-body);
}

.btn,
.axg-btn-primary,
.axg-btn-secondary,
.axg-btn-danger,
.admin-form-btn,
.gs-save-btn,
.gs-reset-btn,
.export-btn-primary,
.dashboard-filter-apply {
    font-weight: 600 !important;
}

.btn-gold,
.dashboard-filter-apply,
.axg-search-button,
.axg-add-button,
.axg-btn-primary,
.admin-form-btn-primary,
.export-btn-primary,
.general-settings-page .gs-save-btn,
.content-area .role-form-grid button[type="submit"],
.login-form button {
    min-height: 38px !important;
    border-color: var(--axg-primary) !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    color: #ffffff !important;
    background: var(--axg-primary) !important;
    box-shadow: 0 6px 14px rgba(18, 63, 115, 0.12) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.btn-gold:hover,
.dashboard-filter-apply:hover,
.axg-search-button:hover,
.axg-add-button:hover,
.axg-btn-primary:hover,
.admin-form-btn-primary:hover,
.export-btn-primary:hover,
.general-settings-page .gs-save-btn:hover,
.content-area .role-form-grid button[type="submit"]:hover,
.login-form button:hover {
    border-color: var(--axg-primary-hover) !important;
    background: var(--axg-primary-hover) !important;
}

.btn-gold:focus-visible,
.dashboard-filter-apply:focus-visible,
.axg-search-button:focus-visible,
.axg-add-button:focus-visible,
.axg-btn-primary:focus-visible,
.admin-form-btn-primary:focus-visible,
.export-btn-primary:focus-visible,
.general-settings-page .gs-save-btn:focus-visible,
.content-area .role-form-grid button[type="submit"]:focus-visible,
.login-form button:focus-visible {
    outline: 3px solid var(--axg-primary-soft-focus) !important;
    outline-offset: 2px;
}

.btn-small {
    min-height: 34px !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.btn-danger,
.axg-btn-danger,
.status-badge,
.spin-status-success,
.claim-status-pending,
.claim-status-approved,
.claim-status-rejected {
    box-shadow: none;
}

.content-area h1,
.content-area h2,
.content-area h3,
.section-heading h3,
.axg-page-title,
.topbar h1 {
    color: var(--axg-text-strong) !important;
    font-weight: 650 !important;
}

.content-area p,
.content-area li,
.content-area td,
.content-area small,
.form-help,
.form-help-inline,
.axg-form-help,
.settings-field small,
.gs-help,
.export-card-description,
.upload-hint,
.axg-upload-help,
.axg-upload-current,
.muted-text {
    color: var(--axg-text-body) !important;
    font-weight: 400 !important;
}

.site-form label,
.filter-bar label,
.site-picker label,
.settings-field label,
.gs-field label,
.axg-filter-field,
.dashboard-filter-field label,
.content-area .site-form label,
.content-area .filter-bar label,
.content-area .site-picker label,
.content-area .role-form-grid label {
    color: var(--axg-text-body) !important;
    font-weight: 500 !important;
}

.content-area .form-help,
.content-area .form-help-inline,
.content-area .site-form small,
.content-area .filter-bar small,
.axg-upload-help,
.settings-field small,
.gs-help,
.export-card-description,
.placeholder-card p,
.info-content li {
    color: var(--axg-text-muted) !important;
    font-weight: 400 !important;
}

.eyebrow,
.stat-topline,
.quick-status-card span,
.data-table th,
.site-code-badge,
.no-user-badge,
.axg-summary-card .stat-topline {
    font-weight: 600 !important;
}

.table-link {
    color: var(--axg-primary) !important;
    font-weight: 600 !important;
}

.btn-muted,
.axg-btn-secondary,
.admin-form-btn-secondary,
.general-settings-page .gs-reset-btn {
    color: var(--axg-text-strong) !important;
    font-weight: 500 !important;
}

.axg-page-icon,
.nav-icon {
    color: var(--axg-primary) !important;
}

.topbar,
.panel-card,
.stat-card,
.table-wrap {
    border-color: var(--axg-border-blue);
}
