/* WorkDiary – vlastní styly */

/* ── Záznamy v seznamu ── */
.zaznam-row {
    border-bottom: 1px solid #e9ecef;
    padding: 5px 0;
    font-size: 0.85rem;
}
.zaznam-row:hover {
    background-color: #f8f9fa;
}
.zaznam-row:last-child {
    border-bottom: none;
}

/* Ikonky akci – viditelné jen při hoveru */
.zaznam-actions {
    white-space: nowrap;
    opacity: 0.25;
    transition: opacity 0.15s ease;
}
.zaznam-row:hover .zaznam-actions {
    opacity: 1;
}

/* Popis preview – ořezaný jeden řádek */
.zaznam-popis-preview {
    color: #6c757d;
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-top: 1px;
}

/* ── Quill WYSIWYG editor ── */
.quill-wrapper .ql-container {
    min-height: 110px;
    max-height: 280px;
    overflow-y: auto;
    font-size: 0.9rem;
}
.quill-wrapper-tall .ql-container {
    min-height: 180px;
    max-height: 400px;
    overflow-y: auto;
}

/* ── Detail modal – větší text ── */
.zaznam-detail-popis {
    font-size: 1rem;
    line-height: 1.65;
}
.zaznam-detail-popis a {
    word-break: break-word;
}

/* ── Filter – aktivní indikátor ── */
.btn-filter-active {
    position: relative;
}
.btn-filter-active::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 7px;
    height: 7px;
    background: #dc3545;
    border-radius: 50%;
    border: 1px solid #fff;
}

/* ── Nový záznam card – kompaktnější ── */
.novy-zaznam-card .card-body {
    padding: 0.6rem 0.75rem;
}
.novy-zaznam-card .card-header {
    padding: 0.35rem 0.75rem;
    background-color: #f8f9fa;
}

/* ── Kategorie správa – přehledný seznam ── */
.kat-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
    border-bottom: 1px solid #f0f0f0;
}
.kat-row:last-child {
    border-bottom: none;
}

/* ── Formuláře záznamu – šedé pozadí, bílá pole, popisky menší a tučně ── */
.zd-form {
    --zd-form-bg: #eef0f3;
    background-color: var(--zd-form-bg);
}
.zd-form .form-label {
    font-size: 0.78rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.15rem;
}
.zd-form .form-control,
.zd-form .form-select,
.zd-form .ql-container {
    background-color: #fff;
}
.zd-form .ql-toolbar {
    background-color: #f8f9fa;
}