/* ============================================
   Niitmise haldussüsteem — stiilid
   ============================================ */

:root {
    --plaan:    #fff3cd;  /* G — planeeritud (kollane) */
    --tehtud:   #d1e7dd;  /* X — tehtud (roheline) */
    --puhkus:   #f0f0f0;  /* nädalavahetus */
    --pyha:     #fce4e4;  /* riigipüha */
    --hoiatus:  #fff3cd;  /* intervall hoiatus */
    --haire:    #f8d7da;  /* intervall häire */
    --mahajaan: #dc3545;  /* mahajäänud töö */
}

body { background: #f5f5f5; }

/* ---- Graafiku tabel ---- */
.graafik-wrapper {
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    background: #fff;
}

.graafik-tabel {
    border-collapse: collapse;
    min-width: max-content;
    font-size: 0.82rem;
}

.graafik-tabel th,
.graafik-tabel td {
    border: 1px solid #dee2e6;
    padding: 4px 6px;
    white-space: nowrap;
    vertical-align: middle;
}

.graafik-tabel thead th {
    background: #1a1a2e;
    color: #fff;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
}

.graafik-tabel .col-nimi {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
    min-width: 240px;
    max-width: 280px;
    width: 280px;
    font-weight: 500;
    border-right: 2px solid #dee2e6;
    overflow: hidden;
}

.tagi-konteiner {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.6;
}

.graafik-tabel thead .col-nimi {
    z-index: 3;
    background: #1a1a2e;
}

/* Lahtrite värvid */
.lahter { text-align: center; cursor: pointer; min-width: 34px; }
.lahter:hover { opacity: 0.8; }
.lahter.plaan    { background: var(--plaan); }
.lahter.tehtud   { background: var(--tehtud); color: #155724; font-weight: 700; }
.lahter.puhkus   { background: var(--puhkus); }
.lahter.pyha     { background: var(--pyha); cursor: default; }
.lahter.tana     { outline: 2px solid #0d6efd; outline-offset: -2px; }
.lahter.minevik-plaan { background: #ffcccc; } /* G minevikus = mahajäänud */

/* Objekt rea hoiatused */
.rida-hoiatus td.col-nimi { border-left: 4px solid #ffc107; }
.rida-haire   td.col-nimi { border-left: 4px solid #dc3545; }

/* Ilmaribad */
.ilm-rida { background: #f8f9fa; font-size: 0.78rem; }
.ilm-rida td { text-align: center; padding: 2px 4px; }
.ilm-ikoon { font-size: 1.1rem; }

/* ---- Dashboard kaardid ---- */
.stat-kaart {
    border-radius: 12px;
    padding: 1.2rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #fff;
    margin-bottom: 1rem;
}
.stat-kaart .arv { font-size: 2.2rem; font-weight: 700; line-height: 1; }
.stat-kaart .silt { font-size: 0.9rem; opacity: 0.9; }
.stat-kaart .ikoon { font-size: 2.5rem; opacity: 0.7; }
.bg-niit   { background: linear-gradient(135deg, #2d6a4f, #52b788); }
.bg-plaan  { background: linear-gradient(135deg, #e08c00, #ffd166); }
.bg-haire  { background: linear-gradient(135deg, #c0392b, #e74c3c); }
.bg-tulu   { background: linear-gradient(135deg, #023e8a, #0077b6); }

/* ---- Mahajäänud tabelis ---- */
.badge-mahajaan { background: #dc3545; color: #fff; }

/* ---- Mobiil ---- */
@media (max-width: 768px) {
    .graafik-tabel { font-size: 0.75rem; }
    .graafik-tabel th, .graafik-tabel td { padding: 3px 4px; }
    .col-nimi { min-width: 180px !important; }
    .stat-kaart .arv { font-size: 1.8rem; }

    /* Niitja mobiilvaade */
    .niitja-kaart {
        border-radius: 12px;
        padding: 1rem;
        background: #fff;
        border: 1px solid #dee2e6;
        margin-bottom: 0.75rem;
        box-shadow: 0 1px 3px rgba(0,0,0,.08);
    }
}

/* ---- Üldised ---- */
.tabel-hover tbody tr:hover { background: #f0f4ff; }

.badge-G { background: #ffc107; color: #212529; }
.badge-X { background: #198754; color: #fff; }

.legend-rida {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}
.legend-kastike {
    width: 18px; height: 18px;
    border-radius: 3px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

/* ---- Mahajäänud lahter — punane triibuline ---- */
.lahter.minevik-plaan {
    background: repeating-linear-gradient(
        45deg,
        #ffcccc,
        #ffcccc 4px,
        #ff8888 4px,
        #ff8888 8px
    ) !important;
    color: #8b0000 !important;
    font-weight: 700;
}

/* ---- Ülemäärane niitmine ---- */
.rida-ylemine td.col-nimi {
    border-left: 4px solid #6f42c1 !important;
}

.ylemine-hoiatus {
    display: inline-block;
    background: #6f42c1;
    color: #fff;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 0.75rem;
    font-weight: 700;
    animation: vilgu 1s ease-in-out infinite alternate;
}

@keyframes vilgu {
    from { opacity: 1; }
    to   { opacity: 0.35; }
}

/* ---- Mahajäänud päevade arv ---- */
.hilinenud-badge {
    background: #dc3545;
    color: #fff;
    font-size: 0.7rem;
    border-radius: 3px;
    padding: 1px 4px;
}

/* ---- Eritellimustöö rida ---- */
.rida-eritellimus {
    background: #fff8f0;
}
.rida-eritellimus td.col-nimi {
    border-left: 4px solid #fd7e14;
}