html {
    /* A régi, fixált háttérkép beállítása */
    background-image: linear-gradient(rgba(10, 10, 20, 0.7), rgba(10, 10, 20, 0.7)), url('images/ETAR_Background.png'); /* Sötétkék szűrő a háttérképen */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

body {
    font-family: 'Inter', sans-serif;
    /* A régi, félig átlátszó fehér háttér a tartalomnak, a jobb olvashatóságért */
    background-color: transparent; /* Felülírjuk a Tailwind alapértelmezett fehér hátterét */
}

.screen { 
    display: none; 
}
.screen.active { 
    display: block; 
}

/* Partner work screen specific styles */
body.partner-work-active {
    display: block; /* Override flex settings */
    padding: 0;
}

.partner-work-active #home-logo-img,
.partner-work-active .container {
    display: none; /* Hide main logo and container */
}

body.partner-mode-active {
    background: linear-gradient(135deg, #1e3a8a, #000033);
}

#partnerWorkScreen.active {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: transparent;
    color: white;
}


.loader {
    border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db;
    width: 40px; height: 40px; animation: spin 2s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Új osztály az áttetsző fehér háttérhez */
.bg-trans-white {
    background-color: rgba(255, 255, 255, 0.8); /* 70%-os fehér háttér */
}

/* --- A régi oldalról áthozott stílusok --- */

.hero-section {
    background: linear-gradient(135deg, #1e3a8a, #000033) !important; /* --etar-primary, sötétkék. Az !important biztosítja, hogy ne írja felül semmi. */
    color: white;
    padding: 100px 0;
}

.section-title {
    color: #1e3a8a; /* --etar-primary */
}

/* --- Komponens stílusok (az @apply helyett) --- */

/* Kártya stílus */
.card {
    background-color: white;
    padding: 1.5rem 2rem; /* p-6 sm:p-8 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-md */
    color: #1f2937; /* text-gray-800 */
}

/* Input mező stílus */
.input-field {
    background-color: white;
    color: black !important;
    font-weight: bold;
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.375rem;
    border: 1px solid #93c5fd; /* border-blue-300 */
    transition: all 0.2s;
}
.input-field:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-color: #3b82f6; /* border-blue-500 */
    box-shadow: 0 0 0 2px #3b82f6;
}
.input-field::placeholder {
    color: #a0aec0; /* text-gray-400 */
    font-weight: normal;
}

/* Új stílus az aktív accordion gombhoz */
.active-accordion {
    background-color: #1e3a8a; /* --etar-primary */
    color: white !important; /* Az !important biztosítja, hogy felülírja a Tailwind osztályokat */
}

/* Gomb stílusok */
.btn {
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.2s;
    cursor: pointer;
}

.btn-primary {
    background-color: #2563eb; /* bg-blue-600 */
    color: white;
}
.btn-primary:hover {
    background-color: #1d4ed8; /* bg-blue-700 */
}

.btn-secondary {
    background-color: #4b5563; /* bg-gray-600 */
    color: white;
}
.btn-secondary:hover {
    background-color: #374151; /* bg-gray-700 */
}

.btn-info {
    background-color: #f59e0b; /* bg-amber-500 */
    color: white;
}
.btn-info:hover {
    background-color: #d97706; /* bg-amber-600 */
}

.btn-success {
    background-color: #16a34a; /* bg-green-600 */
    color: white;
}

/* Stílus a jegyzőkönyv meglétét jelző pöttyhöz */
.protocol-indicator-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #3b82f6; /* blue-500 */
    border-radius: 50%;
}

/* --- Partner Portál Menü Gombok --- */

.menu-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem; /* Térköz az ikon és a szöveg között */
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: 2px solid transparent; /* Keret előkészítése */
}

/* Elsődleges gomb (Neumorfikus/Flat stílus) */
.menu-btn-primary {
    background-color: #EAF2F8;
    color: #1e3a8a; /* Sötétkék szöveg */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2), 
                -2px -2px 5px rgba(255,255,255,0.7);
}

.menu-btn-primary:hover {
    background-color: #d4e6f1; /* Kicsit sötétebb háttér */
    box-shadow: 3px 3px 7px rgba(0,0,0,0.25), 
                -3px -3px 7px rgba(255,255,255,0.6);
}

.menu-btn-primary:active {
    background-color: #EAF2F8;
    box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2), 
                inset -2px -2px 5px rgba(255,255,255,0.7); /* Benyomott hatás */
    transform: translateY(1px);
}

.menu-btn-clear-filters {
    background-color: #EAF2F8;
    color: #5cb85c; /* Halvány zöld szöveg */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2), 
                -2px -2px 5px rgba(255,255,255,0.7);
}

.menu-btn-clear-filters:hover {
    background-color: #d4e6f1; /* Kicsit sötétebb háttér */
    box-shadow: 3px 3px 7px rgba(0,0,0,0.25), 
                -3px -3px 7px rgba(255,255,255,0.6);
}

.menu-btn-clear-filters:active {
    background-color: #EAF2F8;
    box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2), 
                inset -2px -2px 5px rgba(255,255,255,0.7); /* Benyomott hatás */
    transform: translateY(1px);
}

/* Másodlagos gomb (Outline stílus) - pl. Vissza gomb */
.menu-btn-secondary {
    background-color: transparent;
    color: #EAF2F8; /* Világos szöveg */
    border: 2px solid #EAF2F8;
}

.menu-btn-secondary:hover {
    background-color: rgba(234, 242, 248, 0.1); /* Halvány háttér hover-re */
    color: white;
    border-color: white;
}

.menu-btn-secondary:active {
    background-color: rgba(234, 242, 248, 0.2); /* Erősebb háttér aktív állapotban */
    transform: translateY(1px);
}





/* NFC Modal Styles */

.nfc-modal-backdrop {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    display: none; /* Hidden by default */

    justify-content: center;

    align-items: center;

    z-index: 1000;

}

.nfc-modal-content {

    background-color: #1f2937; /* gray-800 */

    color: white;

    padding: 2rem;

    border-radius: 0.75rem;

    text-align: center;

    box-shadow: 0 5px 15px rgba(0,0,0,0.3);

    max-width: 90%;

    width: 400px;

}

.nfc-modal-body {

    margin: 1.5rem 0;

}

.nfc-modal-body .loader-small {

    border: 4px solid #4b5563;

    border-top: 4px solid #3b82f6;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    animation: spin 1s linear infinite;

    margin: 1rem auto;

}

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }





/* Custom class for the "hollow" text effect. */

.text-hollow {

    color: transparent; /* Make the text fill transparent */

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #e5e7eb; /* A light gray color */

    /* Standard property (less support) */

    text-stroke-width: 1px;

    text-stroke-color: #e5e7eb;

    font-weight: 900;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s;

}



.text-hollow:hover {

    transform: scale(1.05);

}



/* Custom class for the "glowing" text effect. */

.text-glow {

    color: #ff9ee3; /* A very light blue for the text itself */

    text-shadow: 0 0 5px #3b82f6, /* Innermost glow */

                 0 0 10px #3b82f6,

                 0 0 20px #3b82f6,

                 0 0 40px #3b82f6; /* Outermost glow */

    font-weight: 900;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s;

}



.text-glow:hover {



    transform: scale(1.05);



}








/* Custom class for the "yellow" text effect. */
.text-yellow {
    color: #facc15; /* Yellow-400 */
    text-shadow: 0 0 5px #eab308;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}

.text-yellow:hover {
    transform: scale(1.05);
}

/* Custom class for the "white filled" text effect. */
.text-white-filled {
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}

.text-white-filled:hover {
    transform: scale(1.05);
}

.sort-arrows-container {



    display: flex;



    justify-content: center;



    align-items: center;



}







.sort-arrows {



    display: flex;



    flex-direction: column;



    cursor: pointer;



}





/* Neon yellow highlight for draft rows */
.row-highlight-yellow {
    background-color: rgba(255, 255, 0, 0.5) !important; /* Stronger lemon yellow */
    box-shadow: inset 0 0 15px rgba(255, 255, 0, 0.8);
}

/* EKV User Mode Styles */
body.ekv-mode {
    background: linear-gradient(135deg, #0f172a, #064e3b) !important; /* Dark Slate to Dark Green */
}

body.ekv-mode .card {
    border-top: 4px solid #10b981; /* Emerald-500 */
}

body.ekv-mode .btn-primary {
    background-color: #059669; /* Emerald-600 */
}

body.ekv-mode .btn-primary:hover {
    background-color: #047857; /* Emerald-700 */
}

body.ekv-mode .text-blue-300 {
    color: #6ee7b7 !important; /* Emerald-300 */
}