/* 
 * Admin System Panels CSS
 * Provides specific overrides for system panels in the admin area
 */

/* System tabs navigation */
.admin-system-tabs {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #eee;
    padding-left: 15px;
    padding-right: 15px;
}

.admin-system-tabs .nav-link {
    color: #555;
    padding: 12px 15px;
    font-weight: 500;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all 0.2s;
}

.admin-system-tabs .nav-link:hover {
    color: #333;
}

.admin-system-tabs .nav-link.active {
    color: #06d6a0;
    border-bottom-color: #06d6a0;
    background-color: transparent;
}

/* System content panels */
.system-content-wrapper {
    border-radius: 0 0 8px 8px;
    border: 1px solid #eee;
    border-top: none;
    padding: 20px;
    background-color: white;
}

/* Form styling */
.admin-form-container {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding: 20px;
}

.admin-form-container .form-label {
    font-weight: 500;
    color: #444;
}

.admin-form-container .form-control,
.admin-form-container .form-select {
    border-color: #e2e8f0;
    padding: 0.6rem 0.75rem;
}

.admin-form-container .form-control:focus,
.admin-form-container .form-select:focus {
    border-color: #a7f3d0;
    box-shadow: 0 0 0 0.25rem rgba(167, 243, 208, 0.25);
}

.admin-form-container .form-check-input:checked {
    background-color: #06d6a0;
    border-color: #06d6a0;
}

/* Form action buttons */
.admin-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.admin-form-actions .btn-primary {
    background-color: #06d6a0;
    border-color: #06d6a0;
}

.admin-form-actions .btn-primary:hover {
    background-color: #05c492;
    border-color: #05c492;
}

.admin-form-actions .btn-outline-secondary {
    color: #555;
    border-color: #ccc;
}

.admin-form-actions .btn-outline-secondary:hover {
    background-color: #f8f9fa;
}

/* Force visibility for system tabs */
#admin-system-panel .tab-content {
    display: block !important;
}

#system-general, 
#system-security, 
#system-backups, 
#system-integrations {
    display: block !important;
}

#system-general.active, 
#system-security.active, 
#system-backups.active, 
#system-integrations.active {
    opacity: 1 !important;
    visibility: visible !important;
}

.system-tabs-wrapper {
    display: block !important;
}

/* System stat cards */
.system-stat-card {
    background-color: white;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.system-stat-card .stat-title {
    font-size: 0.875rem;
    color: #555;
    margin-bottom: 5px;
}

.system-stat-card .stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
}

.system-stat-card .stat-change {
    font-size: 0.75rem;
    font-weight: 500;
}

.stat-change.positive {
    color: #06d6a0;
}

.stat-change.negative {
    color: #ff5a5f;
}