/*
 * ARTIST AMP PORTAL - THEME OVERRIDE
 * Only changes: Colors, Header Design, Text Sizes
 */

body {
    background-color: #2B2D31 !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
}

.card, .panel, .user-card, .search-section, .user-details, .recent-actions,
.login-card, .modal-content,
[style*="background: white"], [style*="background-color: white"],
[style*="background:#fff"], [style*="background-color:#fff"] {
    background-color: #313338 !important;
}

.user-meta, .action-section, .meta-item, input, textarea, select {
    background-color: #1E1F22 !important;
    color: #FFFFFF !important;
}

h1, h2, h3, h4, h5, h6, .user-email, .admin-email, #userEmail, .login-title {
    color: #FFFFFF !important;
}

p, span, label, td, th {
    color: #B5BAC1 !important;
}

.text-muted, .user-id, .meta-item, .login-subtitle {
    color: #80848E !important;
}

input, textarea, select, .panel-header, .user-header, .modal-header, .modal-footer {
    border-color: #3F4147 !important;
}

input::placeholder, textarea::placeholder {
    color: #80848E !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #FF6B35 !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1) !important;
}

.btn-primary, .login-btn, #searchUserBtn, #updatePlanBtn, button[type="submit"] {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
}

.btn-primary:hover, .login-btn:hover, #searchUserBtn:hover, #updatePlanBtn:hover {
    background-color: #FF8555 !important;
}

.btn-success {
    background-color: #23A55A !important;
}

.btn-danger, #deleteUserBtn {
    background-color: #F23F43 !important;
}

.btn-warning, #resetUserBtn {
    background-color: #F0B232 !important;
    color: #1E1F22 !important;
}

.btn-secondary {
    background-color: #4E5058 !important;
    color: #FFFFFF !important;
}

.admin-header, .header, header {
    background-color: #313338 !important;
    border-bottom: 1px solid #26272B !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.admin-header h1, .header h1 {
    color: #FFFFFF !important;
    font-size: 28px !important;
}

.admin-header h1 i, .header h1 i {
    color: #FF6B35 !important;
}

h1 { font-size: 32px !important; }
h2 { font-size: 26px !important; }
h3 { font-size: 22px !important; }
h4 { font-size: 20px !important; }

p, span, div, td {
    font-size: 18px !important;
}

input, textarea, select, .btn, button {
    font-size: 18px !important;
    padding: 14px 20px !important;
}

label {
    font-size: 16px !important;
}

.badge, .plan-badge, .user-status {
    font-size: 16px !important;
    padding: 8px 16px !important;
}

.badge-success, .status-active {
    background-color: rgba(35, 165, 90, 0.2) !important;
    color: #23A55A !important;
}

.badge-danger, .status-inactive {
    background-color: rgba(242, 63, 67, 0.2) !important;
    color: #F23F43 !important;
}

.plan-badge {
    background: linear-gradient(135deg, #FF6B35, #E5602F) !important;
    color: #FFFFFF !important;
}

.modal-overlay, .modal[style*="display: flex"] {
    background-color: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(4px) !important;
}

.modal-content, .modal {
    background-color: #313338 !important;
}

#modalTitle {
    color: #FFFFFF !important;
    font-size: 24px !important;
}

#modalMessage {
    color: #B5BAC1 !important;
    font-size: 18px !important;
}

table {
    background-color: #313338 !important;
}

thead {
    background-color: #1E1F22 !important;
}

th {
    color: #B5BAC1 !important;
    font-size: 16px !important;
}

td {
    border-color: #26272B !important;
    font-size: 18px !important;
}

tr:hover {
    background-color: #35373C !important;
}

.toast {
    background-color: #313338 !important;
}

a {
    color: #FF6B35 !important;
}

a:hover {
    color: #FF8555 !important;
}

.login-container {
    background-color: #2B2D31 !important;
}

.no-access {
    background-color: #1E1F22 !important;
    color: #80848E !important;
}

.action-item {
    background-color: #1E1F22 !important;
    border-left-color: #FF6B35 !important;
}