/* ============================================================
   POLARXPRESS - LIGHTER DARK MODE (PEHMEÄMPI TUMMA)
   ============================================================ */

/* --- OSA 1: YLEISET VÄRIT --- */

/* Pohjaväri: Nyt pehmeämpi harmaa (oli #121212) */
body {
    background-color: #222222 !important; 
    color: #e0e0e0 !important;
}

/* Linkkien väri */
a { color: #3ea6ff; text-decoration: none; }

/* Napit */
.btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

/* --- OSA 2: DASHBOARD & ADMIN PÄÄALUEET --- */

/* Yläpalkki (Navbar) - Hieman vaaleampi musta */
.bg-primary, .navbar, .main-header {
    background-color: #2a2a2a !important;
    border-color: #444 !important;
    border-bottom: 1px solid #444 !important;
}

/* Adminin ja sivuston pääalueen tausta */
.content-wrapper, .wrapper, .main-footer {
    background-color: #222222 !important; /* Sama kuin body */
    color: #e0e0e0 !important;
}

/* --- OSA 3: VASEN SIVUPALKKI (SIDEBAR) --- */

/* Sivupalkki: Erottuu taustasta olemalla hieman tummempi */
aside.main-sidebar, 
.main-sidebar,
.sidebar-light-primary {
    background-color: #1a1a1a !important; /* Tummempi kuin tausta, mutta ei musta */
    border-right: 1px solid #333;
}

/* Sivupalkin tekstit */
.nav-sidebar .nav-item > .nav-link p,
.nav-sidebar .nav-item > .nav-link i {
    color: #cfcfcf !important;
}
.nav-sidebar .nav-item > .nav-link.active {
    background-color: #0d6efd !important;
    color: #fff !important;
}
.brand-link { /* Logoalue vasemmalla ylhäällä */
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333 !important;
    color: #fff !important;
}

/* --- OSA 4: KORTIT JA TAULUKOT (CARDS & TABLES) --- */

/* Kortit: Nyt selkeästi vaaleammat kuin tausta, jotta ne "kelluvat" */
.card {
    background-color: #2c2c2c !important; /* Vaaleampi harmaa */
    border: 1px solid #444 !important;
    color: #fff !important;
}
.card-header {
    background-color: #333333 !important;
    border-bottom: 1px solid #444 !important;
}

/* Taulukot */
.table {
    background-color: #2c2c2c !important;
    color: #ddd !important;
}
.table td, .table th {
    background-color: #2c2c2c !important;
    border-color: #444 !important;
}

/* --- OSA 5: LOMAKKEET (INPUTS) --- */

input.form-control, select.form-control, textarea.form-control, .custom-select {
    background-color: #3a3a3a !important; /* Tarpeeksi vaalea kirjoittamiseen */
    border: 1px solid #555 !important;
    color: #fff !important;
}
.select2-container--default .select2-selection--single {
    background-color: #3a3a3a !important;
    border: 1px solid #555 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

/* --- OSA 6: LOGIN-SIVUN PIILOTUKSET --- */
.login-page footer, footer .text-muted, .footer .text-sm-right {
    display: none !important;
}
body.login-page::after {
    content: "© 2026 Polarxpress Virtual Airline";
    position: fixed; bottom: 15px; width: 100%; text-align: center;
    color: #888; font-size: 12px; pointer-events: none;
}
/* ============================================================
   OSA 7: PYÖRISTETYT KULMAT (MODERN LOOK)
   ============================================================ */

/* 1. Kortit (ne isot laatikot) */
.card {
    border-radius: 15px !important; /* Reilu pyöristys */
    overflow: hidden; /* Varmistaa, ettei sisältö tule kulmista yli */
}

/* Kortin otsikko (yläosa) pitää pyöristää vain ylhäältä */
.card-header {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

/* 2. Napit (Buttons) */
.btn {
    border-radius: 8px !important; /* Hieman pienempi pyöristys nappeihin */
}

/* 3. Tekstikentät ja valikot */
input.form-control, 
select.form-control, 
textarea.form-control,
.custom-select,
.select2-selection--single {
    border-radius: 8px !important;
}

/* 4. Etusivun lentäjien kuvat (Newest Pilots) */
/* Jos haluat, että profiilikuvatkin ovat hieman pyöreitä */
.card img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}