/* 
* Fiscal Manager - Layout korjaukset
* Tämä tiedosto sisältää korjauksia mahdollisiin tyylien ristiriitoihin.
* Se ladataan viimeisenä, joten se yliajoaa muut tyylit.
*/

/* Korjaa body-sisällön margin päänäytöillä */
.body-content {
    margin-top: 80px ;
    min-height: calc(100vh - 220px) ;
    padding: 15px ;
}

/* Varmista, että footer pysyy sivun alalaidassa */
.fiscal-footer {
    margin-top: auto ;
}

/* Varmista, että headerin sisältö on oikein järjestetty */
.fiscal-header .navbar {
    background: none ;
    position: static ;
}

/* Korjaa mahdolliset näkyvyysongelmat Syncfusion-komponenteissa */
.e-listbox-wrapper .e-list-parent {
    height: auto ;
    overflow-y: auto ;
}

/* Varmista, että taulukot näkyvät oikein */
.table-responsive {
    overflow-x: auto ;
    overflow-y: hidden ;
    margin-bottom: 20px ;
    border: none ;
}

/* Varmista, että painikkeissa on oikea tyyli */
.e-btn {
    border-radius: 3px ;
}

/* Korjaa input-kenttien taustavarit ja reunat - EI KOSKE LISTBOXIN SISÄLTÖÄ */
input:not(.e-list-item):not([class*="e-listbox"]), 
select:not(.e-list-item):not([class*="e-listbox"]), 
textarea:not(.e-list-item):not([class*="e-listbox"]), 
.form-control:not(.e-list-item):not([class*="e-listbox"]) {
    background-color: #122938 ;
    color: #ffffff ;
    border: 1px solid #0073ff ;
}

/* EI KOSKE MITÄÄN LISTBOXIN SISÄISTÄ ELEMENTTIÄ */
.e-listbox-wrapper *, 
.e-listbox-container * {
    /* Listboxin sisäiset elementit eivät saa pakotettuja tyylejä */
}

/* Varmista, että valintalaatikoissa on oikea väri */
input[type="checkbox"], input[type="radio"] {
    background-color: #ffffff ;
}

/* KAIKKI SYNCFUSION INPUT-KENTÄT DIALOGEISSA - yliajaa yllä olevan input-säännön */
.e-dialog input.e-control.e-dropdownlist,
.e-dialog input.e-control.e-combobox,
.e-dialog input.e-control.e-autocomplete,
.e-dialog input.e-control.e-maskedtextbox,
.e-dialog input.e-control.e-textbox,
.e-dialog input.e-control.e-numerictextbox,
.e-dialog input.e-control[class*="e-input"] {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: black !important;
    border: 1px solid #0073ff !important;
}


/* Varmista, että sivun kokonaisleveys on rajoitettu */
.page {
    position: relative ;
    width: 100% ;
    min-height: 100vh ;
    display: flex ;
    flex-direction: column ;
}

.container.body-content {
    margin-top: 70px !important;
    padding: 15px !important;
    width: 100% !important;
    max-width: 1170px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.page > .container.body-content {
    flex: 1 ;
}

/* Korjaa Syncfusion-komponenttien dialogi-popup */
.e-dialog.e-popup {
    border-radius: 3px ;
}

/* Varmista, että Syncfusion napit renderöityvät oikein */
.e-control.e-btn {
    font-family: 'Roboto', sans-serif ;
}

/* Varmista, että kaikki ikonit ovat samankokoisia */
.footer-icon, .header-logo-icon {
    width: 20px ;
    height: 20px ;
}

/* Varmista, että ListBox-komponentissa on riittävästi riviväliä */
.e-listbox-wrapper .e-list-item, 
.e-listbox-container .e-list-item {
    line-height: 1.5 ;
    padding: 8px 12px ;
}

/* Korjaa Dialog-painikkeiden asettelu */
.e-dialog .e-footer-content .e-btn {
    margin-left: 8px ;
}

/* Korjaa container-luokan leveys */
.container {
    width: 100% ;
    max-width: 1170px ;
    margin-left: auto ;
    margin-right: auto ;
    padding-left: 15px ;
    padding-right: 15px ;
}

/* Override Bootstrap container rajoitukset pienissä näytöissä */
@media (max-width: 576px) {
    .container {
        max-width: 100% ;
        padding-left: 10px ;
        padding-right: 10px ;
    }
    
    .body-content {
        margin-top: 70px ;
    }
}