.bottomn {
	margin-top: 7vh !important;
  }

#navbar .navbar img.logo {
    filter: brightness(100) saturate(100%);
}

/* ===========================================
   Task 04: Vysoký kontrast pro čitelnost
   Černá na bílé – maximální čitelnost
   =========================================== */

/* Přepis CSS proměnných – všechny šedé texty na černou/tmavou */
:root {
    --text-color: #111111 !important;
    --text-muted-color: #333333 !important;
    --text-gray-color: #222222 !important;
    --gray-soft: #222222 !important;
    --gray-light: #222222 !important;
    --gray-dark: #111111 !important;
    --gray: #222222 !important;
    --form-control-color: #000000 !important;
    --input-color: #000000 !important;
    --input-color-disabled: #444444 !important;
    --btn-text-color: #111111 !important;
    --dropdown-link-color: #111111 !important;
    --select-item-text-color: #111111 !important;
    --code-color: #111111 !important;
    --dashlet-title-font-size: 12px !important;
    --panel-heading-height: 24px !important;
    --body-bg: #f5f5f5 !important;
}

/* ---- Globální text ---- */
body {
    color: #111111 !important;
}

/* ---- Tabulky – černý text ---- */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > th {
    color: #000000 !important;
}

/* ---- Buňky, labely, fieldy ---- */
.cell label,
.filter label,
.field-label,
.control-label {
    color: #000000 !important;
}

.cell .field,
.cell .field a,
.cell .field span,
.field .value,
.field[data-type] {
    color: #000000 !important;
}

/* ---- Položky v record-listech (items v protokolech, nabídkách) ---- */
.list-row td,
.list-row td a,
.list-row td span,
.list-row td .field,
.list-row td .field span,
.list-row td .field a {
    color: #000000 !important;
}

/* Record list v detailu – bílé pozadí pro čitelnost */
/* Fix: .table .table v tématu nastaví šedé pozadí (#eaecef) na vnořenou tabulku.
   Musíme přebít i samotný <table> element, nejen <td> buňky. */
.recordList table.table,
.record-list table.table,
.recordList .list table.table,
.record-list .list table.table {
    background-color: #ffffff !important;
}

.recordList table.table tbody tr td,
.record-list table.table tbody tr td {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.recordList table.table tbody tr:nth-of-type(odd) td,
.record-list table.table tbody tr:nth-of-type(odd) td {
    background-color: #fafafa !important;
}

/* Bílé pozadí všech řádků tabulky (override šedivého těma pozadí) */
table.table {
    background-color: #ffffff !important;
}

table.table > tbody > tr > td {
    background-color: #ffffff !important;
}

table.table > tbody > tr:nth-of-type(odd) > td {
    background-color: #fafafa !important;
}

/* ---- Formulářové prvky ---- */
.form-control {
    color: #000000 !important;
}

.form-control:disabled,
.form-control[readonly] {
    color: #222222 !important;
}

input, select, textarea {
    color: #000000 !important;
}

/* ---- Muted a gray text – výrazně tmavší ---- */
.text-muted {
    color: #333333 !important;
}

.text-gray {
    color: #222222 !important;
}

/* ---- Select/dropdown ---- */
.selectize-input,
.selectize-input .item,
.selectize-dropdown-content,
.selectize-dropdown-content .option {
    color: #000000 !important;
}

/* ---- Panel headers ---- */
.panel-heading {
    color: #000000 !important;
}

/* ---- Linky v tabulkách ---- */
td a,
.list a {
    color: #0066aa !important;
}

td a:hover,
.list a:hover {
    color: #003366 !important;
}

/* ---- Detail view field values ---- */
.detail .field-value,
.detail .field,
.detail .field span:not(.label):not(.badge),
.detail .field div {
    color: #000000 !important;
}

/* ---- Edit mode field values ---- */
.edit .field,
.edit .field span,
.edit .cell .field {
    color: #000000 !important;
}

/* ---- Disabled/readonly stav – stále čitelný ---- */
.list-group-item.disabled,
.list-group-item.disabled .list-group-item-text {
    color: #333333 !important;
}

/* ---- Breadcrumbs, headers ---- */
h4, h5, .middle > .header .header-title,
.panel-title, .panel-title a {
    color: #000000 !important;
}

/* ===========================================
   Task 07: Menší nástěnka (dashboard) pro iPad
   =========================================== */

/* Menší záhlaví panelů – globálně */
.dashlet .panel-heading {
    padding: 4px 8px !important;
    min-height: 22px !important;
}

.dashlet .panel-heading .panel-title {
    font-size: 11px !important;
    line-height: 1.2 !important;
}

/* Kompaktnější tělo panelu */
.dashlet .panel-body {
    padding: 5px !important;
    font-size: 11px !important;
}

/* Menší výška řádků v dashletech */
.dashlet .list-row td {
    padding: 3px 6px !important;
    font-size: 11px !important;
}

/* GridStack - no inner padding */
.grid-stack > .grid-stack-item-content {
    padding: 0 !important;
}

/* Celá nástěnka – menší písmo */
.dashboard-body {
    font-size: 11px !important;
}

/* Media query pro tablet (iPad) */
@media (max-width: 1024px) {
    .grid-stack > .grid-stack-item {
        min-height: 60px !important;
    }

    .dashlet .panel-heading {
        padding: 3px 7px !important;
        min-height: 20px !important;
    }

    .dashlet .panel-heading .panel-title {
        font-size: 10px !important;
    }

    .dashlet .panel-body {
        padding: 4px !important;
        font-size: 10px !important;
    }

    .dashlet .list-row td {
        padding: 2px 5px !important;
        font-size: 10px !important;
    }
}

/* Media query pro mobil */
@media (max-width: 768px) {
    .dashlet .panel-heading .panel-title {
        font-size: 10px !important;
    }

    .dashlet .panel-body {
        padding: 3px !important;
        font-size: 10px !important;
    }
}

/* ===========================================
   Task 05: Zmenšení písma a formulářů
   =========================================== */

/* Základní font - menší */
body {
    font-size: 12px !important;
}

/* Kompaktnější formulářové prvky */
.form-control {
    height: 30px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Textarea - zachovat větší výšku */
textarea.form-control {
    height: auto !important;
}

/* Menší dropdown menu */
.dropdown-menu {
    font-size: 12px !important;
    padding: 3px 0 !important;
}

.dropdown-menu > li > a {
    padding: 2px 15px !important;
    font-size: 12px !important;
}

/* Selectize (vyhledávací dropdown) - zobrazit celý text */
.selectize-dropdown {
    min-width: 100% !important;
    width: auto !important;
}

/* Autocomplete našeptávač (product-name) - širší dropdown pro dlouhé názvy produktů.
   Plugin nastavuje width inline = šířka inputu. Přebíjeme přes !important. */
.autocomplete-suggestions {
    min-width: 400px !important;
    width: max-content !important;
    max-width: 80vw !important;
}

.autocomplete-suggestions .autocomplete-suggestion {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
}

.selectize-dropdown-content {
    overflow-x: visible !important;
    overflow-y: auto !important;
    max-height: 300px !important;
}

.selectize-dropdown-content .option,
.selectize-dropdown .option {
    padding: 5px 10px !important;
    font-size: 12px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    line-height: 1.4 !important;
}

.selectize-input {
    padding: 4px 8px !important;
    font-size: 12px !important;
    min-height: 30px !important;
}

/* Vybraná položka v selectize poli - zobraziť celý text */
.selectize-input .item {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
}

/* Tabulky - kompaktnější */
.table > tbody > tr > td,
.table > thead > tr > th {
    padding: 6px 8px !important;
    font-size: 12px !important;
}

/* Labely ve formulářích */
.cell label,
.field-label {
    font-size: 11px !important;
    margin-bottom: 2px !important;
}

/* Tlačítka - menší */
.btn {
    padding: 4px 10px !important;
    font-size: 12px !important;
}

.btn-sm {
    padding: 2px 8px !important;
    font-size: 11px !important;
}

/* Panely a nadpisy */
.panel-heading {
    padding: 8px 12px !important;
    font-size: 13px !important;
}

/* Sidebar menu */
.side-nav li a {
    padding: 6px 15px !important;
    font-size: 12px !important;
}


/* ===========================================
   Task 08: Větší datepicker kalendář
   =========================================== */

/* Zvětšit inline datepicker */
.datepicker-inline {
    width: 350px !important;
}

/* Zvětšit dropdown datepicker */
.datepicker.datepicker-dropdown {
    width: auto !important;
    min-width: 320px !important;
}

/* Větší buňky kalendáře */
.datepicker table tr td,
.datepicker table tr th {
    width: 42px !important;
    height: 38px !important;
    font-size: 14px !important;
}

/* Větší hlavička (měsíc/rok) */
.datepicker .datepicker-switch {
    width: 180px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Větší šipky navigace */
.datepicker .prev,
.datepicker .next {
    width: 40px !important;
    font-size: 16px !important;
}

/* Tablet/iPad - ještě větší */
@media (min-width: 768px) and (max-width: 1024px) {
    .datepicker-inline {
        width: 400px !important;
    }

    .datepicker.datepicker-dropdown {
        min-width: 380px !important;
    }

    .datepicker table tr td,
    .datepicker table tr th {
        width: 50px !important;
        height: 44px !important;
        font-size: 16px !important;
    }
}

/* ===========================================
   Fix: Sidebar menu scrolling (Mac + všechny)
   =========================================== */

/* Hlavní seznam menu položek - povolit scroll */
body[data-navbar=side] #navbar .navbar ul.tabs {
    overflow-y: auto !important;
    max-height: calc(100vh - var(--navbar-header-height, 65px)) !important;
    -webkit-overflow-scrolling: touch;
}

/* Stejné pro minimized stav s otevřeným menu */
body[data-navbar=side].minimized.side-menu-opened #navbar .navbar ul.tabs {
    overflow-y: auto !important;
    max-height: calc(100vh - var(--navbar-header-height, 65px)) !important;
    -webkit-overflow-scrolling: touch;
}

/* Tenký scrollbar pro sidebar - viditelný ale neruší */
body[data-navbar=side] #navbar .navbar ul.tabs::-webkit-scrollbar {
    width: 4px;
}

body[data-navbar=side] #navbar .navbar ul.tabs::-webkit-scrollbar-track {
    background: transparent;
}

body[data-navbar=side] #navbar .navbar ul.tabs::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
}

body[data-navbar=side] #navbar .navbar ul.tabs::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

/* ===========================================
   Task 06: Větší scheduler při plánování schůzky
   =========================================== */

/* Minimální výška Vis-Timeline scheduleru v edit/editSmall view */
.scheduler-container .timeline {
    min-height: 220px !important;
}

/* Větší výška pro desktop edit stránku */
.edit-container .scheduler-container .timeline,
[data-view="crm:views/meeting/record/detail"] .scheduler-container .timeline {
    min-height: 260px !important;
}

/* ServiceTrip busy bloky - odlišná barva pro přehlednost */
.vis-item.vis-background.busy {
    background-color: rgba(220, 80, 80, 0.35) !important;
    border-color: rgba(220, 80, 80, 0.6) !important;
}

/* ===========================================
   Fix: Vždy viditelný posuvník v prohlížeči
   Téma nastavuje html { height: 100% } – tím je html fixováno na výšku
   okna a browser scrollbar se nezobrazí. Přepíšeme na height: auto
   a vynutíme overflow-y: scroll pro trvalý klasický posuvník.
   =========================================== */
html {
    height: auto !important;
    overflow-y: scroll !important;
}

body {
    min-height: 100vh;
}

/* Zvýraznění posuvníku stránky – výrazně viditelný, snadno chytitelný */
html::-webkit-scrollbar {
    width: 14px !important;
}

html::-webkit-scrollbar-track {
    background: #cccccc !important;
}

html::-webkit-scrollbar-thumb {
    background-color: #777777 !important;
    border-radius: 3px !important;
    border: 2px solid #cccccc !important;
}

html::-webkit-scrollbar-thumb:hover {
    background-color: #444444 !important;
}

/* Firefox */
html {
    scrollbar-width: auto !important;
    scrollbar-color: #777777 #cccccc !important;
}

/* ===========================================
   Sticky totals bar (Quote, SalesOrder)
   =========================================== */

.sticky-totals-bar {
    position: fixed;
    top: 39px;
    left: 0;
    right: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-bottom: 3px solid #005fa3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 0 16px;
    height: 36px;
    font-size: 12px;
}

.sticky-totals-items {
    display: flex;
    align-items: center;
    gap: 24px;
}

.sticky-totals-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sticky-totals-label {
    color: #666666;
    font-weight: 400;
}

.sticky-totals-value {
    color: #111111;
    font-weight: 600;
}

.sticky-totals-grand .sticky-totals-value {
    color: #005fa3;
    font-size: 13px;
    font-weight: 700;
}

.sticky-totals-close {
    background: none;
    border: none;
    font-size: 18px;
    color: #999999;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
}

.sticky-totals-close:hover {
    color: #333333;
}

/* Sidebar layout: offset bar to the right of sidebar */
body[data-navbar="side"] .sticky-totals-bar {
    top: 0;
    left: var(--navbar-width, 220px);
}

body[data-navbar="side"].minimized .sticky-totals-bar {
    left: var(--navbar-minimized-width, 58px);
}

/* Všude: sidebar doprava → dolů jako bottom panel */
.detail .record-grid {
    grid-template-columns: 1fr !important;
}

/* Skrytie bočného panelu (tímy, priradený užívateľ) v celom systéme */
.record-grid > .side {
    display: none !important;
}

/* ===========================================
   Tablet fix: Tabulka položek + selectize dropdown
   =========================================== */

/* Tabulka položek - horizontální scroll pokud přetéká */
.recordList .list,
.record-list .list {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Min-width pouze na tabletu kde jsou sloupce moc úzké */
@media (min-width: 768px) and (max-width: 1366px) {
    .recordList .table,
    .record-list .table {
        min-width: 960px !important;
    }

    .recordList .list::-webkit-scrollbar {
        height: 10px;
    }

    .recordList .list::-webkit-scrollbar-track {
        background: #e0e0e0;
        border-radius: 4px;
    }

    .recordList .list::-webkit-scrollbar-thumb {
        background-color: #888888;
        border-radius: 4px;
    }

    .recordList .list::-webkit-scrollbar-thumb:hover {
        background-color: #555555;
    }

    /* Firefox */
    .recordList .list {
        scrollbar-width: auto;
        scrollbar-color: #888888 #e0e0e0;
    }
}


/* ============================================================
 * [Encofa fix] Image preview modal: visible scrollbar + sensible
 * default fit so users always see the whole image at once.
 * (Click cycles to the next image — see image-preview.js view.)
 * ============================================================ */
.modal .modal-body {
    scrollbar-width: thin;
    scrollbar-color: #888 #e0e0e0;
}
.modal .modal-body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.modal .modal-body::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 6px;
}
.modal .modal-body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
    border: 2px solid #e0e0e0;
}
.modal .modal-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.modal-body .image-container img {
    max-height: 75vh !important;
    object-fit: contain;
}

/* ============================================================
 * [Encofa fix] Image preview modal: when user zooms, drop the
 * max-height clamp so the image actually overflows modal-body
 * and the styled scrollbar becomes navigable.
 * ============================================================ */
.modal-body .image-container img.encofa-zoomed {
    max-height: none !important;
}
.modal-header button[data-action="zoomIn"],
.modal-header button[data-action="zoomOut"],
.modal-header button[data-action="zoomReset"] {
    margin-left: 4px;
}

/* ============================================================
 * [Encofa fix] Inline-edit cancel link icon: the stock icon
 * (fa-arrow-right-to-bracket → blue rightwards arrow) looks like
 * a submit button. Swap it for fa-times (×) so users don't
 * confuse cancel with save.
 * ============================================================ */
a.inline-cancel-link .fas.fa-arrow-right-to-bracket::before {
    content: "\f00d"; /* fa-times */
}
a.inline-cancel-link .fas.fa-arrow-right-to-bracket {
    color: #b94a48;
}
a.inline-save-link .fas.fa-check {
    color: #468847;
}

/* ===========================================
   Fix: telefonní pole — prefix +420 se nesmí
   překrývat se zadaným číslem. Globální
   .form-control padding-left:8px !important
   přebíjelo intl-tel-input padding-left:52px.
   Specifičtější selektor vrátí prostor pro prefix.
   =========================================== */
.iti--separate-dial-code input.form-control,
.iti--separate-dial-code input.form-control[type="text"],
.iti--separate-dial-code input.form-control[type="tel"],
.iti--allow-dropdown input.form-control,
.iti--allow-dropdown input.form-control[type="text"],
.iti--allow-dropdown input.form-control[type="tel"] {
    padding-left: 52px !important;
}

/* ===========================================
   Fix: fotky v protokolech jsou obrovské.
   Klient: "obrazí se obrovská fotka a je strašně zdlouhavé
   hledat na ní informace. Max ve velikosti displeje + zoom."

   Řešení (CSS):
     • Náhledové miniatury v detailu (atttachment thumbnails):
       max 220×220 px, object-fit:cover.
     • Modal preview (lightbox): max-height 85vh, max-width 100%,
       object-fit:contain, cursor zoom-in.
     • Po kliknutí na .zoomed-in (nastavuje JS handler) → ukáže
       v původní velikosti, scroll, cursor zoom-out.
   =========================================== */

/* Inline thumbnaily v detailu — větší kontrola velikosti */
.field-attachmentMultiple .attachment-preview img,
.field-image .image img,
.field-file .image-preview {
    max-width: 220px !important;
    max-height: 220px !important;
    object-fit: cover;
}

/* Lightbox modal — fit-to-screen */
.image-preview .modal-body {
    text-align: center;
    overflow: auto;
}

.image-preview .modal-body img {
    max-width: 100% !important;
    max-height: 85vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    cursor: zoom-in;
    transition: max-width 0.2s, max-height 0.2s;
}

.image-preview .modal-body img.zoomed-in {
    max-width: none !important;
    max-height: none !important;
    cursor: zoom-out;
}

/* Lightbox dialog má rezervu okolo */
.image-preview .modal-dialog {
    width: auto !important;
    max-width: 95vw !important;
    margin: 2vh auto !important;
}

/* ===========================================
   Úkol 6: zvýraznit "+" Vytvořit tlačítka v
   relationship panelech (Kontaktní osoby, Pobočky,
   Poptávky). Klient: "workflow je komplikovaný,
   stačilo by jen přidat přes + kdyby to šlo".
   Fix: udělej tlačítka výraznější — barva + label.
   =========================================== */
.panel-heading .panel-action[data-action="createRelated"] {
    background-color: #5cb85c !important;
    color: #fff !important;
    border-color: #4cae4c !important;
    font-weight: 600 !important;
}

.panel-heading .panel-action[data-action="createRelated"]:hover {
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

.panel-heading .panel-action[data-action="createRelated"]::after {
    content: " Přidat";
    margin-left: 4px;
    font-size: 11px;
}


/* ===========================================================
   List view — tablet / desktop usability fix
   2026-06-22 — žádost koordinátorky: NÁZEV se ořezává na iPadu
   =========================================================== */

/* 1) Wrap text v buňkách list view — žádný "Z... J... D..." */
.list > table td {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.35;
}

/* 2) Hlavičky vlevo přerovnané — žádný truncation */
.list > table thead th.field-header-cell {
    white-space: normal !important;
    word-break: break-word;
    position: relative;
}

/* 3) Drag handle uvnitř každé sloupce header pro resize */
.list > table thead th.field-header-cell .__resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
    background: transparent;
    border-right: 1px dashed transparent;
    transition: border-color 0.15s;
}

.list > table thead th.field-header-cell .__resize-handle:hover,
.list > table thead th.field-header-cell .__resize-handle.__active {
    border-right-color: #1565c0;
    background: rgba(21, 101, 192, 0.08);
}

/* 4) Zobrazit cursor=col-resize na celém pravém okraji pro lepší UX */
.list.__resizing {
    cursor: col-resize !important;
    user-select: none !important;
}

.list.__resizing * {
    cursor: col-resize !important;
    user-select: none !important;
}

/* 5) Tablet portrait — sidebar bere min. prostor */
@media (min-width: 768px) and (max-width: 1100px) {
    .list > table td,
    .list > table thead th.field-header-cell {
        padding: 6px 8px !important;
        font-size: 13px;
    }
}

/* ===========================================================
   Sticky Akce + filter bar v list view
   2026-06-25 — žádost koordinátorky:
   Tlačítko Akce má zůstat přístupné i při scrollu seznamem
   =========================================================== */
/* Univerzální sticky — pod fixed navbar (45px). page-header (Leady, +, Upravit filtry),
   list-buttons-container (Akce), detail-button-container (Upravit/PDF) */
.page-header,
.list-buttons-container,
.detail-button-container {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 1020 !important;
    background: var(--body-bg, #fff) !important;
}
.page-header {
    top: 45px !important;
    padding-top: 4px;
    padding-bottom: 4px;
    background: var(--body-bg, #fff) !important;
}
.list-buttons-container {
    top: 150px !important;
    padding-top: 4px;
    padding-bottom: 4px;
    background: var(--body-bg, #fff) !important;
    border-bottom: 1px solid #e0e0e0;
}
.detail-button-container {
    top: 45px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Page-header background na celou plochu — aby tlačítka nepřesahovaly přes thead */
.page-header,
.page-header .page-header-row,
.page-header .page-header-column-1,
.page-header .page-header-column-2 {
    background: var(--body-bg, #fff) !important;
}

/* Akce tlačítko — výrazný kontrast */
.list-buttons-container .actions-button {
    background: #fff !important;
    border: 2px solid #222 !important;
    color: #222 !important;
    font-weight: 600 !important;
}
.list-buttons-container .actions-button:hover {
    background: #222 !important;
    color: #fff !important;
}

/* Sticky thead JEN pro hlavní list (ne Items panel uvnitř detail) */
.list-container > .list > table thead,
#main > .page > .list > table thead,
.page-content > .list > table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
    z-index: 1019;
    background: #f0f0f3;
}

/* Vypnout sticky pro tabulky uvnitř detail/edit panelů (Položky, items) — všechny browsery */
.panel-body table thead,
.panel-body table thead th,
.record-list table thead,
.record-list table thead th,
.record .panel table thead,
.record .panel table thead th,
.edit-container table thead,
.edit-container table thead th,
form table thead,
form table thead th,
.list-row-container thead,
.list-row-container thead th,
[data-name="items"] table thead,
[data-name="items"] table thead th,
[data-name="itemList"] table thead,
[data-name="itemList"] table thead th {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: transparent !important;
}

/* ===========================================================
   AssemblyProtocol — schovat velký avatar u Hlavní technik
   2026-06-26 — žádost koordinátorky
   =========================================================== */
.panel .cell[data-name="assignedUser"] .field[data-name="assignedUser"] img.avatar {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
}
.panel .cell[data-name="assignedUser"] .field[data-name="assignedUser"]:has(.avatar) {
    max-width: none !important;
}
.panel .cell[data-name="assignedUser"] .field[data-name="assignedUser"] a {
    position: static !important;
    opacity: 1 !important;
}

/* ===========================================================
   Per-status barvy Leadů — každý stav vlastní barva
   2026-06-30 — žádost obchodníků (4 měsíce v backlogu)
   =========================================================== */
.label-state.status-novy-lead      { background: #e74c3c !important; color: #fff !important; }
.label-state.status-nedovolano     { background: #f39c12 !important; color: #fff !important; }
.label-state.status-osloveno       { background: #16a085 !important; color: #fff !important; }
.label-state.status-nabidka        { background: #3498db !important; color: #fff !important; }
.label-state.status-jednani        { background: #8e44ad !important; color: #fff !important; }
.label-state.status-zamereno       { background: #d35400 !important; color: #fff !important; }
.label-state.status-objednano      { background: #2ecc71 !important; color: #fff !important; }
.label-state.status-realizace      { background: #27ae60 !important; color: #fff !important; }
.label-state.status-fakturovano    { background: #1abc9c !important; color: #fff !important; }
.label-state.status-zaplaceno      { background: #f1c40f !important; color: #212 !important; }
.label-state.status-ztraceno       { background: #7f8c8d !important; color: #fff !important; }
.label-state.status-odlozeno       { background: #6c5b7b !important; color: #fff !important; }
.label-state.status-zruseno        { background: #212121 !important; color: #fff !important; }
.label-state.status-zdvojeny       { background: #bdc3c7 !important; color: #212 !important; }

/* ===========================================================
   Filter dropdown musí být NAD sticky lištou
   =========================================================== */
.selectize-dropdown,
.dropdown-menu,
.filter-list .dropdown-menu,
.search-container .dropdown-menu {
    z-index: 2000 !important;
}

/* ===========================================================
   Modal Vybrat produkty — scroll uvnitř tabulky, ne pod modálem
   =========================================================== */
.modal-body {
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
    overflow-x: hidden;
}
.modal-body .list-container,
.modal-body .list {
    overflow: visible;
}