eduoffice-main-note {
    display: block;
    width: 250px;
    max-width: 100%;
    white-space: normal;
}

/* Náhľad v gride je úzky, pri písaní sa bunka roztiahne na použiteľnú šírku. */
eduoffice-main-note:has(.eo-main-note-editor:not([hidden])) {
    width: 320px;
}

.eo-main-note-preview {
    display: block;
    width: 100%;
    padding: .25rem .5rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Poznámky ostatných pod vlastnou poznámkou (len admin): každá na jeden riadok. */
.eo-other-notes {
    width: 250px;
    max-width: 100%;
    padding: 0 .5rem;
}

.eo-other-note {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

eduoffice-main-note [hidden] {
    display: none !important;
}

.eo-main-note-editor textarea {
    min-height: 150px;
    resize: vertical;
    white-space: pre-wrap;
}

/* Karta na detaile: náhľad drží päť riadkov a vyzerá ako pole, editor sa roztiahne podľa obsahu. */
.eo-main-note--card {
    width: 100%;
}

/* Náhľad aj editor musia mať rovnaké písmo (`form-control-sm`), inak text po kliknutí poskočí. */
.eo-main-note--card .eo-main-note-preview,
.eo-main-note--card .eo-main-note-editor textarea {
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.4;
    min-height: calc(5 * 1.4em + .5rem + 2px);
}

.eo-main-note--card .eo-main-note-preview {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    white-space: pre-wrap;
    overflow: hidden;
    padding: .25rem .5rem;
    border: 1px dashed var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius-sm, .25rem);
    cursor: pointer;
}

.eo-main-note--card .eo-main-note-preview:hover,
.eo-main-note--card .eo-main-note-preview:focus-visible {
    border-color: var(--bs-primary, #0d6efd);
    background-color: var(--bs-tertiary-bg, #f8f9fa);
}

.eo-main-note--card[data-editable="0"] .eo-main-note-preview {
    border-style: none;
    padding-inline: 0;
    cursor: default;
}

.eo-main-note--card[data-editable="0"] .eo-main-note-preview:hover {
    background-color: transparent;
}

.eo-main-note--card .eo-main-note-editor textarea {
    overflow: hidden;
    resize: none;
}

.active-link {
    background-color: #0c193c;
    color: white;
}

.nav-item:not(.active-link):hover {
    background-color: #0c193c50;
}

/* Rozbaľovacie skupiny v bočnom menu — šipka sa otočí podľa stavu collapse. */
.eo-collapse-caret {
    transition: transform .15s ease-in-out;
    transform: rotate(180deg);
}

.collapsed .eo-collapse-caret {
    transform: rotate(0deg);
}

/* Nastavenia: rozbalený podzoznam musí byť vizuálne odlíšený od hlavného menu. */
.eo-settings-toggle:not(.collapsed) {
    background-color: #0c193c14;
    font-weight: 600;
}

.eo-settings-submenu {
    background-color: #0c193c0d;
    border-left: 3px solid #0c193c66;
    margin-left: 1rem;
}

.eo-settings-submenu .nav-link {
    padding-left: .5rem;
    font-size: .95rem;
}

#required-fields input,
#required-fields .select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #3ab54b;
}

#required-fields label::before {
    content: '*';
    color: red;
    font-weight: bold;
    margin-right: 5px;
}

.btn-back {
    --bs-btn-color: #212529;
    --bs-btn-bg: #f1f3f5;
    --bs-btn-border-color: #dee2e6;
    --bs-btn-hover-color: #111418;
    --bs-btn-hover-bg: #e2e6ea;
    --bs-btn-hover-border-color: #ced4da;
    --bs-btn-focus-shadow-rgb: 173, 181, 189;
    --bs-btn-active-color: #111418;
    --bs-btn-active-bg: #d8dde2;
    --bs-btn-active-border-color: #c8cfd6;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: #f1f3f5;
    --bs-btn-disabled-border-color: #dee2e6;
}

/*
 * Multi-select (select2 s wire:select2 na `multiple`): už vybrané adresy nemajú
 * ostať v ponuke. Select2 4.0 ich len zošedí (`aria-selected="true"`), čo pôsobí
 * ako chyba — schováme ich, a s nimi aj skupinu, ktorej nezostala žiadna voľba.
 */
.eo-select2-hide-selected .select2-results__option[aria-selected="true"] {
    display: none;
}

.eo-select2-hide-selected .select2-results__option:not([aria-selected]):not(:has(.select2-results__option[aria-selected="false"])) {
    display: none;
}

/*
 * Pätička editačných obrazoviek: „Uložiť“ a „Uložiť a späť“ majú rovnakú šírku,
 * aby lišta nepreskakovala pri prepínaní stavov Uložiť → Ukladám… → Uložené.
 * Zelený stav si kreslíme sami — téma vyššie v app.css prepisuje `.btn-outline-*`
 * na `color: var(--bs-secondary-color)`, takže by fajka ostala sivá.
 */
.eo-savebar-btn {
    min-width: 8rem;
}

.eo-save-btn.eo-save-btn--done,
.eo-save-btn.eo-save-btn--done:hover,
.eo-save-btn.eo-save-btn--done:focus,
.eo-save-btn.eo-save-btn--done:active {
    color: #146c43;
    background-color: #d1e7dd;
    border-color: #a3cfbb;
}

/* Bočné menu má pevnú šírku namiesto col-md-2 (1/6 obrazovky bola na širokých monitoroch zbytočne veľa). */
:root {
    --eo-sidebar-width: 13rem;
}

#nav_sidebar.eo-sidebar {
    width: var(--eo-sidebar-width);
}

#content.eo-content-shifted {
    width: calc(100% - var(--eo-sidebar-width));
    margin-left: var(--eo-sidebar-width);
}

/* Inline bunka gridu v pokoji (public/js/lazy-cell.js) — vyzerá ako pole, ale formulárové pole to nie je. */
.eo-lazy-display {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

/* Šírka ako mal pôvodný <input>/<select> — text bunky nesmie rozťahovať stĺpec. */
eduoffice-lazy-cell {
    display: block;
    width: 11rem;
    max-width: 100%;
}

eduoffice-lazy-cell [hidden] {
    display: none !important;
}