/* SurgicalBay Dark Theme Override */
body {
    background: #1a1a1a !important;
    color: #e5e5e5 !important;
}

header {
    border-bottom: 1px solid #333333 !important;
}

h1 {
    color: #ffffff !important;
}

.subtitle {
    color: #999999 !important;
}

/* Tabs */
.tabs {
    border-bottom: 1px solid #333333 !important;
}

.tab-btn {
    color: #999999 !important;
}

.tab-btn:hover {
    color: #e5e5e5 !important;
}

.tab-btn.active {
    color: #ffffff !important;
    border-bottom-color: #b84238 !important;
}

/* Form Elements */
label {
    color: #e5e5e5 !important;
}

input[type="text"],
input[type="email"],
input[type="time"],
textarea,
select {
    background: #2d2d2d !important;
    border: 1px solid #404040 !important;
    color: #e5e5e5 !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #b84238 !important;
}

/* Buttons */
button {
    background: #b84238 !important;
    color: #ffffff !important;
}

button:hover {
    background: #a03830 !important;
    box-shadow: 0 4px 12px rgba(184, 66, 56, 0.3) !important;
}

.btn-secondary {
    background: #2d2d2d !important;
    color: #e5e5e5 !important;
    border: 1px solid #404040 !important;
}

.btn-secondary:hover {
    background: #3d3d3d !important;
}

/* Cards */
.card {
    background: #242424 !important;
    border: 1px solid #333333 !important;
}

.card h2,
.card h3 {
    color: #ffffff !important;
}

/* File Upload */
.file-upload-area {
    background: #2d2d2d !important;
    border: 2px dashed #404040 !important;
    color: #e5e5e5 !important;
}

.file-upload-area:hover {
    border-color: #b84238 !important;
    background: #333333 !important;
}

.file-upload-area.dragover {
    border-color: #b84238 !important;
    background: #3d3d3d !important;
}

.file-info {
    background: #2d2d2d !important;
    color: #e5e5e5 !important;
}

/* Column Mapping */
.column-mapping {
    background: #2d2d2d !important;
}

/* Progress */
.progress-bar {
    background: #333333 !important;
}

.progress-fill {
    background: #b84238 !important;
}

.progress-text {
    color: #999999 !important;
}

/* Results */
.stat-box {
    background: #2d2d2d !important;
    border: 1px solid #404040 !important;
}

.stat-label {
    color: #999999 !important;
}

.stat-value {
    color: #ffffff !important;
}

.analysis {
    background: #2d2d2d !important;
    color: #e5e5e5 !important;
}

/* Alerts */
.alert-error {
    background: #3d1f1f !important;
    border: 1px solid #b84238 !important;
    color: #ff6b6b !important;
}

.alert-success {
    background: #1f3d2f !important;
    border: 1px solid #22C55E !important;
    color: #6bffaa !important;
}

.alert-info {
    background: #1f2f3d !important;
    border: 1px solid #3B82F6 !important;
    color: #6baaff !important;
}

/* Info Box */
.info-box {
    background: #2d2d2d !important;
    border-left: 4px solid #b84238 !important;
    color: #e5e5e5 !important;
}

/* Loading Spinner */
.spinner {
    border: 4px solid #333333 !important;
    border-top: 4px solid #b84238 !important;
}

/* Price Tags */
.price-list summary {
    background: #2d2d2d !important;
    color: #e5e5e5 !important;
}

.price-tag {
    background: #b84238 !important;
    color: #ffffff !important;
}

/* Connection Cards */
.connection-card {
    background: #2d2d2d !important;
    border: 1px solid #404040 !important;
}

.connection-info h4 {
    color: #ffffff !important;
}

.connection-info p {
    color: #999999 !important;
}

/* Schedule Dialog */
#existingSchedule {
    background: #2d2d2d !important;
    color: #e5e5e5 !important;
}

/* Small text */
small {
    color: #999999 !important;
}

small a {
    color: #b84238 !important;
}

small a:hover {
    color: #a03830 !important;
}

/* Inline styles need override */
#userDisplay {
    color: #999999 !important;
}

/* Details/Summary */
details summary {
    color: #e5e5e5 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .tab-btn.active {
        border-left-color: #b84238 !important;
    }
}
