/* Bright theme CSS file for Portfolio Manager application - Theme-specific styling */

/* Import common styles */
@import url('main.css');

/* General styling - colors only */
body {
    background-color: #ffffff;
    color: #000000;
}

/* Section styling - colors only */
.import-section, .content-section {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

/* Heading styling - colors only */
h1, h2 {
    color: #333;
}

/* Message styling - colors only */
.success {
    background-color: #d4edda;
    color: #155724;
}

.error {
    background-color: #f8d7da;
    color: #721c24;
}

/* Button styling - colors only */
button {
    background-color: #4CAF50;
    color: white;
}

button:hover {
    background-color: #45a049;
}

/* Table styling - colors only */
th, td {
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

th {
    background-color: #f2f2f2;
}

/* Filter styling - colors only */
.filter-container {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.filter-input {
    border: 1px solid #ddd;
}

.filter-button {
    background-color: #4CAF50;
    color: white;
}

.filter-button:hover {
    background-color: #45a049;
}

/* Link styling - colors only */
a {
    color: #0066cc;
}

/* Additional table styling - colors only */
td[rowspan] {
    background-color: #f9f9f9;
}

/* Row hover styling */
tr:hover {
    background-color: #e6f7ff;
}

/* Theme toggle removed */

/* ========================================
   Modal Styles (Bright Theme Colors)
   ======================================== */
.modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    color: #000000;
}

.modal-header, .modal-footer {
    background-color: #f1f1f1;
    border-color: #ddd;
}

.modal-close {
    color: #aaa;
}

.modal-close:hover {
    color: #000;
}

/* ========================================
   Period Selector & Chips (Bright Theme Colors)
   ======================================== */
.period-select {
    background-color: white;
    border: 1px solid #ccc;
    color: black;
}

.period-select option {
    background-color: white;
    color: black;
}

.checkbox-grid label {
    color: #000000;
}

.period-chips {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

/* ========================================
   Form Input Styles (Bright Theme Colors)
   ======================================== */
input[type="date"], input[type="number"] {
    background-color: white;
    border: 1px solid #ccc;
    color: black;
}

input[type="date"]:focus, input[type="number"]:focus {
    border-color: #007bff;
    background-color: #fff;
}

/* Color-scheme for native date picker */
input[type="date"] {
    color-scheme: light;
}