/* ==========================================================================
   infofaceCMS — administravimo sąsaja
   Mobile-first, be išorinių bibliotekų.

   1. Kintamieji ir bazė
   2. Išdėstymas (šoninis meniu, viršutinė juosta)
   3. Komponentai (mygtukai, kortelės, pranešimai)
   4. Formos
   5. Lentelės
   6. Prisijungimo puslapis
   7. Pagalbinės klasės
   ========================================================================== */

/* --- 1. Kintamieji ir bazė ---------------------------------------------- */

:root {
    /* Paviršiai — šiltas smėlio fonas */
    --bg: #f2f0e9;
    --surface: #ffffff;
    --surface-alt: #fafaf8;

    --sidebar-bg: #44403c;
    --sidebar-text: #ebe1d6;
    --sidebar-active: #ffffff;
    --sidebar-border: #4f4b47;

    --text: #44403c;
    --text-secondary: #666666;
    --text-muted: #908d89;
    --border: #ececea;
    --input-bg: #fdfcfb;

    /* Akcentas — pakeiskite pagal projektą */
    --accent: #ec871f;
    --accent-dark: #c46e15;
    --accent-soft: #fdf1e2;

    --ok: #478628;
    --ok-soft: #e8f5e9;
    --err: #c62828;
    --err-soft: #ffebee;

    --table-head-bg: #44403c;
    --table-head-text: #ffffff;
    --table-row-hover: #f9f8f5;

    --r-sm: 4px;
    --r: 7px;
    --r-lg: 10px;

    --s1: 4px;
    --s2: 8px;
    --s3: 12px;
    --s4: 16px;
    --s5: 24px;
    --s6: 32px;
    --s7: 48px;

    --shadow-sm: 0 1px 2px rgba(20, 26, 35, .06);
    --shadow: 0 2px 10px rgba(20, 26, 35, .08);

    --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

    --sidebar-w: 264px;
    --tap: 44px;
}

/* Tamsi tema. Perjungiama mygtuku, pasirinkimas įsimenamas. */
:root[data-theme='dark'] {
    --bg: #1a1816;
    --surface: #262220;
    --surface-alt: #2e2a27;

    --sidebar-bg: #1e1b18;
    --sidebar-border: #3a3633;

    --text: #ebe6e0;
    --text-secondary: #b8b2ab;
    --text-muted: #8c8781;
    --border: #3a3633;
    --input-bg: #201d1b;

    --table-head-bg: #34302c;
    --table-row-hover: #2e2a27;
    --ok-soft: #23301f;
    --err-soft: #33201f;
    --accent-soft: #33291d;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font: 15px/1.55 var(--font);
}

h1 { margin: 0 0 var(--s1); font-size: 1.5rem; }
h2 { margin: 0 0 var(--s3); font-size: 1.1rem; }
a { color: var(--accent-dark); }
img { max-width: 100%; height: auto; display: block; }

.ico { vertical-align: -.2em; flex: none; }

.skip-link {
    position: absolute;
    left: -9999px;
}
.skip-link:focus {
    left: var(--s3);
    top: var(--s3);
    z-index: 30;
    padding: var(--s2) var(--s3);
    background: var(--surface);
    border-radius: var(--r);
}

/* --- 2. Išdėstymas ------------------------------------------------------ */

.layout { min-height: 100vh; }

.sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 20;
    width: var(--sidebar-w);
    display: flex;
    flex-direction: column;
    background: var(--sidebar-bg);
    color: var(--sidebar-text);
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .2s;
}
.sidebar.is-open { transform: none; }

.sidebar__logo {
    display: flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s4);
    color: var(--sidebar-active);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid var(--sidebar-border);
}

.sidebar__nav { margin: 0; padding: var(--s2) 0; list-style: none; }

.sidebar__nav a {
    display: flex;
    align-items: center;
    gap: var(--s2);
    min-height: var(--tap);
    padding: var(--s2) var(--s4);
    color: var(--sidebar-text);
    text-decoration: none;
}
.sidebar__nav a:hover { background: rgba(255, 255, 255, .07); }
.sidebar__nav a[aria-current='page'] {
    background: rgba(255, 255, 255, .12);
    color: var(--sidebar-active);
    font-weight: 600;
}

.sidebar__section {
    padding: var(--s4) var(--s4) var(--s1);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .6;
}

.sidebar__footer {
    margin-top: auto;
    padding: var(--s4);
    font-size: .8rem;
    opacity: .7;
    border-top: 1px solid var(--sidebar-border);
}
.sidebar__footer a { color: inherit; }

.sidebar-overlay {
    position: fixed;
    inset: 0;
    z-index: 15;
    background: rgba(0, 0, 0, .4);
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    padding: var(--s2) var(--s4);
    background: var(--surface);
    border-bottom: 1px solid var(--border);
}
.topbar__group { display: flex; align-items: center; gap: var(--s2); }
.topbar__user { color: var(--text-secondary); font-size: .85rem; text-decoration: none; }

.content { padding: var(--s4); }

.admin-footer {
    padding: var(--s5) var(--s4);
    color: var(--text-muted);
    font-size: .8rem;
}

@media (min-width: 900px) {
    .sidebar { transform: none; }
    .sidebar-toggle, .sidebar-overlay { display: none !important; }
    .main { margin-left: var(--sidebar-w); }
    .content { padding: var(--s5); }
}

/* --- 3. Komponentai ----------------------------------------------------- */

.page-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--s3);
    margin-bottom: var(--s4);
}
.page-head p { margin: 0; color: var(--text-secondary); }
.page-head__actions { display: flex; gap: var(--s2); }

.card {
    padding: var(--s4);
    margin-bottom: var(--s4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
}
.card__title { font-size: 1rem; }

.grid-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--s4);
    align-items: start;
}
@media (min-width: 1100px) {
    .grid-2 { grid-template-columns: 1.4fr 1fr; }
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s2);
    min-height: var(--tap);
    padding: var(--s2) var(--s4);
    background: var(--accent);
    color: #fff;
    border: 1px solid transparent;
    border-radius: var(--r);
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}
.btn:hover { background: var(--accent-dark); }
.btn--sm { min-height: 34px; padding: var(--s1) var(--s3); font-size: .85rem; }
.btn--secondary {
    background: var(--surface);
    color: var(--text);
    border-color: var(--border);
}
.btn--secondary:hover { background: var(--surface-alt); }
.btn--danger { background: var(--err); }
.btn--danger:hover { background: #a31f1f; }

.icon-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--s1);
    min-width: var(--tap);
    min-height: var(--tap);
    justify-content: center;
    padding: 0 var(--s2);
    background: none;
    color: var(--text);
    border: 1px solid transparent;
    border-radius: var(--r);
    font: inherit;
    cursor: pointer;
    text-decoration: none;
}
.icon-btn:hover { background: var(--surface-alt); border-color: var(--border); }

.alert {
    display: flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s3) var(--s4);
    margin-bottom: var(--s4);
    border-radius: var(--r);
    border: 1px solid transparent;
}
.alert--success { background: var(--ok-soft); border-color: var(--ok); color: var(--ok); }
.alert--error   { background: var(--err-soft); border-color: var(--err); color: var(--err); }
.alert--info    { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-dark); }

.tag {
    display: inline-block;
    padding: 1px var(--s2);
    border-radius: 999px;
    font-size: .72rem;
    background: var(--accent-soft);
    color: var(--accent-dark);
}
.tag--off { background: var(--err-soft); color: var(--err); }

/* --- 4. Formos ---------------------------------------------------------- */

.field { margin-bottom: var(--s4); }
.field__label {
    display: block;
    margin-bottom: var(--s1);
    font-weight: 600;
    font-size: .9rem;
}
.field__hint { display: block; margin-top: var(--s1); color: var(--text-muted); font-size: .8rem; }
.field__error { display: block; margin-top: var(--s1); color: var(--err); font-size: .8rem; }

.input, .select {
    width: 100%;
    min-height: var(--tap);
    padding: var(--s2) var(--s3);
    background: var(--input-bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--r);
    font: inherit;
}
.input:focus, .select:focus {
    outline: 2px solid var(--accent);
    outline-offset: -1px;
}
textarea.input { min-height: 120px; resize: vertical; }
.input--error { border-color: var(--err); }

.checkbox {
    display: flex;
    align-items: center;
    gap: var(--s2);
    min-height: var(--tap);
    cursor: pointer;
}

.form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
    padding-top: var(--s2);
}

/* --- 5. Lentelės -------------------------------------------------------- */

.table-wrap { overflow-x: auto; }

.table {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
}
.table th {
    padding: var(--s2) var(--s3);
    background: var(--table-head-bg);
    color: var(--table-head-text);
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}
.table th:first-child { border-radius: var(--r) 0 0 0; }
.table th:last-child  { border-radius: 0 var(--r) 0 0; }
.table td {
    padding: var(--s3);
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}
.table tbody tr:hover { background: var(--table-row-hover); }

.table__actions {
    display: flex;
    gap: var(--s1);
    justify-content: flex-end;
}
.table__actions form { margin: 0; }

/* --- 6. Prisijungimo puslapis ------------------------------------------- */

.login {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--s4);
}
.login__box {
    width: 100%;
    max-width: 380px;
    padding: var(--s5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow);
}

/* --- 7. Pagalbinės klasės ----------------------------------------------- */

.small { font-size: .8rem; }
.muted { color: var(--text-muted); }
[hidden] { display: none !important; }

/* --- 8. Tabelio tinklelis, filtrai, rodikliai ---------------------------- */

/* Filtrų juosta .card viduje. Auto-fit — telefone laukai susideda vienas po kito. */
.filters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: var(--s3);
    align-items: end;
}
.filters .field { margin-bottom: 0; }
.filters .form-actions {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Skaičių plytelės apžvalgoje — kiekviena plytelė yra .card */
.stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: var(--s4);
    margin-bottom: var(--s4);
}
.stats .card { margin-bottom: 0; }
.stats strong {
    display: block;
    font-size: 1.7rem;
    line-height: 1.2;
    margin-bottom: var(--s1);
}

/* Mėnesio tabelis: 31 stulpelis turi tilpti, todėl viskas suglaudinta */
.sheet { font-size: .8rem; }
.sheet th,
.sheet td { padding: var(--s1) var(--s2); }
.sheet th[scope='row'] {
    background: none;
    color: inherit;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid var(--border);
    font-weight: 500;
}
/* Skaičių stulpeliai lygiuojami dešinėn visose lentelėse */
.num { text-align: right; }

/* Duomenys glaudžiami prie kairės.

   Lentelė yra per visą plotį, todėl naršyklė laisvą vietą tolygiai išdalija
   visiems stulpeliams ir keli trumpi laukai atsiduria per visą ekraną
   išbarstyti. Atidavus visą likutį veiksmų stulpeliui, kiti susitraukia
   iki turinio pločio ir lieka kairėje. */
/* Lentelė su veiksmų stulpeliu lieka per visą plotį, bet duomenys glaudžiami
   prie kairės: visą laisvą likutį atiduodame veiksmų stulpeliui.

   Kad kiti stulpeliai dėl to nesusispaustų ir tekstas nesilaužytų, jiems
   uždedame nowrap — taip jų mažiausias plotis sutampa su natūraliu. Siaurame
   ekrane platesnę lentelę leidžia slinkti .table-wrap. */
.table:has(td.table__actions) th,
.table:has(td.table__actions) td { white-space: nowrap; }

.table:has(td.table__actions) td.table__actions,
.table:has(td.table__actions) thead th:last-child { width: 100%; }

/* Veiksmų langelis lieka lentelės langeliu.

   Bazinis stilius jam nurodo display:flex — tada langelis iškrenta iš
   lentelės išdėstymo: nebesutampa su eilutės aukščiu, o apatinis rėmelis
   nutrūksta ir pasislenka žemyn. Todėl langelį grąžiname į table-cell, o
   mygtukus sugretiname inline būdu. */
.table td.table__actions {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
}
.table td.table__actions > * {
    display: inline-flex;
    vertical-align: middle;
    margin: 0 var(--s1) 0 0;
}
.table td.table__actions > *:last-child { margin-right: 0; }
/* Savaitgaliai skiriami tik atspalviu.

   Antraštės langelis yra tamsus, todėl jam vietoj kito fono uždedame ploną
   šviesią plėvelę: kitaip savaitgalio dienos iškirstų antraštės juostą
   šviesiomis dėmėmis. */
.sheet tbody td.is-off,
.sheet tfoot td.is-off { background: var(--surface-alt); }

.sheet thead th.is-off {
    background-image: linear-gradient(rgba(255, 255, 255, .13), rgba(255, 255, 255, .13));
}
.sheet .sheet__total { font-weight: 600; }
.sheet tfoot th,
.sheet tfoot td {
    border-top: 2px solid var(--border);
    font-weight: 600;
}

/* Sumų eilutė paprastose lentelėse */
.table tfoot td,
.table tfoot th {
    border-top: 2px solid var(--border);
    font-weight: 600;
}

/* Įvedimo forma atskirame puslapyje. Per visą ekrano plotį ištempti laukai
   sunkiai skaitomi, todėl kortelei ribojame plotį. */
.card--form { max-width: 680px; }

/* --- Iškylantis langas --------------------------------------------------
   Naudojamas <dialog>: fokusas, „Esc" ir fonas gaunami iš naršyklės, be
   savo JS gaudyklių. Be JS langas vis tiek matomas — tik be tamsaus fono. */
.modal {
    width: calc(100% - 2 * var(--s4));
    max-width: 560px;
    padding: 0;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow);
}
.modal--wide { max-width: 720px; }
.modal::backdrop { background: rgba(0, 0, 0, .45); }
.modal__box {
    padding: var(--s5);
    max-height: 85vh;
    overflow-y: auto;
}
.modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    margin-bottom: var(--s4);
    padding-bottom: var(--s3);
    border-bottom: 1px solid var(--border);
}
.modal__head h2 {
    margin: 0;
    font-size: 1.05rem;
}

/* --- Kartojamos įvedimo eilutės -----------------------------------------
   Data, objektas ir trukmė vienoje eilutėje; siauresniame ekrane laukai
   susideda vienas po kito, kad niekas nebūtų suspausta. */
.entry-rows {
    display: grid;
    gap: var(--s3);
}
.entry-row,
.entry-rows__head {
    display: grid;
    /* Datos laukui reikia vietos visai datai su kalendoriaus mygtuku;
       objekto sąrašas siauresnis — ilgus pavadinimus rodo Select2 sąraše */
    grid-template-columns: minmax(0, 12rem) minmax(0, 1fr) minmax(0, 6rem) var(--tap);
    gap: var(--s2);
    align-items: start;
}

/* Visos eilutės klaida — pvz. neužpildyta eilutė */
.entry-row__error {
    grid-column: 1 / -1;
    margin-top: calc(-1 * var(--s1));
    font-size: .8rem;
    color: var(--err);
}
.entry-rows__head {
    margin-bottom: var(--s1);
    font-size: .78rem;
    color: var(--text-muted);
}
.entry-row .input,
.entry-row .select { width: 100%; }

@media (max-width: 620px) {
    .entry-rows__head { display: none; }
    .entry-row {
        grid-template-columns: 1fr var(--tap);
        padding-bottom: var(--s3);
        border-bottom: 1px solid var(--border);
    }
    .entry-row > div:nth-child(2) { grid-column: 1 / -1; }
}

/* Piktogramos mygtukas, kuris ką nors šalina */
.icon-btn--danger { color: var(--err); }

/* --- Eiliškumas vilkimu -------------------------------------------------
   Rankenėlė daroma draggable, o ne visa eilutė: kitaip nepavyktų pažymėti
   teksto ar paspausti mygtuko eilutės viduje. */
.grip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--text-muted);
    cursor: grab;
    user-select: none;
}
.grip:active { cursor: grabbing; }
.sortable tr.is-dragging { opacity: .4; }
.sortable tr.is-over td { border-top: 2px solid var(--accent); }
.sort-status {
    margin-left: var(--s2);
    font-size: .8rem;
    color: var(--ok);
}

/* Tekstas ekrano skaitytuvui, bet ne akiai — pvz. stulpelio antraštė be užrašo */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* Laukas su mygtuku šalia — pvz. PIN kodas ir „Naujas" */
.field__row {
    display: flex;
    gap: var(--s2);
    align-items: stretch;
}
.field__row .input {
    flex: 1;
    min-width: 0;
}

/* Pagalbiniai prisijungimo veiksmai — atskiriami nuo pagrindinio mygtuko,
   kad trys mygtukai vienas po kito nesulįstų į krūvą */
.login__extra {
    margin-top: var(--s4);
    padding-top: var(--s4);
    border-top: 1px solid var(--border);
}

/* Matoma tik popieriuje — antraštė, kurios ekrane nereikia */
.print-only { display: none; }


/* --- 9. Spauda ---------------------------------------------------------- */

@media print {

    /* Spausdiname visada šviesiai, net jei sąsajoje įjungta tamsi tema */
    :root,
    :root[data-theme='dark'] {
        --bg: #fff;
        --surface: #fff;
        --surface-alt: #ededed;
        --text: #000;
        --text-secondary: #333;
        --text-muted: #555;
        --border: #999;
        --table-head-bg: #fff;
        --table-head-text: #000;
        --table-row-hover: transparent;
    }

    /* Tabelis ir suvestinė yra plačios lentelės — gulsčias lapas privalomas */
    @page { size: A4 landscape; margin: 10mm; }

    html, body { background: #fff; }
    body { font-size: 9pt; }

    /* Sąsajos elementai popieriuje nereikalingi */
    .sidebar,
    .sidebar-overlay,
    .topbar,
    .admin-footer,
    .skip-link,
    .page-head__actions,
    .form-actions,
    .table__actions,
    .filters,
    .btn,
    .icon-btn,
    .alert,
    .no-print { display: none !important; }

    .print-only { display: block !important; margin-bottom: 4mm; }

    .main    { margin-left: 0 !important; }
    .content { padding: 0 !important; }

    .card {
        padding: 0;
        margin: 0 0 6mm;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    /* Popieriuje slinkties juostos nėra — lentelė turi matytis visa */
    .table-wrap { overflow: visible !important; }

    .table { width: 100%; font-size: 7.5pt; }
    .table th,
    .table td { padding: 1mm 1.2mm; }
    .table th {
        border-radius: 0;
        border-bottom: .6pt solid #000;
    }
    .table td { border-bottom: .3pt solid #bbb; }
    .table tbody tr:hover { background: transparent; }

    /* Antraštės ir sumų eilutės kartojamos kiekviename lape */
    thead { display: table-header-group; }
    tfoot { display: table-footer-group; }
    tr, th, td { page-break-inside: avoid; break-inside: avoid; }

    /* Savaitgalių atspalvis turi likti ir popieriuje. Antraštė spausdinama
       balta, todėl jai tinka tamsi plėvelė, o ne šviesi kaip ekrane. */
    .sheet tbody td.is-off,
    .sheet tfoot td.is-off,
    .sheet thead th.is-off {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .sheet tbody td.is-off,
    .sheet tfoot td.is-off { background: #ededed !important; }
    .sheet thead th.is-off {
        background-image: linear-gradient(rgba(0, 0, 0, .09), rgba(0, 0, 0, .09)) !important;
    }

    h1 { font-size: 13pt; }
    h2 { font-size: 10pt; }
    a  { color: #000; text-decoration: none; }
}

/* --- 10. Select2 pritaikymas sistemos temai -----------------------------
   Bibliotekos numatytieji stiliai yra šviesūs ir kitokių proporcijų nei
   likusios formos, todėl perrašome tik tai, kas matosi: aukštį, spalvas,
   apvadus ir fokusą. Veikia ir tamsioje temoje, nes remiamės kintamaisiais. */

/* Lauko pločio nenurodome: Select2 jį nustato pats (width: '100%' nustatymu).
   Priverstinis 100% čia išplėstų ir iškrentantį sąrašą, kuris dedamas į
   <dialog> — tada langas gautų nereikalingą horizontalią slinktį. */

.select2-container--default .select2-selection--single {
    height: auto;
    min-height: var(--tap);
    padding: var(--s2) var(--s3);
    background: var(--input-bg);
    border: 1px solid var(--border-strong, var(--border));
    border-radius: var(--r);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: var(--text);
    line-height: 1.5;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--text-muted); }
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: var(--s2);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: var(--text-secondary); }

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--accent);
    outline: 2px solid var(--accent-soft);
}

/* Klaidos apvadas paveldimas iš originalaus lauko */
select.input--error + .select2-container--default .select2-selection--single {
    border-color: var(--err);
}

.select2-dropdown {
    background: var(--surface);
    border: 1px solid var(--border-strong, var(--border));
    border-radius: var(--r);
    box-shadow: var(--shadow);
}
.select2-container--default .select2-search--dropdown { padding: var(--s2); }
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: var(--s2);
    background: var(--input-bg);
    color: var(--text);
    border: 1px solid var(--border-strong, var(--border));
    border-radius: var(--r-sm);
    font: inherit;
}
.select2-container--default .select2-results__option {
    padding: var(--s2) var(--s3);
    color: var(--text);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--accent);
    color: #fff;
}
.select2-container--default .select2-results__option[aria-selected='true'],
.select2-container--default .select2-results__option--selected {
    background: var(--accent-soft);
    color: var(--text);
}
.select2-results__message { color: var(--text-muted); }

/* Iškylančiame lange sąrašas turi būti virš visko, kas jame yra */
dialog .select2-container--open { z-index: 10; }

@media print {
    .select2-container { display: none !important; }
}