/* ============================================================
   Munkabeosztás Rendszer – Alap CSS
   ============================================================ */

:root {
    --fleet1-color:  #3B82F6;   /* I. Flotta – kék     */
    --fleet1-light:  #DBEAFE;
    --fleet2-color:  #F59E0B;   /* II. Flotta – sárga  */
    --fleet2-light:  #FEF3C7;
    --leave-color:   #10B981;   /* Szabadság – zöld    */
    --leave-light:   #D1FAE5;
    --swap-color:    #8B5CF6;   /* Csere – lila        */
    --swap-light:    #EDE9FE;
    --sick-color:    #EF4444;   /* Táppénz – piros     */
    --sick-light:    #FEE2E2;
    --neutral-bg:    #F8FAFC;
    --card-shadow:   0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
}

/* ── Login oldal ── */
.bg-login {
    background: linear-gradient(135deg, #EFF6FF 0%, #F0FDF4 100%);
}

.login-wrapper {
    width: 100%;
    max-width: 400px;
    padding: 1rem;
}

.login-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #EFF6FF;
    border-radius: 16px;
    border: 2px solid #BFDBFE;
}

/* ── Kártya alapstílus ── */
.card {
    border-radius: 12px;
    box-shadow: var(--card-shadow);
}

/* ── Flotta badge-ek ── */
.badge-fleet1 {
    background-color: var(--fleet1-light);
    color: var(--fleet1-color);
    font-weight: 600;
    padding: .3em .7em;
    border-radius: 6px;
}

.badge-fleet2 {
    background-color: var(--fleet2-light);
    color: #92400E;
    font-weight: 600;
    padding: .3em .7em;
    border-radius: 6px;
}

/* ── Szabadság panel ── */
.panel-leave {
    border-left: 4px solid var(--leave-color);
    background: var(--leave-light);
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.25rem;
}

/* ── Csere panel ── */
.panel-swap {
    border-left: 4px solid var(--swap-color);
    background: var(--swap-light);
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.25rem;
}

/* ── Táppénz panel ── */
.panel-sick {
    border-left: 4px solid var(--sick-color);
    background: var(--sick-light);
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.25rem;
}

/* ── Státusz badge-ek ── */
.status-pending  { background: #FEF3C7; color: #92400E; }
.status-approved { background: #D1FAE5; color: #065F46; }
.status-rejected { background: #FEE2E2; color: #991B1B; }

/* ── Reszponzív segédosztályok ── */
@media (max-width: 576px) {
    .login-wrapper { max-width: 100%; }
    .card-body     { padding: 1.25rem !important; }
}

/* ── Navbar ── */
.bg-navbar {
    background: linear-gradient(90deg, #1E3A5F 0%, #1E40AF 100%);
}

.nav-leave { color: #6EE7B7 !important; }
.nav-leave:hover, .nav-leave.active { color: #10B981 !important; }

.nav-swap { color: #C4B5FD !important; }
.nav-swap:hover, .nav-swap.active { color: #8B5CF6 !important; }

/* ── Upload zóna (import oldal) ── */
.upload-zone {
    position: relative;
    border: 2px dashed #CBD5E1;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color .2s, background .2s;
}
.upload-zone:hover, .upload-zone.dragover {
    border-color: #3B82F6;
    background: #EFF6FF;
}
.upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}