/**
 * MCL V3.0 — GLOBALNI STANDARD: tabele + filter forme
 * Kolone: semantički tip (.mcl-col-rb, .mcl-col-name, …) — širina u % tabele, NE px monitora.
 * Auto: mcl-table-standard.js (MCL_TABLES.normalizePage)
 */

/* RB i Ord = max 4 cifre (1–9999) — ista sirina kolone */
:root {
    --mcl-col-rb-w: 5ch;
    --mcl-col-ord-w: 5ch;
    --mcl-col-num-w: 6.5ch;
    --mcl-col-prio-w: 10ch;
    --mcl-col-status-w: 12ch;
    --mcl-col-queue-actions-w: 20ch;
    --mcl-col-queue-spec-w: 20ch;
    --mcl-col-queue-name-w: 28ch;
    --mcl-col-queue-razlog-w: 30ch;
    --mcl-col-queue-time-w: 10ch;
    --mcl-col-queue-ceka-w: 9ch;
    --mcl-col-queue-prio-w: 15ch;
    --mcl-col-queue-status-w: 13ch;
    --mcl-col-actions-w: 22%;
    --mcl-col-actions-min: 13.5rem;
    --mcl-tbl-code-min: 4rem;
    --mcl-tbl-date-min: 5.5rem;
    --mcl-tbl-datetime-min: 8rem;
}

html {
    overflow-x: hidden !important;
    max-width: 100%;
}

/* ========== TABELE — 100% širina, ZABRANJEN horizontalni skrol (ceo program) ========== */
.table-responsive,
.table-responsive-sm,
.table-responsive-md,
.table-responsive-lg,
.table-responsive-xl,
.table-responsive-xxl,
.mf-apoteka .apoteka-table-wrap,
.admin-kabineti-table-wrap,
.admin-cenovnik-table-wrap,
.admin-norme-table-wrap,
.admin-lekari-table-wrap,
.pc-table-wrap,
.kc-table-wrap,
#pcDijGroups,
#pcIntGroups,
.infopult-wrapper,
.infopult-main,
.content-wrapper,
#mainContent,
#app-wrapper {
    overflow-x: hidden !important;
    overflow-y: visible;
    max-width: 100%;
    max-height: none;
}

.mf-apoteka .apoteka-table-wrap {
    overflow-y: auto;
}

.table-responsive>.table:not(.apoteka-magacin-table),
.table-responsive>table:not(.apoteka-magacin-table),
.infopult-main>.table,
.infopult-main .card .table:not(.table-responsive .table),
.content-wrapper table.table,
#mainContent table.table,
.mcl-report-table,
.mcl-data-table,
.mcl-protokol-table,
.admin-kabineti-table-wrap .admin-kabineti-table,
.mcl-queue-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-bottom: 0;
    border-collapse: collapse;
}

.table-responsive>.table:not(.apoteka-magacin-table) tbody td,
.table-responsive>table:not(.apoteka-magacin-table) tbody td,
.infopult-main table.table:not(.apoteka-magacin-table) td,
.content-wrapper table.table:not(.apoteka-magacin-table) td,
#mainContent table.table:not(.apoteka-magacin-table) td,
.mcl-report-table tbody td,
.mcl-data-table tbody td,
.mcl-protokol-table tbody td,
.mcl-queue-table tbody td {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0;
    vertical-align: middle;
    padding: 0.5rem 0.75rem;
    font-size: var(--mcl-font-sm, 0.875rem);
    line-height: 1.35;
}

/* Headeri — jedan red, pun naziv, bez prelamanja */
.table-responsive>.table:not(.apoteka-magacin-table) thead th,
.table-responsive>table:not(.apoteka-magacin-table) thead th,
.infopult-main table.table:not(.apoteka-magacin-table) th,
.content-wrapper table.table:not(.apoteka-magacin-table) th,
#mainContent table.table:not(.apoteka-magacin-table) th,
.mcl-report-table thead th,
.mcl-data-table thead th,
.mcl-protokol-table thead th,
.mcl-queue-table thead th {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-width: 0;
    vertical-align: middle;
    padding: 0.5rem 0.75rem;
    font-size: var(--mcl-font-xs, 0.8125rem);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.25;
    hyphens: none !important;
}

.table-responsive>.table tbody tr:hover td,
.mcl-report-table tbody tr:hover td,
.mcl-data-table tbody tr:hover td {
    background: rgba(6, 182, 212, 0.04);
}

/* Širine kolona: SAMO inline style iz MCL_TABLES (zbir = 100%). Bez delimičnih % u CSS! */
table[data-mcl-table-standard="1"] {
    table-layout: fixed !important;
    width: 100% !important;
}

table[data-mcl-table-standard="1"] col[style] {
    min-width: 0;
}

.mcl-data-table thead th.mcl-col-rb {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.mcl-data-table thead th.mcl-col-num,
.mcl-data-table thead th.mcl-col-money,
.mcl-data-table thead th.mcl-col-rb,
.mcl-data-table thead th.mcl-col-code,
.mcl-data-table thead th.mcl-col-action {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.25;
    hyphens: auto;
}

.mcl-col-center,
td.mcl-col-center,
th.mcl-col-center,
.mcl-report-table .col-rpt-center,
.mcl-data-table .col-rpt-center {
    text-align: center !important;
}

.mcl-col-right,
td.mcl-col-right,
th.mcl-col-right,
.mcl-report-table .col-rpt-right,
.mcl-data-table .col-rpt-right {
    text-align: right !important;
}

table[data-mcl-table-standard="1"] col.mcl-col-rb {
    width: var(--mcl-col-rb-w) !important;
}

table[data-mcl-table-standard="1"] col.mcl-col-ord {
    width: var(--mcl-col-ord-w) !important;
}

table[data-mcl-table-standard="1"] col.mcl-col-num {
    width: var(--mcl-col-num-w) !important;
}

table[data-mcl-table-standard="1"] col.mcl-col-prioritet {
    width: var(--mcl-col-prio-w) !important;
}

table[data-mcl-table-standard="1"] col.mcl-col-status {
    width: var(--mcl-col-status-w) !important;
}

.red-cekanja-table td.mcl-col-actions,
.red-cekanja-table th.mcl-col-actions,
.red-cekanja-table td.mcl-col-queue-actions,
.red-cekanja-table th.mcl-col-queue-actions,
.mcl-queue-table td.mcl-col-actions,
.mcl-queue-table th.mcl-col-actions,
.mcl-queue-table td.mcl-col-queue-actions,
.mcl-queue-table th.mcl-col-queue-actions,
table[data-mcl-table-standard="1"] col.mcl-col-queue-actions {
    width: var(--mcl-col-queue-actions-w) !important;
    min-width: var(--mcl-col-queue-actions-w) !important;
    max-width: var(--mcl-col-queue-actions-w) !important;
}

.red-cekanja-table col.mcl-col-spec,
.red-cekanja-table th.mcl-col-spec,
.red-cekanja-table td.mcl-col-spec,
.mcl-queue-table col.mcl-col-spec,
.mcl-queue-table th.mcl-col-spec,
.mcl-queue-table td.mcl-col-spec {
    width: var(--mcl-col-queue-spec-w) !important;
    min-width: var(--mcl-col-queue-spec-w) !important;
    max-width: var(--mcl-col-queue-spec-w) !important;
}

.red-cekanja-table col.mcl-col-name-lg,
.red-cekanja-table th.mcl-col-name-lg,
.red-cekanja-table td.mcl-col-name-lg,
.mcl-queue-table col.mcl-col-name-lg,
.mcl-queue-table th.mcl-col-name-lg,
.mcl-queue-table td.mcl-col-name-lg {
    width: var(--mcl-col-queue-name-w) !important;
    min-width: var(--mcl-col-queue-name-w) !important;
    max-width: var(--mcl-col-queue-name-w) !important;
}

.red-cekanja-table col.mcl-col-razlog,
.red-cekanja-table th.mcl-col-razlog,
.red-cekanja-table td.mcl-col-razlog,
.mcl-queue-table col.mcl-col-razlog,
.mcl-queue-table th.mcl-col-razlog,
.mcl-queue-table td.mcl-col-razlog {
    width: var(--mcl-col-queue-razlog-w) !important;
    min-width: var(--mcl-col-queue-razlog-w) !important;
    max-width: var(--mcl-col-queue-razlog-w) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.red-cekanja-table col.mcl-col-time,
.red-cekanja-table th.mcl-col-time,
.red-cekanja-table td.mcl-col-time,
.mcl-queue-table col.mcl-col-time,
.mcl-queue-table th.mcl-col-time,
.mcl-queue-table td.mcl-col-time {
    width: var(--mcl-col-queue-time-w) !important;
    min-width: var(--mcl-col-queue-time-w) !important;
    max-width: var(--mcl-col-queue-time-w) !important;
}

.red-cekanja-table col.mcl-col-ceka,
.red-cekanja-table th.mcl-col-ceka,
.red-cekanja-table td.mcl-col-ceka,
.mcl-queue-table col.mcl-col-ceka,
.mcl-queue-table th.mcl-col-ceka,
.mcl-queue-table td.mcl-col-ceka {
    width: var(--mcl-col-queue-ceka-w) !important;
    min-width: var(--mcl-col-queue-ceka-w) !important;
    max-width: var(--mcl-col-queue-ceka-w) !important;
}

.red-cekanja-table col.mcl-col-prioritet,
.red-cekanja-table th.mcl-col-prioritet,
.red-cekanja-table td.mcl-col-prioritet,
.mcl-queue-table col.mcl-col-prioritet,
.mcl-queue-table th.mcl-col-prioritet,
.mcl-queue-table td.mcl-col-prioritet {
    width: var(--mcl-col-queue-prio-w) !important;
    min-width: var(--mcl-col-queue-prio-w) !important;
    max-width: var(--mcl-col-queue-prio-w) !important;
}

.red-cekanja-table col.mcl-col-status,
.red-cekanja-table th.mcl-col-status,
.red-cekanja-table td.mcl-col-status,
.mcl-queue-table col.mcl-col-status,
.mcl-queue-table th.mcl-col-status,
.mcl-queue-table td.mcl-col-status {
    width: var(--mcl-col-queue-status-w) !important;
    min-width: var(--mcl-col-queue-status-w) !important;
    max-width: var(--mcl-col-queue-status-w) !important;
}

.red-cekanja-table col.mcl-col-slack,
.red-cekanja-table th.mcl-col-slack,
.red-cekanja-table td.mcl-col-slack,
.mcl-queue-table col.mcl-col-slack,
.mcl-queue-table th.mcl-col-slack,
.mcl-queue-table td.mcl-col-slack {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

td.mcl-col-prioritet,
th.mcl-col-prioritet,
td.mcl-col-status,
th.mcl-col-status {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: clip;
    width: auto;
    box-sizing: border-box;
}

td.mcl-col-razlog,
th.mcl-col-razlog {
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal;
}

td.mcl-col-ord,
th.mcl-col-ord {
    text-align: center !important;
    font-variant-numeric: tabular-nums;
    width: var(--mcl-col-ord-w);
    min-width: var(--mcl-col-ord-w);
    max-width: var(--mcl-col-ord-w);
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: clip;
}

/* RB — fiksna kolona: 1 i 12345 ista širina (tabular-nums) */
td.mcl-col-rb,
th.mcl-col-rb {
    text-align: center !important;
    font-variant-numeric: tabular-nums;
    width: var(--mcl-col-rb-w);
    min-width: var(--mcl-col-rb-w);
    max-width: var(--mcl-col-rb-w);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    text-overflow: clip;
}

td.mcl-col-rb {
    overflow: hidden;
}

thead th.mcl-col-rb {
    overflow: visible !important;
}

td.mcl-col-num,
th.mcl-col-num {
    font-variant-numeric: tabular-nums;
    width: var(--mcl-col-num-w);
    min-width: var(--mcl-col-num-w);
    max-width: var(--mcl-col-num-w);
    text-align: center !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
}

/* Lekar / spec u ćeliji — ellipsis; header ostaje čitljiv */
td.mcl-col-spec,
td.mcl-col-name-lg {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mcl-cell-wrap,
td.mcl-cell-wrap,
.table .mcl-cell-wrap {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    min-width: 6rem;
}

.mcl-col-actions,
td.mcl-col-actions,
th.mcl-col-actions,
td.mcl-col-action,
th.mcl-col-action,
[class*="-col-akcije"],
[class*="-col-actions"],
.col-kab-akcije,
.col-spec-akcije,
.cen-col-akcije,
.nor-col-akcije,
.lek-col-actions {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    width: var(--mcl-col-actions-w) !important;
    min-width: var(--mcl-col-actions-min) !important;
    max-width: var(--mcl-col-actions-w) !important;
    text-align: center !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
}

/* Dugmad u koloni Akcije — uvek unutar prozora, bez preliva */
td.mcl-col-actions,
td.mcl-col-action,
td[class*="-col-akcije"],
td[class*="-col-actions"],
td.col-kab-akcije,
td.col-spec-akcije {
    overflow: hidden !important;
}

.mcl-akcije-group,
[class*="-akcije-group"],
td.mcl-col-actions>.btn-group,
td[class*="-col-akcije"]>.btn-group,
td[class*="-col-akcije"]>span,
td.mcl-col-actions>span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.2rem !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

td.mcl-col-actions .btn,
td.mcl-col-action .btn,
td[class*="-col-akcije"] .btn,
td[class*="-col-actions"] .btn,
td.col-kab-akcije .btn,
td.col-spec-akcije .btn {
    padding: 0.18rem 0.32rem !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.admin-kabineti-table-wrap .admin-kabineti-table .col-kab-opis {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

.admin-kabineti-table-wrap .admin-kabineti-table .col-kab-status,
.admin-kabineti-table-wrap .admin-kabineti-table .col-kab-akcije,
.admin-kabineti-table-wrap .admin-kabineti-table .col-kab-idx,
.admin-kabineti-table-wrap .admin-kabineti-table .col-kab-red,
.admin-kabineti-table-wrap .admin-kabineti-table .col-kab-oznaka {
    white-space: nowrap !important;
    max-width: none !important;
}

/* ========== FILTER FORME — label iznad polja, normalan razmak ========== */
.mcl-filter-row,
.card-body>form.row.mcl-filter-row,
.infopult-card .card-body>form.row.mcl-filter-row {
    --mcl-filter-gap-x: 1.25rem;
    --mcl-filter-gap-y: 1rem;
    --mcl-filter-label-gap: 0.45rem;
    row-gap: var(--mcl-filter-gap-y);
    column-gap: var(--mcl-filter-gap-x);
    margin-left: 0;
    margin-right: 0;
    align-items: flex-end;
}

.mcl-filter-row>[class*="col"],
.mcl-filter-field {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: var(--mcl-filter-label-gap);
    min-width: 0;
    padding-left: calc(var(--mcl-filter-gap-x) * 0.5);
    padding-right: calc(var(--mcl-filter-gap-x) * 0.5);
}

.mcl-filter-row .form-label,
.mcl-filter-field .form-label,
.card-body>form.row.mcl-filter-row .form-label {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    white-space: nowrap;
    font-size: var(--mcl-font-sm, 0.875rem);
    font-weight: 600;
    color: #134e4a;
    line-height: 1.25;
}

.mcl-filter-row .form-select,
.mcl-filter-row .form-control,
.mcl-filter-field .form-select,
.mcl-filter-field .form-control,
.card-body>form.row.mcl-filter-row .form-select,
.card-body>form.row.mcl-filter-row .form-control {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 2.625rem;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    margin-top: 0;
}

.mcl-filter-row .btn,
.mcl-filter-field .btn {
    min-height: 2.625rem;
    width: 100%;
    white-space: nowrap;
}

@media (max-width: 767.98px) {

    .mcl-filter-row,
    .card-body>form.row.mcl-filter-row {
        --mcl-filter-gap-x: 0.75rem;
        --mcl-filter-gap-y: 0.85rem;
    }
}

@media (min-width: 992px) {
    .mcl-filter-single-row {
        flex-wrap: nowrap !important;
    }

    .mcl-filter-single-row>[class*="col"] {
        flex: 1 1 0;
        white-space: nowrap;
    }
}

/* Admin tabele sa data-mcl-table-custom — fiksne kolone u 100% širine, bez skrola */
table[data-mcl-table-custom="1"] {
    table-layout: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

table[data-mcl-table-custom="1"] col[class*="-col-akcije"],
table[data-mcl-table-custom="1"] col[class*="-col-actions"],
table[data-mcl-table-custom="1"] col.cen-col-akcije,
table[data-mcl-table-custom="1"] col.nor-col-akcije,
table[data-mcl-table-custom="1"] col.lek-col-actions {
    width: var(--mcl-col-actions-w) !important;
    min-width: var(--mcl-col-actions-min) !important;
}

table[data-mcl-table-custom="1"] thead th,
table[data-mcl-table-custom="1"] tbody td {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    min-width: 0 !important;
}

/* Red cekanja — ista pravila kao ceo program: 100% prozora, BEZ horizontalnog skrola */
.kabinet-pregled-wrapper {
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.kabinet-pregled-wrapper .table-responsive,
.table-responsive:has(> table.red-cekanja-table) {
    overflow-x: hidden !important;
    max-width: 100%;
    width: 100%;
}

.table-responsive>table.red-cekanja-table,
.kabinet-pregled-wrapper table.table.red-cekanja-table {
    table-layout: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.table-responsive>table.red-cekanja-table thead th,
.mcl-queue-table thead th,
.red-cekanja-table thead th {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
}

.red-cekanja-table thead th.mcl-col-slack,
.mcl-queue-table thead th.mcl-col-slack {
    padding: 0 !important;
}

/* Red cekanja — blaga, diskretna ivica polja (naslov + tekst), blago zaobljena */
.red-cekanja-table,
.mcl-queue-table {
    border: 1px solid rgba(19, 78, 74, 0.12);
    border-radius: 12px;
    border-collapse: separate !important;
    border-spacing: 8px 4px;
    table-layout: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

.red-cekanja-table thead th:not(.mcl-col-slack),
.red-cekanja-table tbody td:not(.mcl-col-slack),
.mcl-queue-table thead th:not(.mcl-col-slack),
.mcl-queue-table tbody td:not(.mcl-col-slack) {
    border: 1px solid rgba(19, 78, 74, 0.10) !important;
    border-radius: 6px;
}

.red-cekanja-table thead th:not(.mcl-col-slack),
.mcl-queue-table thead th:not(.mcl-col-slack) {
    border-bottom-color: rgba(19, 78, 74, 0.16) !important;
}