/* isd-zahtjevi.css - jedina tema aplikacije ISD Zahtjevi (101), prema redizajn/pregled.html (v2).
   Učitava se nad baznim Universal Theme stilom (Vita - Slate); stil teme daje samo klasu tijela:
   "isd-tema isd-zelena" | "isd-tema isd-petrol" | "isd-tema isd-indigo".
   Redoslijed: 1 tokeni tema, 2 mapiranje na varijable Universal Theme-a, 3 okvir (zaglavlje, tijelo, stupci),
   4 zajedničke komponente, 5 stranice (500 lista, 520 detalji), 6 mobitel.
   Generira gen_tema_101.py; ne uređivati u App Builderu. */

/* ===== 1. Tokeni (vrijednosti iz pregleda; Zelena = Vita - Gray, Petrol, Indigo) ===== */
body.isd-tema {
    --ink: #222b2f; --ink-2: #596675; --ink-3: #66717d;
    --fog: #f4f6f8; --line: #d6dde2; --line-2: #87939c; --surface: #fff; --field: #fff;
    --brand: #377e55; --brand-ink: #285f40; --brand-tint: #e5eee8;
    --nav: #f0f2f4; --nav-text: #394751; --nav-active: #e5eee8; --nav-sel: #285f40; --nav-line: #d6dde2;
    --wait: #8a4b00; --wait-bg: #fff8ec; --wait-bar: #b26b00;
    --bad: #b42318; --bad-bg: #fdecea; --ok: #1f6b3a; --ok-bg: #e5f3e9;
    --neutral: #4b5563; --neutral-bg: #eef0f2;
    --r-panel: 12px; --r-ctl: 8px;
    --fs-xs: 12px; --fs-s: 13px; --fs-m: 14px; --fs-l: 16px; --fs-xxl: 26px;
    --font: 'Poppins', system-ui, 'Segoe UI', sans-serif;
}
body.isd-tema.isd-petrol {
    --ink: #172b3a; --ink-2: #566878; --ink-3: #5f7080; --fog: #f1f5f7; --line: #dce5eb; --line-2: #8798a4; --surface: #fff; --field: #f7f9fa;
    --brand: #087f8c; --brand-ink: #066570; --brand-tint: #e7f4f5;
    --nav: #142c40; --nav-text: #dce8f0; --nav-active: #24475d; --nav-sel: #fff; --nav-line: #24475d;
}
body.isd-tema.isd-indigo {
    --ink: #2c2940; --ink-2: #666174; --ink-3: #6b6679; --fog: #f5f3ef; --line: #e2ded8; --line-2: #96909f; --surface: #fffefa; --field: #faf8f5;
    /* akcent s weba ISD-a (pink #a43865, rose #d36895); ostale boje Indigo kao prije */
    --brand: #a43865; --brand-ink: #862b51; --brand-tint: #f8e8ef;
    --nav: #faf9f6; --nav-text: #555062; --nav-active: #f8e8ef; --nav-sel: #862b51; --nav-line: #e2ded8;
}

/* ===== 2. Varijable Universal Theme-a i zaglavlja WebKOMIS-a ===== */
body.isd-tema {
    /* zaglavlje i obavijesti (wk-header.css, wk-obavijesti.css) */
    --wk-design-text: var(--ink); --wk-design-muted: var(--ink-2); --wk-design-border: var(--line);
    --wk-design-surface: var(--surface); --wk-design-soft: var(--brand-tint); --wk-design-accent: var(--brand);
    --wk-font: var(--font);

    --a-base-font-family: var(--font);
    --a-base-link-text-color: var(--brand-ink);
    --ut-link-text-color: var(--brand-ink);
    --ut-focus-outline-color: var(--brand);
    --ut-palette-primary: var(--brand); --ut-palette-primary-contrast: #fff;
    --ut-palette-primary-shade: var(--brand-tint); --ut-palette-primary-text: var(--brand-ink);
    --ut-palette-primary-alt: var(--brand-tint); --ut-palette-primary-alt-contrast: var(--brand-ink);
    --ut-palette-primary-alt-shade: var(--brand-tint); --ut-palette-primary-alt-text: var(--brand-ink);
    --ut-palette-success: var(--ok); --ut-palette-success-contrast: #fff; --ut-palette-success-shade: var(--ok-bg); --ut-palette-success-text: var(--ok);
    --ut-palette-warning: var(--wait-bar); --ut-palette-warning-contrast: #fff; --ut-palette-warning-shade: var(--wait-bg); --ut-palette-warning-text: var(--wait);
    --ut-palette-danger: var(--bad); --ut-palette-danger-contrast: #fff; --ut-palette-danger-shade: var(--bad-bg); --ut-palette-danger-text: var(--bad);
    --ut-border-radius: var(--r-ctl); --ut-border-radius-sm: 6px; --ut-border-radius-md: var(--r-ctl); --ut-border-radius-lg: var(--r-panel);

    --ut-body-background-color: var(--fog); --ut-body-text-color: var(--ink);
    --ut-body-title-background-color: transparent; --ut-body-title-box-shadow: none; --ut-body-title-border-width: 0;
    --ut-body-title-backdrop-filter: none; --ut-body-title-text-color: var(--ink);
    --ut-body-sidebar-background-color: transparent; --ut-body-sidebar-text-color: var(--ink);
    --ut-body-content-padding-x: 28px; --ut-body-content-padding-y: 24px;

    --ut-header-height: 60px; --ut-header-background-color: var(--nav); --ut-header-text-color: var(--nav-text);
    --ut-header-border-color: var(--nav-line); --ut-header-box-shadow: none;
    --ut-header-menubar-background-color: transparent; --ut-header-menubar-item-text-color: var(--nav-text);
    --ut-header-menubar-item-current-background-color: var(--nav-active); --ut-header-menubar-item-current-text-color: var(--nav-sel);
    --ut-header-menubar-item-hover-background-color: color-mix(in srgb, var(--nav-text) 6%, transparent);
    --ut-header-menubar-item-hover-text-color: var(--nav-text); --ut-header-menubar-item-border-color: transparent;

    --ut-component-background-color: var(--surface); --ut-component-border-color: var(--line); --ut-component-border-radius: var(--r-panel);
    --ut-component-box-shadow: none; --ut-component-inner-border-color: var(--line);
    --ut-component-text-default-color: var(--ink); --ut-component-text-title-color: var(--ink);
    --ut-component-text-muted-color: var(--ink-3); --ut-component-text-subtitle-color: var(--ink-2);
    --ut-component-highlight-background-color: var(--brand-tint); --ut-component-toolbar-background-color: var(--surface);

    --ut-region-background-color: var(--surface); --ut-region-text-color: var(--ink); --ut-region-border-radius: var(--r-panel);
    --ut-region-border-width: 1px; --ut-region-box-shadow: none; --ut-region-margin: 0 0 20px;
    --ut-region-header-background-color: transparent; --ut-region-header-text-color: var(--ink); --ut-region-header-border-width: 0;
    --ut-region-header-font-size: var(--fs-l); --ut-region-header-line-height: 1.5rem; --ut-region-header-padding-x: 20px;
    --ut-region-body-padding-x: 20px; --ut-region-body-padding-y: 14px; --ut-region-font-size: var(--fs-m);

    --a-button-font-size: var(--fs-s); --a-button-font-weight: 500; --a-button-line-height: 1.25rem;
    --a-button-padding-y: 6px; --a-button-padding-x: 14px; --a-button-border-radius: var(--r-ctl);
    --a-button-background-color: var(--surface); --a-button-text-color: var(--ink); --a-button-border-color: var(--line);
    --a-button-shadow: none; --a-button-box-shadow: none;
    --a-button-hover-background-color: color-mix(in srgb, var(--brand) 5%, var(--surface)); --a-button-hover-border-color: var(--line-2);
    --a-button-hover-shadow: none; --a-button-hover-text-color: var(--ink);
    --a-button-active-background-color: color-mix(in srgb, var(--brand) 10%, var(--surface)); --a-button-active-shadow: none;
    --a-button-focus-border-color: var(--brand);

    --a-field-input-font-size: var(--fs-m); --a-field-input-line-height: 1.375rem;
    --a-field-input-padding-y: 7px; --a-field-input-padding-x: 12px;
    --a-field-input-border-color: var(--line); --a-field-input-border-radius: var(--r-ctl); --a-field-input-border-width: 1px;
    --a-field-input-background-color: var(--field); --a-field-input-text-color: var(--ink);
    --a-field-input-focus-border-color: var(--brand); --a-field-input-focus-background-color: var(--field);
    --a-field-input-hover-background-color: var(--field);
    --ut-field-label-text-color: var(--ink-2); --ut-field-label-font-size: var(--fs-s);
    --a-checkbox-checked-background-color: var(--brand); --a-checkbox-border-color: var(--line-2); --a-checkbox-border-radius: 4px;
    --a-switch-checked-background-color: var(--brand); --a-switch-checked-hover-background-color: var(--brand-ink);

    --a-menu-background-color: var(--surface); --a-menu-border-color: var(--line); --a-menu-border-radius: 10px;
    --a-menu-shadow: 0 12px 32px rgba(31, 35, 71, .14); --a-menu-text-color: var(--ink); --a-menu-font-size: var(--fs-s);
    --a-menu-focused-background-color: var(--brand-tint); --a-menu-focused-text-color: var(--brand-ink);
    --a-chip-applied-background-color: var(--brand-tint); --a-chip-border-radius: 999px;
    --ut-report-header-background-color: transparent; --ut-report-cell-border-color: var(--line);
    --ut-report-cell-hover-background-color: color-mix(in srgb, var(--brand) 3%, var(--surface));
    --a-gv-header-background-color: var(--fog); --a-gv-border-color: var(--line); --a-gv-cell-border-color: var(--line);
    --a-gv-row-hover-background-color: color-mix(in srgb, var(--brand) 3%, var(--surface));
    --a-toolbar-background-color: transparent; --a-toolbar-border-color: var(--line);
    --ut-alert-border-radius: var(--r-panel); --ut-alert-box-shadow: none;
    --ut-tabs-item-active-text-color: var(--brand-ink); --ut-tabs-item-highlight-color: var(--brand); --ut-tabs-border-color: var(--line);
    --ut-footer-background-color: transparent; --ut-footer-border-color: transparent;
    --a-filedrop-border-radius: var(--r-ctl); --a-filedrop-border-color: var(--line-2);
    --a-filedrop-dragging-border-color: var(--brand); --a-filedrop-dragging-background-color: var(--brand-tint);
    --a-filedrop-padding-y: 10px; --a-filedrop-padding-x: 14px; --a-filedrop-icon-size: 20px;
    --a-filedrop-heading-font-size: var(--fs-s); --a-filedrop-heading-font-weight: 500; --a-filedrop-font-size: var(--fs-xs);
    --ut-login-page-background-color: var(--fog); --ut-login-region-background-color: var(--surface);
    --ut-login-region-box-shadow: none;
}

/* ===== 3. Okvir ===== */
body.isd-tema { color: var(--ink); background: var(--fog); font-family: var(--font); font-size: var(--fs-m); line-height: 1.55;
                -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
body.isd-tema :is(button, input, select, textarea, .t-Button, .a-Button, .ui-widget, .t-Region-title, .t-Form-label) { font-family: var(--font); }
body.isd-tema :focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
body.isd-tema a { color: var(--brand-ink); }
body.isd-tema a:is(.t-Button, .a-Button) { color: var(--a-button-text-color); }
body.isd-tema h1, body.isd-tema h2, body.isd-tema h3 { letter-spacing: -.01em; }

/* zaglavlje: jedan red - logo, kartice izbornika, gumb Novi zahtjev, zvonce i korisnik */
body.isd-tema .t-Header {
    display: flex; align-items: center; gap: 6px 18px; flex-wrap: nowrap;
    min-height: 60px; padding: 0 max(28px, calc((100% - 1440px) / 2 + 28px)); box-sizing: border-box;
    background: var(--nav) !important; color: var(--nav-text); border-bottom: 1px solid var(--nav-line); box-shadow: none;
    position: sticky; top: 0; z-index: 400;
}
body.isd-tema .t-Header-branding { display: contents; }
body.isd-tema .t-Header-controls { display: none; }
body.isd-tema .t-Header-logo { order: 1; flex: 0 0 auto; padding: 0; margin: 0 10px 0 0; height: auto; }
body.isd-tema .t-Header-logo .t-Region { display: none; }
body.isd-tema .t-Header-logo-link {
    display: flex; align-items: center; gap: 10px; height: 60px; padding: 0;
    color: var(--nav-text) !important; font-weight: 600; font-size: var(--fs-l); text-decoration: none;
}
body.isd-tema .t-Header-logo-link img, body.isd-tema .t-Header-logo-link .apex-logo-img { display: none; }
/* znak: bijeli logo ISD (isd-logo-bijeli.png) na pločici u boji teme; isti na stranici greške */
body.isd-tema .t-Header-logo-link::before,
body.isd-tema .t-Login-container:has(.t-Alert--wizard) .t-Login-containerHeader::before {
    content: ""; width: 44px; height: 30px; border-radius: 8px; flex: none;
    background: var(--brand) url(isd-logo-bijeli.png) center / 30px auto no-repeat;
}
body.isd-tema .t-Header-logo-link::after { content: "Zahtjevi"; }
body.isd-tema .t-Header-nav {
    order: 2; flex: 1 1 auto; min-width: 0; align-self: stretch;
    background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0; padding: 0;
}
body.isd-tema .t-Header-navBar { order: 3; flex: 0 0 auto; display: flex; align-items: center; gap: 10px; margin-left: auto; height: auto; padding: 0; }
body.isd-tema .t-Header-navBar > div { display: flex; align-items: center; gap: 8px; }
body.isd-tema .t-Header-navBar--start { order: 2; }
body.isd-tema .t-Header-navBar--center { order: 3; }

/* kartice izbornika (Top Navigation Menu) */
body.isd-tema .t-Header-nav .a-MenuBar, body.isd-tema .t-Header-nav .a-MenuBar > ul {
    display: flex; height: 100%; margin: 0; padding: 0; gap: 0; background: transparent !important; border: 0; box-shadow: none;
}
body.isd-tema .t-Header-nav .a-MenuBar-item {
    display: flex; align-items: stretch; height: auto; margin: 0; padding: 0;
    background: transparent !important; border: 0; border-radius: 0; box-shadow: none;
    border-top: 3px solid transparent; border-bottom: 3px solid transparent;
}
body.isd-tema .t-Header-nav .a-MenuBar-label {
    display: flex; align-items: center; gap: 8px; height: auto; padding: 0 12px;
    color: var(--nav-text) !important; opacity: .82; font-size: var(--fs-m); font-weight: 500; line-height: 1;
    text-decoration: none; text-transform: none; letter-spacing: 0; white-space: nowrap;
}
body.isd-tema .t-Header-nav .a-MenuBar-item:is(:hover, .is-focused) {
    background: color-mix(in srgb, var(--nav-text) 6%, transparent) !important; border-bottom-color: color-mix(in srgb, var(--nav-accent, var(--brand)) 35%, transparent);
}
body.isd-tema .t-Header-nav .a-MenuBar-item:is(:hover, .is-focused) .a-MenuBar-label { opacity: 1; }
body.isd-tema .t-Header-nav .a-MenuBar-item:is(.a-Menu--current, .is-current) { background: var(--nav-active) !important; border-bottom-color: var(--nav-accent, var(--brand)); }
body.isd-tema .t-Header-nav .a-MenuBar-item:is(.a-Menu--current, .is-current) .a-MenuBar-label { color: var(--nav-sel) !important; opacity: 1; }
/* APEX daje is-focused i pri prelasku mišem: okvir samo za tipkovnicu */
body.isd-tema .t-Header-nav .a-MenuBar-item { box-shadow: none !important; }
body.isd-tema .t-Header-nav .a-MenuBar-label:focus { outline: none; }
body.isd-tema .t-Header-nav .a-MenuBar-label:focus-visible { outline: 2px solid var(--brand); outline-offset: -4px; border-radius: 6px; }
body.isd-tema .t-Header-nav .a-MenuBar-item :is(.a-MenuBar-splitBtn, .a-Menu-subMenuCol) { color: var(--nav-text); background: transparent; border: 0; }

/* gumb Novi zahtjev u zaglavlju: primarni, ikona lijevo */
body.isd-tema .t-Header .t-Header-navBar .t-Button:not(.t-Button--navBar) {
    --a-button-background-color: var(--brand); --a-button-border-color: var(--brand); --a-button-text-color: #fff;
    --a-button-hover-background-color: var(--brand-ink); --a-button-hover-border-color: var(--brand-ink); --a-button-hover-text-color: #fff;
    --a-button-active-background-color: var(--brand-ink); --a-button-focus-background-color: var(--brand-ink);
    min-height: 34px; padding: 6px 14px; font-weight: 500;
}
body.isd-tema .t-Header .t-Header-navBar .t-Button .t-Icon--right { display: none; }
body.isd-tema .t-Header .t-Header-navBar .t-Button .t-Icon--left { display: inline-block; margin-right: 6px; color: inherit; }

/* tražilica i Novi zahtjev (regija "Header - akcije" na stranici 0, premješta ih isd-hdr-akcije.js) */
.isd-hdr-akcije { display: flex; align-items: center; gap: 12px; }
.isd-hdr-akcije[hidden] { display: none; }
.isd-hdr-trazi { position: relative; width: 260px; margin: 0; }
.isd-hdr-trazi .fa { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--ink-3); pointer-events: none; }
body.isd-tema .isd-hdr-trazi input {
    width: 100%; box-sizing: border-box; font: inherit; font-size: var(--fs-s); color: var(--ink);
    border: 1px solid var(--line); border-radius: var(--r-ctl); padding: 7px 12px 7px 34px; background: var(--field); min-height: 34px;
}
body.isd-tema .isd-hdr-trazi input:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent); }
body.isd-tema .t-Header .isd-hdr-novi { color: #fff !important; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; white-space: nowrap; }
body.isd-tema .t-Header .isd-hdr-novi .fa { font-size: 13px; }

/* zvonce i korisnik prema boji zaglavlja */
body.wk-hdr.isd-tema .t-Header {
    --wk-hdr-hover: color-mix(in srgb, var(--nav-text) 8%, transparent);
    --wk-hdr-active: color-mix(in srgb, var(--nav-text) 14%, transparent);
}
body.isd-tema .t-Header .t-NavigationBar :is(.t-Button--navBar, .t-Icon, .wk-ob-gumb) { color: var(--nav-text) !important; }
body.isd-tema .t-Header .t-NavigationBar .t-Button--navBar:focus-visible { outline: 2px solid var(--brand); }

/* korisnik u zaglavlju i kartica s profilom i odjavom (regija "Header - korisnik", wk-header.css/js):
   okrugla slika kao u napomenama (inicijali dok slike nema), kartica odvojena od gumba */
body.isd-tema .wk-hdr-avatar { width: 32px; height: 32px; border-radius: 50%; font-size: 12px; }
body.isd-tema .wk-hdr-avatar.ima-foto { color: transparent; }
body.isd-tema .wk-hdr-avatar img { object-position: center 20%; }
body.isd-tema.wk-hdr .t-Header .t-NavigationBar .wk-hdr-user-gumb { height: 44px; min-height: 44px; border-radius: 999px; padding: 0 12px 0 6px; }
body.isd-tema.wk-hdr .t-Header .t-NavigationBar .wk-hdr-user-gumb[aria-expanded="true"] {
    height: 44px; margin-bottom: 0; padding-bottom: 0; border-radius: 999px;
    background: color-mix(in srgb, var(--nav-text) 10%, transparent); color: inherit;
}
body.isd-tema .wk-hdr-user-ime { font-size: 13px; }
body.isd-tema .wk-hdr-user-sub { font-size: 11px; }
body.isd-tema .wk-hdr-panel {
    width: 320px; border-radius: var(--r-panel) !important; border: 1px solid var(--line); background: var(--surface); color: var(--ink);
    box-shadow: 0 18px 48px rgba(20, 24, 40, .16), 0 2px 6px rgba(20, 24, 40, .06); margin-top: 8px; overflow: hidden;
}
body.isd-tema .wk-hdr-profil { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; padding: 24px 20px 16px; }
body.isd-tema .wk-hdr-profil-lijevo { gap: 10px; }
body.isd-tema .wk-hdr-avatar--xl { width: 76px; height: 76px; border-radius: 50%; font-size: 26px; box-shadow: 0 0 0 4px var(--brand-tint); }
body.isd-tema .wk-hdr-uredi { font-size: 12px; color: var(--brand-ink) !important; }
body.isd-tema .wk-hdr-profil-desno { width: 100%; margin-top: 12px; }
body.isd-tema .wk-hdr-ime { font-size: 17px; font-weight: 600; color: var(--ink); }
body.isd-tema .wk-hdr-email { font-size: 13px; color: var(--ink-3); margin-top: 2px; }
body.isd-tema .wk-hdr-polja { gap: 0; margin: 16px 0 0; border-top: 1px solid var(--line); text-align: left; }
body.isd-tema .wk-hdr-polja > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); }
body.isd-tema .wk-hdr-polja dt { font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--ink-3); white-space: nowrap; }
body.isd-tema .wk-hdr-polja dd { margin: 0; font-size: 12px; font-weight: 500; text-align: right; color: var(--ink); }
body.isd-tema .wk-hdr-podnozje { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 20px 20px; border-top: 0; }
body.isd-tema .wk-hdr-gumb {
    justify-content: center; height: 36px; border-radius: var(--r-ctl); font-size: 13px; font-weight: 500;
    border: 1px solid var(--line); color: var(--ink) !important; background: var(--surface);
}
body.isd-tema .wk-hdr-gumb:hover { background: color-mix(in srgb, var(--brand) 5%, var(--surface)); border-color: var(--line-2); }
body.isd-tema .wk-hdr-gumb[href*="logout"] { color: var(--bad) !important; border-color: color-mix(in srgb, var(--bad) 30%, var(--line)); }
body.isd-tema .wk-hdr-gumb[href*="logout"]:hover { background: var(--bad-bg); }
body.isd-tema .wk-hdr-gumb:focus-visible { outline: 2px solid var(--brand); }

/* zvonce i panel obavijesti (wk-obavijesti / isd-obavijesti.js) u stilu kartice korisnika */
body.isd-tema.wk-hdr .t-Header .t-NavigationBar .wk-ob-gumb { border-radius: 50%; width: 40px; height: 40px; }
body.isd-tema.wk-hdr .t-Header .t-NavigationBar .wk-ob-gumb[aria-expanded="true"] {
    height: 40px; margin-bottom: 0; padding-bottom: 0; border-radius: 50%;
    background: color-mix(in srgb, var(--nav-text) 10%, transparent); color: inherit;
}
body.isd-tema.wk-hdr .t-Header .t-NavigationBar .wk-ob-gumb[aria-expanded="true"] .t-Icon { color: var(--nav-text); }
body.isd-tema.wk-hdr .t-Header .t-NavigationBar .wk-ob-gumb .t-Button-badge {
    top: 3px; right: 2px; background: var(--bad); box-shadow: 0 0 0 2px var(--nav);
}
body.isd-tema.wk-hdr .t-Region.wk-ob-panel {
    width: 380px; margin-top: 8px; border: 1px solid var(--line); border-radius: var(--r-panel) !important;
    background: var(--surface); color: var(--ink);
    box-shadow: 0 18px 48px rgba(20, 24, 40, .16), 0 2px 6px rgba(20, 24, 40, .06);
}
body.isd-tema.wk-hdr .wk-ob-panel .t-Region-header { padding: 16px 16px 12px 20px; border-bottom: 1px solid var(--line); }
body.isd-tema.wk-hdr .wk-ob-panel .t-Region-title { font-size: 16px; font-weight: 600; color: var(--ink); }
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-sve {
    height: 30px; padding: 0 10px; border-radius: var(--r-ctl); font-size: 12px; font-weight: 500; color: var(--brand-ink);
}
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-sve:not(:disabled):hover { background: var(--brand-tint); }
body.isd-tema.wk-hdr .wk-ob-panel .t-Region-body { padding: 6px; }
body.isd-tema.wk-hdr .wk-ob-panel .t-MediaList-itemWrap { gap: 12px; padding: 10px 12px; border-radius: 10px; align-items: flex-start; }
body.isd-tema.wk-hdr .wk-ob-panel a.t-MediaList-itemWrap:hover,
body.isd-tema.wk-hdr .wk-ob-panel a.t-MediaList-itemWrap:focus-visible { background: var(--fog); }
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-stavka.is-nova .t-MediaList-itemWrap { background: color-mix(in srgb, var(--brand) 6%, var(--surface)); }
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-stavka.is-nova a.t-MediaList-itemWrap:hover { background: color-mix(in srgb, var(--brand) 11%, var(--surface)); }
body.isd-tema.wk-hdr .wk-ob-panel .t-MediaList-iconWrap { margin: 0; }
body.isd-tema.wk-hdr .wk-ob-panel .t-MediaList-icon {
    width: 36px; height: 36px; border-radius: 50%; background: var(--brand-tint) !important; color: var(--brand) !important;
}
body.isd-tema.wk-hdr .wk-ob-panel .t-MediaList-icon .t-Icon { font-size: 15px; }
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-stavka:not(.is-nova) .t-MediaList-icon { opacity: 1; background: var(--neutral-bg) !important; color: var(--ink-3) !important; }
body.isd-tema.wk-hdr .wk-ob-panel .t-MediaList-title { font-size: 13px; font-weight: 500; color: var(--ink); }
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-stavka.is-nova .t-MediaList-title { font-weight: 600; }
body.isd-tema.wk-hdr .wk-ob-panel .t-MediaList-desc { margin-top: 2px; font-size: 12px; line-height: 1.4; color: var(--ink-3); }
body.isd-tema.wk-hdr .wk-ob-panel .t-MediaList-badge {
    padding: 1px 8px; border-radius: 999px; background: var(--brand); color: #fff; font-size: 11px; font-weight: 600;
}
body.isd-tema.wk-hdr .wk-ob-panel .t-Region-buttons--bottom { padding: 12px 16px 16px; border-top: 1px solid var(--line); justify-content: stretch; }
body.isd-tema.wk-hdr .wk-ob-panel .t-Region-buttons--bottom > * { flex: 1; }
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-svi {
    width: 100%; justify-content: center; height: 36px; border-radius: var(--r-ctl); font-size: 13px; font-weight: 500;
    border: 1px solid var(--line); color: var(--ink) !important;
}
body.isd-tema.wk-hdr .wk-ob-panel .wk-ob-svi:hover { background: color-mix(in srgb, var(--brand) 5%, var(--surface)); border-color: var(--line-2); }

/* tijelo: sadržaj širok najviše 1440 px, lijevi stupac (filtri) dio iste mreže */
body.isd-tema .t-Body, body.isd-tema .t-Body-main, body.isd-tema .t-Body-content { background: transparent; }
body.isd-tema .t-Body-title { background: transparent !important; border: 0; box-shadow: none; position: static; padding: 0; margin: 0; }
body.isd-tema .t-Body-title:not(:has(*)) { display: none; }
body.isd-tema .t-Body-contentInner { padding: 24px 28px 32px; max-width: 1440px; margin: 0 auto; box-sizing: border-box; }
body.isd-tema .t-Body-fullContent { max-width: 1440px; margin: 0 auto; padding: 0 28px; box-sizing: border-box; }
/* prazne regije (npr. stara "footer" regija na 520) ne računaju se kao sadržaj */
body.isd-tema .t-Body-fullContent:not(:has(.t-Region)) { display: none; }
body.isd-tema .t-Body-fullContent:has(.t-Region) + .t-Body-contentInner { padding-top: 0; }
body.isd-tema.t-PageTemplate--leftCol .t-Body-main {
    grid-template-columns: 240px minmax(0, 1fr); column-gap: 20px; align-items: start;
    width: 100%; max-width: 1440px; margin: 0 auto; padding: 24px 28px 32px; box-sizing: border-box;
}
body.isd-tema.t-PageTemplate--leftCol .t-Body-title { grid-column: 1 / -1; }
body.isd-tema.t-PageTemplate--leftCol .t-Body-side {
    position: sticky; top: 84px; width: auto; height: auto; max-height: calc(100vh - 100px); overflow: auto;
    background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0; padding: 0 4px 0 0; transform: none;
}
body.isd-tema.t-PageTemplate--leftCol .t-Body-content { margin: 0 !important; min-width: 0; width: auto; }
body.isd-tema.t-PageTemplate--leftCol .t-Body-contentInner { padding: 0; max-width: none; }
/* podnožje: logo tvrtke, opis, Built with (srce pulsira) i verzija; regija {footer-info} (header/plsql/regija_footer.sql) */
body.isd-tema .t-Footer { display: block; margin-top: 32px; padding: 0; background: var(--surface); color: var(--ink-3);
                          border-top: 1px solid var(--line); font-size: var(--fs-xs); }
body.isd-tema .t-Footer-body, body.isd-tema .t-Footer-content { display: block; padding: 0; margin: 0; }
body.isd-tema .t-Footer :is(.container, .row, .col) { padding: 0; margin: 0; }
body.isd-tema .t-Footer .t-Region { background: transparent; border: 0; margin: 0; }
body.isd-tema .t-Footer .t-Region-header { display: none; }
body.isd-tema .t-Footer .t-Region-body { padding: 0; }
body.isd-tema .t-Footer-apex { display: none; }                 /* verzija je u isd-footer */
body.isd-tema .t-Footer-top { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
body.isd-tema .t-Footer { position: relative; }
/* footer premješten iza .t-Body (isd-hdr-akcije.js): zona "footer" forme, preko svih stupaca; forma najmanje visine zaslona */
body.isd-tema .t-Footer.isd-footer-van { grid-area: footer; grid-column: 1 / -1; width: auto; margin: 32px 0 0; align-self: end; }
body.isd-tema #wwvFlowForm:has(> .isd-footer-van) { min-height: 100vh; }
body.isd-tema .t-Footer-topButton { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); background: var(--surface);
                                    color: var(--ink-2); display: grid; place-items: center; }
body.isd-tema .t-Footer-topButton:hover { border-color: var(--line-2); color: var(--ink); }
.isd-footer { display: flex; align-items: center; gap: 14px 24px; flex-wrap: wrap; max-width: 1440px; margin: 0 auto;
              padding: 18px 76px 18px 28px; box-sizing: border-box; }
.isd-footer-logo { flex: none; display: block; line-height: 0; }
.isd-footer-logo img { height: 34px; width: auto; display: block; }
.isd-footer-tekst { display: flex; flex-direction: column; gap: 1px; padding-left: 24px; border-left: 1px solid var(--line); }
.isd-footer-tekst strong { font-size: var(--fs-s); font-weight: 600; color: var(--ink); }
.isd-footer-tekst span { font-size: var(--fs-xs); color: var(--ink-3); }
.isd-footer-desno { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.isd-footer-sitno { font-size: 11px; color: var(--ink-3); }
.isd-footer-verzija { display: inline-block; margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--fog);
                      border: 1px solid var(--line); color: var(--ink-2); font-size: 10px; font-weight: 500; line-height: 16px; }
body.isd-tema .footer-apex { font-size: var(--fs-xs); line-height: 18px; color: var(--ink-2); }
body.isd-tema .footer-apex a { color: var(--ink); font-weight: 500; text-decoration: none; }
body.isd-tema .footer-apex a:hover { color: var(--brand-ink); text-decoration: underline; }
body.isd-tema .footer-apex .fa-heart { display: inline-block; width: 16px; text-align: center; font-size: 11px; color: #e5484d;
                                       transform-origin: 50% 60%; animation: isd-srce 1.6s ease-in-out infinite; }
body.isd-tema .footer-apex:hover .fa-heart { animation-duration: .8s; color: var(--bad); }
@keyframes isd-srce {
    0%, 40%, 100% { transform: scale(1); }
    10% { transform: scale(1.25); }
    20% { transform: scale(.95); }
    30% { transform: scale(1.15); }
}
@media (max-width: 860px) {
    .isd-footer { padding: 16px 64px 16px 16px; }
    .isd-footer-tekst { display: none; }
}

/* naslov stranice iz APEX regije Breadcrumb (Title Bar): isti izgled kao isd-naslov; viša razina puta sitno iznad */
body.isd-tema .t-BreadcrumbRegion {
    display: block; background: transparent !important; border: 0; box-shadow: none; padding: 0; margin: 0 0 18px; min-height: 0;
}
body.isd-tema:not(.t-PageTemplate--leftCol) .t-BreadcrumbRegion { max-width: 1440px; margin: 0 auto; padding: 24px 28px 0; box-sizing: border-box; }
body.isd-tema:not(.t-PageTemplate--leftCol) .t-Body-title:has(.t-BreadcrumbRegion) + .t-Body-content .t-Body-contentInner { padding-top: 18px; }
body.isd-tema .t-BreadcrumbRegion-top { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
body.isd-tema .t-BreadcrumbRegion-body { flex: 1 1 auto; min-width: 0; padding: 0; }
body.isd-tema .t-BreadcrumbRegion-title { display: none; }
body.isd-tema .t-Breadcrumb { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin: 0; padding: 0; }
body.isd-tema .t-Breadcrumb-item { font-size: var(--fs-s); color: var(--ink-3); padding: 0; margin: 0; }
body.isd-tema .t-Breadcrumb-item::after { color: var(--ink-3); }
body.isd-tema .t-Breadcrumb-item a { color: var(--ink-2) !important; text-decoration: none; }
body.isd-tema .t-Breadcrumb-item a:hover { text-decoration: underline; }
body.isd-tema .t-Breadcrumb-item.is-active { flex-basis: 100%; }
body.isd-tema .t-Breadcrumb-item.is-active::after { display: none; }
body.isd-tema .t-Breadcrumb-item.is-active .t-Breadcrumb-label {
    margin: 2px 0 0; font-size: var(--fs-xxl); line-height: 1.2; font-weight: 600; letter-spacing: -.01em; color: var(--ink);
}
body.isd-tema .t-BreadcrumbRegion-buttons { display: flex; gap: 8px; padding: 0; }
body.isd-tema .t-BreadcrumbRegion-bottom:empty { display: none; }

/* podizbornik (npr. Matični podaci, regija klase isd-podizbornik): kartice ispod naslova */
body.isd-tema .isd-podizbornik { margin: 16px 0 0; }
body.isd-tema:not(.t-PageTemplate--leftCol) .t-Body-title .isd-podizbornik { max-width: 1440px; margin: 14px auto 0; padding: 0 28px; box-sizing: border-box; }
body.isd-tema .isd-podizbornik .t-Tabs {
    display: flex; gap: 4px; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent;
    box-shadow: none; overflow-x: auto; scrollbar-width: none;
}
body.isd-tema .isd-podizbornik .t-Tabs-item { margin: 0; border: 0; background: transparent; }
body.isd-tema .isd-podizbornik .t-Tabs-link {
    display: inline-flex; align-items: center; gap: 6px; padding: 10px 12px; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent;
    border-radius: 0; background: transparent !important; box-shadow: none !important;
    color: var(--ink-2) !important; font-size: var(--fs-m); font-weight: 500; text-decoration: none; white-space: nowrap;
}
body.isd-tema .isd-podizbornik .t-Tabs-link:hover { color: var(--ink) !important; border-bottom-color: var(--line-2); }
body.isd-tema .isd-podizbornik .t-Tabs-item.is-active .t-Tabs-link { color: var(--brand-ink) !important; border-bottom-color: var(--brand); }
body.isd-tema .isd-podizbornik .t-Tabs-icon:empty, body.isd-tema .isd-podizbornik .t-Tabs-icon .t-Icon:empty { display: none; }

/* izvještaji i tabularne forme */
body.isd-tema .t-Report-report th.t-Report-colHead { background: var(--fog); color: var(--ink-2); font-size: var(--fs-s); font-weight: 600;
                                                     border-color: var(--line); padding: 10px 12px; }
body.isd-tema .t-Report-report td.t-Report-cell { border-color: var(--line); padding: 8px 12px; vertical-align: middle; }
body.isd-tema .t-Report-report tr:hover > td.t-Report-cell { background: color-mix(in srgb, var(--brand) 3%, var(--surface)); }
body.isd-tema .t-Report-report td.t-Report-cell :is(input[type=text], .text_field, select, .selectlist) {
    width: 100%; min-height: 32px; padding: 4px 10px; font-size: var(--fs-s); border: 1px solid var(--line); border-radius: var(--r-ctl);
    background: var(--field); box-sizing: border-box;
}
body.isd-tema .t-Report-report td.t-Report-cell :is(input[type=text], .text_field, select, .selectlist):focus {
    border-color: var(--brand); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent);
}
body.isd-tema .t-Report-pagination { font-size: var(--fs-s); }

/* naslov stranice (stranica 0, header/plsql/regija_naslov.sql): isto mjesto i razmak na svim glavnim stranicama,
   gumbi stranice (isd-naslov-akcija) desno; Breadcrumb Title Bar tih stranica se ne prikazuje */
.isd-naslov { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; margin: 0 0 22px; }
.isd-naslov-tekst { min-width: 0; }
.isd-naslov-akcije { display: flex; gap: 8px; flex-wrap: wrap; }
.isd-naslov-akcije:empty { display: none; }
body.isd-tema:not(.t-PageTemplate--leftCol) .t-Body-title .isd-naslov { max-width: 1440px; margin: 0 auto; padding: 24px 28px 0; box-sizing: border-box; }
body.isd-tema:not(.t-PageTemplate--leftCol) .t-Body-title:has(.isd-naslov) + .t-Body-content .t-Body-contentInner { padding-top: 22px; }
body.isd-tema .t-Body-title:has(.isd-naslov) .t-BreadcrumbRegion { display: none; }
.isd-naslov h1 { margin: 0; font-size: var(--fs-xxl); line-height: 1.2; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.isd-naslov p { margin: 4px 0 0; color: var(--ink-2); }

/* polja obrazaca (npr. dijalog 501): fokus unutar ruba polja (okvir preglednika izlazio je izvan zaobljenog ruba),
   obavezno polje sa zvjezdicom uz oznaku umjesto crvenog trokuta UT-a u kutu */
body.isd-tema .t-Form-fieldContainer :is(input:not([type=radio]):not([type=checkbox]), select, textarea):focus {
    outline: none; border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand);
}
body.isd-tema .t-Form-itemRequired-marker { display: none; }
body.isd-tema .t-Form-fieldContainer--floatingLabel.is-required:not(:has(.ck-editor, .a-RichTextEditor)) .t-Form-label::after {
    content: "*" !important; display: inline !important; margin-left: 3px; color: var(--bad);   /* UT ga za plutajuću oznaku skriva */
}

/* ===== 4. Komponente ===== */
/* regije kao paneli */
body.isd-tema .t-Region:not(.t-Region--noUI) { border-color: var(--line); }
body.isd-tema .t-Region-title { font-size: var(--fs-l); font-weight: 600; color: var(--ink); }
body.isd-tema .t-Region-header { padding-top: 6px; }
body.isd-tema .t-Region--noUI { background: transparent; border: 0; }

/* gumbi: zadani = obrub, hot/primary = boja teme */
body.isd-tema .t-Button:not(.t-Button--navBar), body.isd-tema .a-Button { text-transform: none; letter-spacing: 0; }
body.isd-tema :is(.t-Button--hot, .a-Button--hot, .ui-button--hot, .t-Button--primary, .a-CardView-button--hot,
                  .apex-button-group input:checked + label,
                  .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label) {
    --a-button-background-color: var(--brand); --a-button-border-color: var(--brand); --a-button-text-color: #fff;
    --a-button-hover-background-color: var(--brand-ink); --a-button-hover-border-color: var(--brand-ink); --a-button-hover-text-color: #fff;
    --a-button-active-background-color: var(--brand-ink); --a-button-active-text-color: #fff;
    --a-button-focus-background-color: var(--brand-ink); --a-button-focus-text-color: #fff;
}
body.isd-tema .t-Button--success {
    --a-button-background-color: var(--ok-bg); --a-button-border-color: color-mix(in srgb, var(--ok) 30%, var(--line));
    --a-button-text-color: var(--ok); --a-button-hover-background-color: var(--ok); --a-button-hover-text-color: #fff;
    --a-button-active-background-color: var(--ok); --a-button-focus-background-color: var(--ok-bg);
}
body.isd-tema .t-Button--danger {
    --a-button-background-color: var(--surface); --a-button-border-color: color-mix(in srgb, var(--bad) 35%, var(--line));
    --a-button-text-color: var(--bad); --a-button-hover-background-color: var(--bad-bg); --a-button-hover-text-color: var(--bad);
}
body.isd-tema :is(.t-Button--simple, .t-Button--link, .t-Button--noUI):not(.t-Button--hot) { --a-button-background-color: transparent; }
body.isd-tema .t-Button--small { --a-button-padding-y: 4px; --a-button-padding-x: 10px; }
body.isd-tema .t-Button--large { --a-button-padding-y: 9px; --a-button-padding-x: 18px; --a-button-font-size: var(--fs-m); }
body.isd-tema .t-Button .t-Icon { font-size: 14px; }

/* polja */
body.isd-tema :is(.apex-item-text, .apex-item-textarea, .apex-item-select, .apex-item-datepicker, .apex-item-popup-lov,
                  .text_field, .textarea, .selectlist, .password):focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);
}
body.isd-tema .t-Form-label { font-weight: 500; }
body.isd-tema input[type=checkbox], body.isd-tema input[type=radio] { accent-color: var(--brand); }
body.isd-tema .t-Form-error { color: var(--bad); }

/* izbornici i dijalozi */
body.isd-tema .a-Menu .a-Menu-content { padding: 6px; }
body.isd-tema .a-Menu .a-Menu-item { border-radius: 8px; }
body.isd-tema .ui-dialog { border-radius: var(--r-panel); border: 1px solid var(--line); overflow: hidden; box-shadow: 0 24px 60px rgba(20, 24, 40, .22); }
body.isd-tema .ui-dialog .ui-dialog-titlebar { background: var(--surface); border-bottom: 1px solid var(--line); padding: 12px 20px; }
body.isd-tema .ui-dialog .ui-dialog-title { font-family: var(--font); font-size: var(--fs-l); font-weight: 600; color: var(--ink); }
body.isd-tema .ui-dialog .ui-dialog-content { background: var(--fog); }
body.isd-tema .ui-widget-overlay { background: rgba(20, 24, 40, .45); opacity: 1; }
body.isd-tema .t-Dialog-body { background: var(--fog); }
body.isd-tema .t-Dialog-footer, body.isd-tema .t-ButtonRegion--dialogRegion { background: var(--surface); border-top: 1px solid var(--line); }

/* izvještaji, kartice, poruke */
body.isd-tema .t-Report-report th { font-weight: 600; color: var(--ink-2); font-size: var(--fs-s); }
body.isd-tema .t-Report-report td { font-size: var(--fs-s); }
body.isd-tema .t-Report-pagination a, body.isd-tema .t-Report-paginationLink { border-radius: var(--r-ctl); }
body.isd-tema .a-IRR, body.isd-tema .a-GV { border-radius: var(--r-panel); }
body.isd-tema .t-Alert { border: 1px solid var(--line); }
body.isd-tema .t-Alert--success { --ut-alert-icon-background-color: var(--ok); }
body.isd-tema .t-Alert--danger, body.isd-tema .t-Alert--warning { --ut-alert-icon-background-color: var(--bad); }
body.isd-tema .t-Tabs-link, body.isd-tema .apex-rds a { font-weight: 500; }
body.isd-tema .apex-rds .apex-rds-item.apex-rds-selected a { color: var(--brand-ink); box-shadow: inset 0 -2px 0 var(--brand); }

/* prijava */
body.isd-tema.t-PageBody--login { background: var(--fog); }
body.isd-tema .t-Login-region { border: 1px solid var(--line); border-radius: var(--r-panel); box-shadow: 0 16px 40px rgba(20, 24, 40, .06); }
body.isd-tema .t-Login-logo { color: #fff; background: var(--brand); border-radius: 12px; }
body.isd-tema .t-Login-title { font-weight: 600; color: var(--ink); }
body.isd-tema .t-Login-region .t-Button--hot, body.isd-tema .t-Login-buttons .t-Button { width: 100%; }

/* prijava (101): lijevo panel u boji teme (regija Uvod, stranice/101/uvod.html), desno obrazac (regija klase isd-login-forma) */
body.isd-tema.t-PageBody--login:has(.isd-login-uvod) { background: var(--surface); }
.isd-login-uvod {
    --uvod-bg: color-mix(in srgb, var(--brand-ink) 52%, #140d16);
    display: flex; flex-direction: column; gap: 36px; box-sizing: border-box; padding: 48px 56px; color: #fff;
    background:
        radial-gradient(ellipse 70% 55% at 0% 0%, color-mix(in srgb, var(--brand) 55%, transparent), transparent 70%),
        radial-gradient(ellipse 60% 50% at 100% 100%, color-mix(in srgb, var(--brand) 30%, transparent), transparent 70%),
        repeating-linear-gradient(125deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 16px),
        var(--uvod-bg);
}
.isd-login-znak { align-self: flex-start; line-height: 0; }        /* bijeli znak ISD izravno na panelu */
.isd-login-znak img { height: 40px; width: auto; }
.isd-login-uvod h2 { margin: 0; font-size: clamp(34px, 3.3vw, 52px); line-height: 1.08; font-weight: 600; letter-spacing: -.02em; color: #fff; }
.isd-login-lead { margin: 14px 0 0; max-width: 34ch; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, .8); }
.isd-login-kartica { max-width: 520px; padding: 20px 22px; border-radius: 14px; background: rgba(255, 255, 255, .06);
                     border: 1px solid rgba(255, 255, 255, .12); backdrop-filter: blur(2px); }
.isd-login-kartica h3 { margin: 0 0 14px; font-size: 15px; font-weight: 600; color: #fff; }
.isd-login-kartica ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.isd-login-kartica li { display: grid; grid-template-columns: 36px 1fr; gap: 12px; align-items: center; }
.isd-login-kartica li > .fa { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px;
                              background: rgba(255, 255, 255, .1); color: #fff; font-size: 16px; }
.isd-login-kartica strong { display: block; font-size: 14.5px; font-weight: 600; color: #fff; }
.isd-login-kartica li span:not(.fa) { display: block; font-size: 13.5px; line-height: 1.45; color: rgba(255, 255, 255, .7); }
.isd-login-dno { margin: auto 0 0; max-width: 46ch; font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, .65); }
@media (min-width: 960px) {
    .isd-login-uvod { position: fixed; inset: 0 auto 0 0; width: 46%; overflow-y: auto; }
    .isd-login-uvod-tekst { margin-top: 8vh; }
    body.isd-tema.t-PageBody--login .t-Login-container:has(.isd-login-uvod) { margin-left: 46%; width: 54%; box-sizing: border-box; }
}
@media (max-width: 959px) {
    .isd-login-uvod { padding: 22px 20px; gap: 16px; margin: 0 0 28px; border-radius: 14px; }
    body.isd-tema.t-PageBody--login .t-Login-container:has(.isd-login-uvod) { justify-content: flex-start; padding-top: 16px; }
    body.isd-tema.t-PageBody--login .t-Login-container:has(.isd-login-uvod) .t-Login-containerHeader { display: none; }
    body.isd-tema.t-PageBody--login .t-Login-container:has(.isd-login-uvod) .t-Login-containerBody { flex-grow: 0; margin: 0; }
    .isd-login-uvod h2 { font-size: 28px; }
    .isd-login-lead { font-size: 15px; margin-top: 8px; }
    .isd-login-kartica, .isd-login-dno { display: none; }
}
body.isd-tema .t-Login-region.isd-login-forma {
    width: 100%; max-width: 400px; margin: 0 auto; padding: 0; background: transparent; border: 0; box-shadow: none;
}
body.isd-tema .isd-login-forma .t-Login-header { text-align: left; padding: 0; margin: 0; }
body.isd-tema .isd-login-forma .t-Login-logo { display: none; }
body.isd-tema .isd-login-forma .t-Login-title { margin: 0; text-align: left; font-size: 30px; line-height: 1.2; letter-spacing: -.01em; }
body.isd-tema .isd-login-forma .t-Login-body { padding: 0; display: flex; flex-direction: column; }
.isd-login-podnaslov { order: -1;                 /* izvor regije APEX ispisuje iza polja */ margin: 6px 0 28px; color: var(--ink-2); font-size: 15px; line-height: 1.5; }
body.isd-tema .isd-login-forma .t-Form-fieldContainer { margin: 0 0 14px; padding: 0; }
body.isd-tema .isd-login-forma .a-Form-error:empty { display: none; }
body.isd-tema .isd-login-forma .t-Form-fieldContainer::before,
body.isd-tema .isd-login-forma .t-Form-itemWrapper::before,
body.isd-tema .isd-login-forma .t-Login-iconValidation { display: none !important; }
body.isd-tema .isd-login-forma .t-Form-itemWrapper { position: relative; display: block; }
body.isd-tema .isd-login-forma .t-Form-itemWrapper .apex-item-text {
    width: 100%; height: 50px; padding: 0 46px 0 44px; font-size: 15px; color: var(--ink); background: var(--field);
    border: 1px solid var(--line); border-radius: var(--r-ctl); box-sizing: border-box;
}
body.isd-tema .isd-login-forma .t-Form-itemWrapper .apex-item-text:hover { border-color: var(--line-2); }
body.isd-tema .isd-login-forma .t-Form-itemWrapper .apex-item-text:focus {
    outline: none; border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); background: var(--surface);
}
body.isd-tema .isd-login-forma .t-Form-itemText {
    position: absolute; top: 0; bottom: 0; display: flex; align-items: center; padding: 0; margin: 0; border: 0; background: none; z-index: 1;
}
body.isd-tema .isd-login-forma .t-Form-itemText--pre { left: 15px; pointer-events: none; color: var(--ink-3); font-size: 16px; }
body.isd-tema .isd-login-forma .t-Form-itemText--post { right: 6px; }
.isd-login-oko { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: var(--r-ctl);
                 background: none; color: var(--ink-3); cursor: pointer; font-size: 15px; }
.isd-login-oko:hover { background: var(--fog); color: var(--ink); }
.isd-login-oko:focus-visible { outline: 2px solid var(--brand); outline-offset: 0; }
body.isd-tema .isd-login-forma .t-Login-buttons { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 10px 0 0; }
body.isd-tema .isd-login-forma .t-Login-buttons #P101_LOGIN { height: 50px; font-size: 15px; font-weight: 600; border-radius: var(--r-ctl); }
body.isd-tema .isd-login-forma .t-Login-buttons .t-Button--link { width: auto; color: var(--ink-2) !important; font-size: 13px; }
body.isd-tema .isd-login-forma .t-Login-buttons .t-Button--link:hover { color: var(--brand-ink) !important; }

/* stranica s greškom (APEX: predložak prijave + t-Alert--wizard): kartica s ikonom, porukom i gumbom Natrag */
body.isd-tema.t-PageBody--login .t-Login-container:has(.t-Alert--wizard) {
    width: 100%; max-width: 560px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box;
    grid-template-rows: auto auto auto; align-content: center; min-height: 100vh;
}
body.isd-tema .t-Login-container:has(.t-Alert--wizard) .t-Login-containerBody { display: block; min-height: 0; }
body.isd-tema .t-Login-container:has(.t-Alert--wizard) .t-Login-containerHeader {
    display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 18px;
    font-weight: 600; font-size: var(--fs-l); color: var(--ink);
}
body.isd-tema .t-Login-container:has(.t-Alert--wizard) .t-Login-containerHeader::after { content: "Zahtjevi"; }
body.isd-tema .t-Alert--wizard {
    margin: 0; padding: 32px 32px 28px; border: 1px solid var(--line); border-radius: var(--r-panel); background: var(--surface);
    box-shadow: 0 16px 40px rgba(20, 24, 40, .06); text-align: center;
}
body.isd-tema .t-Alert--wizard .t-Alert-wrap { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 0; background: none; }
body.isd-tema .t-Alert--wizard .t-Alert-icon { width: auto; height: auto; padding: 0; margin: 0; background: none !important; border: 0; }
body.isd-tema .t-Alert--wizard .t-Alert-icon .t-Icon {
    width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto;
    background: var(--bad-bg) !important; color: var(--bad) !important; font-size: 22px; line-height: 1;
}
body.isd-tema .t-Alert--wizard.t-Alert--warning .t-Alert-icon .t-Icon { background: var(--wait-bg) !important; color: var(--wait) !important; }
body.isd-tema .t-Alert--wizard.t-Alert--success .t-Alert-icon .t-Icon { background: var(--ok-bg) !important; color: var(--ok) !important; }
body.isd-tema .t-Alert--wizard .t-Alert-content { padding: 0; }
body.isd-tema .t-Alert--wizard .t-Alert-body { padding: 0; }
body.isd-tema .t-Alert--wizard .t-Alert-body h3 {
    margin: 0 0 8px; font-size: 17px; line-height: 1.45; font-weight: 600; color: var(--ink); overflow-wrap: anywhere;
}
body.isd-tema .t-Alert--wizard .t-Alert-body p { margin: 0; color: var(--ink-2); font-size: var(--fs-m); }
body.isd-tema .t-Alert--wizard .t-Alert-inset:empty { display: none; }
body.isd-tema .t-Alert--wizard .t-Alert-inset { margin-top: 12px; padding: 10px 12px; border-radius: var(--r-ctl); background: var(--fog);
                                                 text-align: left; font-size: var(--fs-s); color: var(--ink-2); }
body.isd-tema .t-Alert--wizard .t-Alert-buttons { padding: 8px 0 0; margin: 0; background: none; border: 0; justify-content: center; }
body.isd-tema .t-Alert--wizard .t-Alert-buttons .t-Button { width: auto; min-width: 160px; }

/* statusi */
.isd-st { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 2px 10px 2px 8px;
          font-size: 12px; font-weight: 500; white-space: nowrap; line-height: 1.6; }
.isd-st .fa { font-size: 12px; }
/* boje statusa kao u aplikaciji 110 (navika korisnika), ublažene za temu; iste u svim temama:
   0 sivo, 1 crveno, 2 žuto, 3 ljubičasto, 4 zeleno, 5 tamno, 6 plavo, 7 cijan. --stN je puna boja (ikona, traka na početnoj) */
:root {
    --st0: #757575; --st1: #e53935; --st2: #e2b900; --st3: #ab47bc; --st4: #4caf1e; --st5: #263238; --st6: #304ffe; --st7: #26b5c6;
}
.isd-st { --st: var(--st0); --st-ink: #4b5563; --st-bg: #eef0f2;
          color: var(--st-ink); background: var(--st-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--st) 30%, transparent); }
.isd-st .fa { color: var(--st); }
.isd-s1 { --st: var(--st1); --st-ink: #b3261e; --st-bg: #fdecea; }
.isd-s2 { --st: var(--st2); --st-ink: #6f5600; --st-bg: #fff7cc; }
.isd-s3 { --st: var(--st3); --st-ink: #7b2f8a; --st-bg: #f6e9f8; }
.isd-s4 { --st: var(--st4); --st-ink: #2f6b12; --st-bg: #ebf7e2; }
.isd-s5 { --st: var(--st5); --st-ink: #fff; --st-bg: #37474f; }
.isd-s5 .fa { color: #fff; }
.isd-s6 { --st: var(--st6); --st-ink: #2638c9; --st-bg: #e9ecff; }
.isd-s7 { --st: var(--st7); --st-ink: #0b6875; --st-bg: #e0f6f9; }
.isd-hitno { display: inline-flex; align-items: center; gap: 5px; color: var(--bad); font-size: 12px; font-weight: 600; }
.isd-muted { color: var(--ink-3); }
.isd-mali { font-size: 12px; margin: 10px 0 0; }
.isd-btn { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: var(--surface);
           border-radius: var(--r-ctl); padding: 4px 10px; font: inherit; font-size: 13px; font-weight: 500; color: var(--ink) !important;
           cursor: pointer; text-decoration: none; white-space: nowrap; }
.isd-btn:hover { border-color: var(--line-2); background: color-mix(in srgb, var(--brand) 5%, var(--surface)); }
.isd-btn--ghost { border-color: transparent; background: none; color: var(--ink-2) !important; }
.isd-btn--ghost:hover { border-color: transparent; background: color-mix(in srgb, var(--ink) 5%, transparent); }

/* ===== 5a. Lijevi stupac: filtri (Faceted Search) ===== */
body.isd-tema .t-Body-side .t-Region { background: transparent; border: 0; box-shadow: none; }
body.isd-tema .t-Body-side .t-Region-body { padding: 0; }
body.isd-tema .isd-facete .a-FS { --a-fs-control-body-padding-x: 0; --a-fs-control-header-padding-x: 0; }
body.isd-tema .isd-facete .a-FS-control { border: 0; background: transparent; padding: 0 0 18px; margin: 0; }
body.isd-tema .isd-facete .a-FS-header { padding: 0 0 6px; background: transparent; border: 0; min-height: 0; }
body.isd-tema .isd-facete .a-FS-label { font-size: var(--fs-s); font-weight: 600; color: var(--ink-2); padding: 0; }
body.isd-tema .isd-facete .a-FS-toggle { display: none; }
body.isd-tema .isd-facete .a-FS-clearButton { font-size: var(--fs-xs); color: var(--ink-3); }
body.isd-tema .isd-facete .a-FS-body, body.isd-tema .isd-facete .a-FS-wrap, body.isd-tema .isd-facete .a-FS-bodyInner { padding: 0; border: 0; }
body.isd-tema .isd-facete .apex-item-option { display: flex; align-items: center; gap: 9px; padding: 4px 0; font-size: var(--fs-s); }
body.isd-tema .isd-facete .apex-item-option label { flex: 1; display: flex; gap: 6px; color: var(--ink); cursor: pointer; }
body.isd-tema .isd-facete .apex-item-option-badge { margin-left: auto; padding: 0; background: none; border: 0; color: var(--ink-3); font-size: var(--fs-xs); font-weight: 400; }
body.isd-tema .isd-facete select { width: 100%; font-size: var(--fs-s); }

/* ===== 5a2. Početna (1): dva stupca panela (PL/SQL regija, pocetna.sql) ===== */
.isd-grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 20px; align-items: start; }
.isd-stack { display: grid; gap: 20px; min-width: 0; }
.isd-pnl { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-panel); min-width: 0; overflow: hidden; }
.isd-pnl > header { display: flex; align-items: center; gap: 10px; padding: 14px 20px 10px; }
.isd-pnl > header h2 { flex: 1; margin: 0; font-size: var(--fs-l); font-weight: 600; color: var(--ink); }
.isd-pnl--attn { border-color: color-mix(in srgb, var(--wait-bar) 35%, var(--line)); box-shadow: inset 0 3px 0 var(--wait-bar); }
.isd-pnl-body { padding: 0 20px 16px; }
.isd-rows { list-style: none; margin: 0; padding: 0; }
.isd-rows > li { margin: 0; }
.isd-empty { padding: 22px 20px; color: var(--ink-2); border-top: 1px solid var(--line); }

/* "Treba preuzeti" (početna, red_cekanja u pocetna.sql): red čekanja; lijevo koliko zahtjev čeka */
.isd-red { border-color: color-mix(in srgb, var(--st1) 22%, var(--line)); }
.isd-red > header { gap: 14px; padding: 16px 20px; background: color-mix(in srgb, var(--st1) 5%, var(--surface));
                    border-bottom: 1px solid color-mix(in srgb, var(--st1) 14%, var(--line)); }
.isd-red-ik { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; font-size: 17px;
              color: var(--st1); background: color-mix(in srgb, var(--st1) 12%, var(--surface)); }
.isd-red-nasl { flex: 1; min-width: 0; }
.isd-red > header .isd-red-nasl h2 { flex: none; }
.isd-red-nasl p { margin: 2px 0 0; font-size: 13px; color: var(--ink-2); }
.isd-red-n { flex: none; min-width: 34px; height: 34px; padding: 0 10px; border-radius: 999px; display: grid; place-items: center;
             box-sizing: border-box; background: var(--st1); color: #fff; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.isd-red-lista { list-style: none; margin: 0; padding: 6px; }
.isd-red-lista > li { margin: 0; }
.isd-red-lista > li + li { border-top: 1px solid var(--line); }
.isd-red-stavka { display: flex; align-items: center; gap: 16px; padding: 12px 14px; border-radius: 10px;
                  color: var(--ink) !important; text-decoration: none; }
.isd-red-stavka:hover { background: color-mix(in srgb, var(--brand) 4%, var(--surface)); }
.isd-red-stavka:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.isd-red-dob { flex: none; width: 64px; padding: 6px 0 5px; border-radius: 10px; text-align: center; line-height: 1.1;
               background: var(--fog); color: var(--ink-2); }
.isd-red-dob b { display: block; font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
.isd-red-dob small { display: block; font-size: 11px; }
.isd-red-dob--ceka { background: color-mix(in srgb, var(--st2) 18%, var(--surface)); color: #6f5600; }
.isd-red-dob--kasni { background: color-mix(in srgb, var(--st1) 11%, var(--surface)); color: #b3261e; }
.isd-red-tekst { flex: 1; min-width: 0; }
.isd-red-t { display: block; font-weight: 600; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isd-red-desno { flex: none; display: flex; align-items: center; gap: 12px; }
.isd-red-str { color: var(--ink-3); font-size: 12px; transition: transform .15s ease; }
.isd-red-stavka:hover .isd-red-str { transform: translateX(2px); color: var(--ink); }
.isd-red--prazno { border-color: var(--line); }
.isd-red--prazno > header { background: var(--surface); border-bottom: 0; }
.isd-red--prazno .isd-red-ik { color: var(--st4); background: color-mix(in srgb, var(--st4) 12%, var(--surface)); }
@media (max-width: 700px) {
    .isd-red-stavka { flex-wrap: wrap; }
    .isd-red-desno { width: 100%; padding-left: 80px; }
}
.isd-dist { display: flex; height: 12px; border-radius: 999px; overflow: hidden; background: var(--fog); margin: 6px 0 14px; gap: 2px; }
.isd-dist span { display: block; height: 100%; }
.isd-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.isd-legend a { display: flex; align-items: center; gap: 10px; padding: 6px 8px; margin: 0 -8px; border-radius: 8px; text-decoration: none; color: var(--ink) !important; }
.isd-legend a:hover { background: var(--fog); }
.isd-sw { width: 10px; height: 10px; border-radius: 3px; flex: none; }
.isd-legend .isd-n { margin-left: auto; font-weight: 600; }
.isd-bars { display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; align-items: end; height: 130px; margin-top: 8px; }
.isd-bars > div { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.isd-bar-a { background: color-mix(in srgb, var(--brand) 22%, var(--surface)); border-radius: 5px 5px 0 0; position: relative; min-height: 2px; }
.isd-bar-b { position: absolute; left: 0; right: 0; bottom: 0; background: var(--brand); border-radius: 5px 5px 0 0; }
.isd-bars-x { display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; font-size: 11px; color: var(--ink-3); text-align: center; margin-top: 4px; }
.isd-key-l { display: flex; gap: 16px; font-size: var(--fs-xs); color: var(--ink-2); margin-top: 10px; }
.isd-key-l i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
@media (max-width: 1100px) { .isd-grid { grid-template-columns: minmax(0, 1fr); } }

/* ===== 5b. Popis zahtjeva (500): kartice pogleda, pretraga, traka i redovi kao jedan panel ===== */
.isd-pogledi {
    display: flex; gap: 4px; padding: 0 12px; overflow-x: auto; scrollbar-width: none;
    background: var(--surface); border: 1px solid var(--line); border-bottom: 0; border-radius: var(--r-panel) var(--r-panel) 0 0;
}
.isd-pogled {
    display: inline-flex; align-items: center; gap: 6px; padding: 12px 10px; margin-bottom: -1px;
    color: var(--ink-2) !important; font-weight: 500; text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent;
}
.isd-pogled:hover { color: var(--ink) !important; }
.isd-pogled.is-active { color: var(--brand-ink) !important; border-bottom-color: var(--brand); }
.isd-pogled .isd-n { font-size: 12px; color: var(--ink-3); }
body.isd-tema .t-Region.isd-pogledi-r, body.isd-tema .t-Region:has(> .t-Region-bodyWrap .isd-pogledi) { margin: 0; border: 0; background: transparent; }
body.isd-tema .t-Region.isd-trazi {
    /* vrh panela popisa (kartice pogleda maknute 26. 10. 2026.) */
    margin: 0 !important; padding: 4px 20px 0; border-radius: var(--r-panel) var(--r-panel) 0 0 !important; box-shadow: none !important;
    background: var(--surface) !important; border: 1px solid var(--line) !important; border-bottom: 0 !important;
}
body.isd-tema .isd-trazi > .t-Region-header, body.isd-tema .isd-trazi .t-Region-buttons { display: none; }
body.isd-tema .isd-trazi :is(.t-Region-bodyWrap, .t-Region-body, .container, .row, .col) { padding: 0 !important; margin: 0 !important; }
body.isd-tema .isd-trazi .t-Form-fieldContainer { margin: 0; padding: 0; }
/* polje pretrage popisa je skriveno: pretražuje se iz zaglavlja (puni P500_SEARCH_FACET) */
body.isd-tema .isd-trazi :is(.t-Form-fieldContainer, .a-FS-search, .a-FS-control):has(#P500_SEARCH_FACET) { display: none; }
body.isd-tema .t-Region.isd-traka { margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.isd-tema .isd-traka > .t-Region-header, body.isd-tema .isd-traka .t-Region-buttons { display: none; }
body.isd-tema .isd-traka .t-Region-body { padding: 0 !important; }
.isd-listbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 0; }
.isd-listbar .isd-ukupno { color: var(--ink-3); font-size: 13px; }
.isd-listbar .isd-ukupno strong { font-weight: 500; color: var(--ink-3); }
.isd-listbar .a-FS-currentList { margin: 0; padding: 0; }
.isd-listbar .a-FS-currentItems { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.isd-listbar .a-FS-currentItem, .isd-listbar .a-FS-currentList .a-Chip {
    display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 2px 6px 2px 10px; border: 0;
    border-radius: 999px; background: var(--brand-tint); color: var(--brand-ink); font-size: 12px; font-weight: 500;
}
.isd-listbar:not(:has(.a-FS-currentItem)) .isd-ocisti { display: none; }
.isd-ocisti { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-2) !important; text-decoration: none;
              padding: 3px 8px; border-radius: var(--r-ctl); }
.isd-ocisti:hover { background: color-mix(in srgb, var(--ink) 5%, transparent); color: var(--ink) !important; }

body.isd-tema .t-Region.isd-lista {
    border: 1px solid var(--line) !important; border-top: 0 !important; border-radius: 0 0 var(--r-panel) var(--r-panel) !important;
    background: var(--surface) !important; box-shadow: none !important; margin-top: 0; overflow: hidden;
}
body.isd-tema .isd-lista > .t-Region-header { display: none; }
body.isd-tema .isd-lista .t-Region-body { padding: 0 !important; }
.isd-lista :is(.t-Report-wrap, .t-Report-tableWrap, table.t-Report-report) { width: 100%; border: 0; background: transparent; }
.isd-lista table.t-Report-report thead { display: none; }
.isd-lista :is(table.t-Report-report, table.t-Report-report tbody, table.t-Report-report tr, table.t-Report-report td) { display: block; }
.isd-lista table.t-Report-report td.t-Report-cell { padding: 0; border: 0; background: transparent !important; }
.isd-lista .t-Report-pagination { padding: 10px 20px; border-top: 1px solid var(--line); }
.isd-lista .nodatafound { padding: 22px 20px; color: var(--ink-2); }

.isd-row {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 20px; align-items: center;
    padding: 13px 20px; border-top: 1px solid var(--line); background: var(--surface);
}
.isd-row:hover { background: color-mix(in srgb, var(--brand) 3%, var(--surface)); }
.isd-key { font-weight: 600; color: var(--ink-2); font-size: 13px; margin-right: 10px; }
.isd-t { font-weight: 600; color: var(--ink) !important; text-decoration: none; }
.isd-t:hover { color: var(--brand-ink) !important; text-decoration: underline; }
.isd-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--ink-3); font-size: 13px; margin-top: 3px; }
.isd-meta .fa { margin-right: 4px; }
.isd-side { display: flex; align-items: center; gap: 14px; justify-content: flex-end; }
.isd-counts { display: flex; gap: 12px; color: var(--ink-3); font-size: 13px; }
.isd-last {
    grid-column: 1 / -1; display: flex; gap: 8px; align-items: baseline; font-size: 13px; color: var(--ink-2);
    background: var(--fog); border-radius: 8px; padding: 5px 10px;
}

/* legenda statusa desno od popisa (regija "Legenda", stranice/500/legenda.sql) */
body.isd-tema .t-Body-contentInner > .container:has(.isd-legenda-r) {
    display: grid; grid-template-columns: minmax(0, 1fr) 280px; column-gap: 20px; align-items: start;
}
body.isd-tema .t-Body-contentInner > .container:has(.isd-legenda-r) > .row { grid-column: 1; margin: 0; }
body.isd-tema .t-Body-contentInner > .container:has(.isd-legenda-r) > .row:has(.isd-legenda-r) {
    grid-column: 2; grid-row: 1 / span 20; position: sticky; top: 84px;
}
.isd-legenda { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-panel); padding: 16px 16px 14px; }
.isd-legenda h2 { margin: 0 0 10px; font-size: var(--fs-m); font-weight: 600; color: var(--ink); }
.isd-legenda h3 { margin: 16px 0 8px; padding-top: 14px; border-top: 1px solid var(--line); font-size: var(--fs-s); font-weight: 600; color: var(--ink-2); }
.isd-legenda-st { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.isd-legenda-btn { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 7px 8px; margin: 0;
                   border: 0; border-radius: 8px; background: none; text-align: left; cursor: pointer; font: inherit; color: inherit; }
.isd-legenda-btn:hover { background: var(--fog); }
.isd-legenda-btn small { font-size: 12px; line-height: 1.35; color: var(--ink-3); padding-left: 2px; }
.isd-legenda-oz { margin: 0; display: grid; gap: 7px; }
.isd-legenda-oz > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; align-items: baseline; font-size: 12px; }
.isd-legenda-oz dt { color: var(--ink-3); white-space: nowrap; }
.isd-legenda-oz dd { margin: 0; color: var(--ink-2); }
@media (max-width: 1280px) {
    body.isd-tema .t-Body-contentInner > .container:has(.isd-legenda-r) { grid-template-columns: minmax(0, 1fr); }
    body.isd-tema .t-Body-contentInner > .container:has(.isd-legenda-r) > .row:has(.isd-legenda-r) { grid-column: 1; grid-row: auto; position: static; margin-top: 20px; }
}

/* preuzimanja (stranica 10): izvještaj datoteka sa Smart Filters; stupac Datoteka = ikona po vrsti, naziv i opis */
.isd-dat { display: flex; align-items: center; gap: 12px; min-width: 0; }
.isd-dat .isd-th { width: 40px; height: 40px; border-radius: 8px; font-size: 17px; }
.isd-dat-tekst { display: flex; flex-direction: column; min-width: 0; }
.isd-dat-tekst b { font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.isd-dat-tekst small { font-size: 12px; color: var(--ink-3); line-height: 1.4; }
body.isd-tema .isd-preuzimanja td .isd-btn { text-decoration: none; }
body.isd-tema .isd-preuzimanja .t-Report-report td.t-Report-cell { padding-top: 10px; padding-bottom: 10px; }

/* naslov regije kao naslov stranice (stranice bez stavke u breadcrumbu: 10, 450) */
body.isd-tema .isd-djelatnici > .t-Region-header { padding: 0 0 16px; background: transparent; border: 0; }
body.isd-tema .isd-djelatnici > .t-Region-header .t-Region-headerItems--title { padding-left: 0; }
body.isd-tema .isd-djelatnici > .t-Region-header .t-Region-title { font-size: var(--fs-xxl); line-height: 1.2; letter-spacing: -.01em; }
body.isd-tema .isd-djelatnici .t-Region-body { padding: 0 !important; }

/* djelatnici (stranica 450, regija klase isd-djelatnici, stranice/450/djelatnici.sql) */
body.isd-tema .isd-djelatnici { background: transparent; border: 0; }
.isd-ljudi { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.isd-osoba { display: flex; gap: 16px; align-items: flex-start; padding: 18px; background: var(--surface); border: 1px solid var(--line);
             border-radius: var(--r-panel); }
.isd-osoba-av { position: relative; flex: none; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; display: grid; place-items: center;
                background: var(--av, var(--brand)); color: #fff; font-size: 20px; font-weight: 600; box-shadow: 0 0 0 3px var(--fog); }
.isd-osoba-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.isd-osoba-tekst { min-width: 0; }
.isd-osoba h3 { margin: 2px 0 0; font-size: var(--fs-l); font-weight: 600; color: var(--ink); }
.isd-osoba p { margin: 2px 0 10px; font-size: var(--fs-s); color: var(--ink-3); }
.isd-osoba-kontakt { display: flex; flex-direction: column; gap: 4px; }
.isd-osoba-kontakt a { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-s); color: var(--ink-2) !important;
                       text-decoration: none; overflow-wrap: anywhere; }
.isd-osoba-kontakt a:hover { color: var(--brand-ink) !important; text-decoration: underline; }
.isd-osoba-kontakt .fa { width: 14px; text-align: center; color: var(--ink-3); }

/* ===== 5c. Detalji zahtjeva (520) ===== */
body.isd-tema .t-Region.isd-zaglavlje { margin: 0 0 14px; background: transparent; border: 0; }
body.isd-tema .isd-zaglavlje > .t-Region-header { display: none; }
body.isd-tema .isd-zaglavlje > .t-Region-bodyWrap { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; }
body.isd-tema .isd-zaglavlje .t-Region-body { flex: 1 1 320px; padding: 0 !important; }
body.isd-tema .isd-zaglavlje .t-Region-buttons--top { display: flex; order: 2; flex: 0 0 auto; margin: 0; padding: 0 0 2px; border: 0; background: transparent; }
body.isd-tema .isd-zaglavlje .t-Region-buttons--top .t-Region-buttons-left { display: none; }
body.isd-tema .isd-zaglavlje .t-Region-buttons-right { display: flex; gap: 8px; flex-wrap: wrap; }
body.isd-tema .isd-zaglavlje .t-Region-buttons-right .t-Button { width: auto; margin: 0; min-height: 36px; padding: 7px 14px; font-size: 14px; }
body.isd-tema .isd-zaglavlje .t-Region-buttons--bottom { display: none; }
/* zaglavlje zahtjeva (520): povratak na popis, broj i vrsta, naslov; isti razmak od zaglavlja kao naslovi ostalih stranica */
.isd-natrag { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px -8px; padding: 4px 8px; border-radius: var(--r-ctl);
              color: var(--ink-2) !important; font-size: 13px; font-weight: 500; text-decoration: none; }
.isd-natrag:hover { background: color-mix(in srgb, var(--ink) 5%, transparent); color: var(--ink) !important; }
.isd-natrag .fa { font-size: 12px; transition: transform .15s ease; }
.isd-natrag:hover .fa { transform: translateX(-2px); }
.isd-dline { display: flex; gap: 6px 14px; align-items: center; flex-wrap: wrap; font-size: 14px; }
.isd-zht-broj { font-weight: 600; color: var(--brand-ink); }
.isd-h1 { font-size: var(--fs-xxl); line-height: 1.2; font-weight: 600; letter-spacing: -.01em; margin: 6px 0 0; color: var(--ink); }

/* traka statusa: radio grupa kao segmentirana traka */
body.isd-tema .t-Region.isd-stbar { margin: 0 0 20px; background: transparent; border: 0; }
body.isd-tema .isd-stbar > .t-Region-header { display: none; }
body.isd-tema .isd-stbar .t-Region-body { padding: 0 !important; }
body.isd-tema .isd-stbar .t-Form-labelContainer { display: none; }
body.isd-tema .isd-stbar :is(.t-Form-fieldContainer, .t-Form-inputContainer, .t-Form-itemWrapper) { margin: 0; padding: 0; width: 100%; }
body.isd-tema .isd-stbar :is(.apex-item-radio, .radio_group) {
    display: flex !important; gap: 2px; padding: 4px; overflow-x: auto; width: 100%; box-sizing: border-box;
    background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-panel);
}
body.isd-tema .isd-stbar .apex-item-option { flex: 1 0 auto; position: relative; margin: 0; padding: 0; width: auto; }
body.isd-tema .isd-stbar .apex-item-option input { position: absolute; opacity: 0; pointer-events: none; }
body.isd-tema .isd-stbar .apex-item-option label {
    display: flex; align-items: center; justify-content: center; margin: 0; padding: 7px 12px; border-radius: 8px;
    color: var(--ink-2); font-weight: 500; font-size: 13px; white-space: nowrap; cursor: pointer; background: transparent; border: 0;
    box-shadow: none; min-height: 0;
}
body.isd-tema .isd-stbar .apex-item-option label::before, body.isd-tema .isd-stbar .apex-item-option label::after { display: none !important; }
body.isd-tema .isd-stbar .apex-item-option label:hover { background: var(--fog); color: var(--ink); }
body.isd-tema .isd-stbar .apex-item-option input:checked + label { background: var(--brand); color: #fff; font-weight: 600; }
body.isd-tema .isd-stbar .apex-item-option input:focus-visible + label { outline: 2px solid var(--brand); outline-offset: 2px; }
body.isd-tema .isd-stbar input:disabled + label { cursor: default; }
body.isd-tema .isd-stbar input:disabled:not(:checked) + label { opacity: .6; }
body.isd-tema .isd-stbar .display_only { display: flex; padding: 8px 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-panel); }

/* stupci: glavni (8) i bočni (4) */
body.isd-tema :is(.isd-glavno, .isd-bocno) { background: transparent; border: 0; }
body.isd-tema :is(.isd-glavno, .isd-bocno) > .t-Region-header { display: none; }
body.isd-tema :is(.isd-glavno, .isd-bocno) > .t-Region-bodyWrap > .t-Region-body { padding: 0; }
body.isd-tema .isd-bocno { position: sticky; top: 84px; }
body.isd-tema .isd-bocno .t-Region { margin-bottom: 16px; }
body.isd-tema .t-Region.isd-panel > .t-Region-header { padding: 14px 0 6px; }   /* razmak daje t-Region-headerItems */
body.isd-tema .t-Region.isd-panel > .t-Region-bodyWrap > .t-Region-body { padding: 0 20px 16px; }
body.isd-tema .isd-panel .t-Region-headerItems--buttons .t-Button { min-height: 28px; padding: 3px 10px; font-size: 13px; }
body.isd-tema .isd-panel :is(.t-Report-report, .t-Report-report td, .t-Report-report th) { background: transparent; border-color: var(--line); font-size: 13px; }
body.isd-tema .isd-panel :is(.t-MediaList, .t-Comments) { border: 0; box-shadow: none; }

/* opis */
body.isd-tema .t-Region.isd-opis > .t-Region-bodyWrap > .t-Region-body { padding: 16px 20px 18px; }
.isd-who { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; margin-bottom: 4px; }
.isd-who b { font-weight: 600; }
.isd-who time { color: var(--ink-3); font-size: 13px; }
.isd-desc, .isd-txt { white-space: pre-line; max-width: 72ch; overflow-wrap: anywhere; }
.isd-files { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.isd-files:empty { display: none; }
.isd-file {
    display: flex; align-items: center; gap: 10px; max-width: 280px; padding: 6px 10px 6px 6px;
    border: 1px solid var(--line); border-radius: 8px; background: var(--field); color: var(--ink) !important; text-decoration: none;
}
.isd-file:hover { border-color: var(--brand); }
.isd-th { width: 44px; height: 44px; flex: none; border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center;
          gap: 1px; overflow: hidden; font-size: 18px; line-height: 1; }
.isd-ext { font-size: 9px; font-weight: 700; letter-spacing: .02em; line-height: 1; }
.isd-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.isd-th--img { background: var(--brand-tint); color: var(--brand); }
.isd-th--pdf { background: var(--bad-bg); color: var(--bad); }
.isd-th--doc { background: #e8eefb; color: #2b59c3; }
.isd-th--xls { background: var(--ok-bg); color: var(--ok); }
.isd-th--oth, .isd-th--txt { background: var(--fog); color: var(--ink-2); }
.isd-th--zip { background: var(--wait-bg); color: var(--wait); }
.isd-th.is-bez-slike, .isd-gal-th.is-bez-slike { background: var(--brand-tint); color: var(--brand); }
.isd-file-txt { min-width: 0; }
.isd-fn { display: block; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }
.isd-file small { color: var(--ink-3); font-size: 12px; }

/* napomene: niz s avatarima */
body.isd-tema .t-Region.isd-napomene { background: transparent; border: 0; }
body.isd-tema .isd-napomene > .t-Region-header { display: none; }
body.isd-tema .isd-napomene > .t-Region-bodyWrap > .t-Region-body { padding: 0; }
.isd-thread-h { display: flex; align-items: center; gap: 12px; margin: 26px 0 8px; }
.isd-thread-h h2 { flex: 1; margin: 0; font-size: 16px; font-weight: 600; }
.isd-thread { list-style: none; margin: 0; padding: 0; position: relative; }
.isd-thread::before { content: ""; position: absolute; left: 19px; top: 8px; bottom: 8px; width: 2px; background: var(--line); }
.isd-msg { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding: 10px 0; }
.isd-av { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 600; font-size: 13px;
          color: #fff; background: #5f6b76; position: relative; z-index: 1; box-shadow: 0 0 0 4px var(--fog); }
.isd-av--isd { background: var(--brand); }
.isd-av { overflow: hidden; }
.isd-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; border-radius: 50%; }
.isd-bubble { background: var(--surface); border: 1px solid var(--line); border-radius: 4px var(--r-panel) var(--r-panel) var(--r-panel);
              padding: 12px 16px 14px; transition: box-shadow .3s; }
.isd-msg--isd .isd-bubble { border-color: color-mix(in srgb, var(--brand) 30%, var(--line)); }
.isd-tag { font-size: 11px; font-weight: 600; color: var(--brand-ink); background: var(--brand-tint); padding: 0 7px; border-radius: 999px; }
.isd-ed { margin-left: auto; font-size: 13px; color: var(--ink-2) !important; text-decoration: none; }
.isd-ed:hover { color: var(--brand-ink) !important; text-decoration: underline; }
.isd-ev { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding: 6px 0; align-items: center; color: var(--ink-2); font-size: 13px; }
.isd-ic { width: 40px; display: grid; place-items: center; position: relative; z-index: 1; }
.isd-ic > span { width: 26px; height: 26px; border-radius: 50%; background: var(--surface); border: 1px solid var(--line-2);
                 display: grid; place-items: center; font-size: 12px; color: var(--ink-2); }
.isd-ev time { color: var(--ink-3); }
.isd-daysep { display: grid; grid-template-columns: 40px 1fr; gap: 14px; margin: 10px 0 2px; font-size: 12px; font-weight: 600; color: var(--ink-3); }
.is-oznacen .isd-bubble, .isd-file.is-oznacen { box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 30%, transparent); }

/* nova napomena: jedan okvir s tekstom, prilozima i trakom (Obavještavaj + gumb) */
body.isd-tema .t-Region.isd-composer { margin: 14px 0 0 54px; border-color: var(--line-2) !important; overflow: hidden; }
/* fokus: samo okvir unosa (unutarnji prsten, ostaje u granicama okvira); polje teksta bez vlastitog obruba */
body.isd-tema .t-Region.isd-composer:focus-within { border-color: var(--brand) !important; box-shadow: inset 0 0 0 1px var(--brand) !important; }
body.isd-tema .isd-composer > .t-Region-header { display: none; }
body.isd-tema .isd-composer .t-Region-body { padding: 12px 16px 4px; }
body.isd-tema .isd-composer :is(.container, .row, .col) { padding: 0; margin: 0; }
body.isd-tema .isd-composer #P520_NOVA_NAPOMENA_CONTAINER .t-Form-labelContainer,
body.isd-tema .isd-composer #P520_PRILOZI_CONTAINER .t-Form-labelContainer { display: none; }
body.isd-tema .isd-composer textarea { border: 0 !important; box-shadow: none !important; outline: none !important; background: transparent !important;
                                       min-height: 84px; resize: vertical; padding: 0; font-size: 14px; }
body.isd-tema .isd-composer .t-Form-fieldContainer { padding: 0; }
body.isd-tema .isd-composer .t-Form-fieldContainer { margin: 0 0 10px; }
/* prilozi: jedan red s ikonom i uputom (Inline Dropzone) */
body.isd-tema .isd-composer .a-FileDrop {
    min-height: 0; padding: 8px 12px; border: 1px dashed var(--line-2); border-radius: var(--r-ctl); background: var(--fog);
    display: flex; align-items: center; gap: 10px; text-align: left;
}
body.isd-tema .isd-composer .a-FileDrop:hover, body.isd-tema .isd-composer .a-FileDrop.is-dragging { border-color: var(--brand); background: var(--brand-tint); }
body.isd-tema .isd-composer .a-FileDrop :is(.a-FileDrop-icon, .a-Icon) { font-size: 16px; color: var(--ink-2); margin: 0; }
body.isd-tema .isd-composer .a-FileDrop-heading { font-size: var(--fs-s); font-weight: 500; color: var(--ink); margin: 0; }
body.isd-tema .isd-composer .a-FileDrop-description { font-size: var(--fs-xs); color: var(--ink-3); margin: 0; }
body.isd-tema .isd-composer > .t-Region-bodyWrap { display: flex; flex-direction: column; }
body.isd-tema .isd-composer .t-Region-buttons--top { order: 3; display: flex; justify-content: flex-end; padding: 0 16px 14px; margin: 0; border: 0; background: transparent; }
body.isd-tema .isd-composer .t-Region-buttons--top .t-Region-buttons-left { display: none; }
body.isd-tema .isd-composer .t-Region-buttons--bottom { display: none; }

/* kratki popis u bočnom panelu (radni nalozi) */
.isd-cnt { font-weight: 500; color: var(--ink-3); margin-left: 6px; }
.isd-mini { list-style: none; margin: 0; padding: 0; }
.isd-mini li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--line); font-size: 13px; }
.isd-mini li:first-child { border-top: 0; padding-top: 2px; }
.isd-mini li > .fa { color: var(--ink-3); margin-top: 3px; }
.isd-mini-txt { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.isd-mini-naslov { display: block; font-weight: 600; color: var(--ink) !important; text-decoration: none; }
a.isd-mini-naslov:hover { color: var(--brand-ink) !important; text-decoration: underline; }
.isd-mini small { display: block; color: var(--ink-3); }
.isd-mini-opis { display: block; color: var(--ink-2); margin-top: 2px; white-space: pre-line; }
.isd-mini .isd-btn { flex: none; }

/* desni stupac */
.isd-dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; font-size: 13px; }
.isd-dl dt { color: var(--ink-3); }
.isd-dl dd { margin: 0; font-weight: 500; min-width: 0; overflow-wrap: anywhere; }
.isd-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.isd-gal { position: relative; aspect-ratio: 1; border-radius: 8px; border: 1px solid var(--line); overflow: hidden; display: block;
           text-decoration: none; background: var(--surface); }
.isd-gal:hover, .isd-gal:focus-visible { border-color: var(--brand); }
.isd-gal-th { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
              font-size: 22px; line-height: 1; }
.isd-gal-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.isd-gal-th .isd-ext { font-size: 10px; }
.isd-gal-fn { position: absolute; left: 0; right: 0; bottom: 0; padding: 2px 6px; font-size: 10px; line-height: 1.4; color: var(--ink-2);
              background: color-mix(in srgb, var(--surface) 88%, transparent); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isd-gal:has(.isd-th--img:not(.is-bez-slike)) .isd-gal-fn { display: none; }

/* preglednik slika (dialog, JS stranice 520): tamna podloga preko cijelog zaslona, listanje i traka sličica */
.isd-pregled { border: 0; padding: 0; margin: 0; width: 100vw; height: 100vh; max-width: none; max-height: none;
               background: rgba(16, 19, 26, .94); color: #e9ecf1; overflow: hidden; }
.isd-pregled::backdrop { background: transparent; }
.isd-pregled[open] { display: flex; flex-direction: column; }
.isd-pregled-bar { display: flex; align-items: center; gap: 8px; padding: 10px 14px 10px 20px; flex: none; }
.isd-pregled-naziv { min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isd-pregled-broj { flex: 1; color: #9aa3b0; font-size: var(--fs-s); white-space: nowrap; }
.isd-pregled .isd-btn--ghost { color: #e9ecf1 !important; text-decoration: none; }
.isd-pregled .isd-btn--ghost:hover { background: rgba(255, 255, 255, .1); }
.isd-pregled .isd-btn[hidden] { display: none; }
.isd-pregled-slika { position: relative; flex: 1; min-height: 0; display: grid; place-items: center; padding: 8px 72px; }
.isd-pregled-slika img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; border-radius: 4px;
                         box-shadow: 0 8px 40px rgba(0, 0, 0, .4); background: #fff; transition: opacity .15s; }
.isd-pregled-slika img.is-ucitava { opacity: .35; }
.isd-pregled-str { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 0;
                   background: rgba(255, 255, 255, .12); color: #fff; font-size: 18px; cursor: pointer; display: grid; place-items: center; }
.isd-pregled-str:hover { background: rgba(255, 255, 255, .24); }
.isd-pregled-str[hidden] { display: none; }
.isd-pregled-pret { left: 16px; }
.isd-pregled-sljed { right: 16px; }
.isd-pregled-trake { flex: none; display: flex; gap: 8px; justify-content: center; padding: 10px 16px 16px; overflow-x: auto; scrollbar-width: thin; }
.isd-pregled-trake[hidden] { display: none; }
.isd-pregled-th { flex: none; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden;
                  background: #2a2f3a; cursor: pointer; opacity: .6; }
.isd-pregled-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.isd-pregled-th:hover { opacity: .9; }
.isd-pregled-th.is-aktivna { border-color: #fff; opacity: 1; }
@media (max-width: 860px) {
    .isd-pregled-slika { padding: 8px; }
    .isd-pregled-str { top: auto; bottom: 12px; transform: none; }
    .isd-pregled-uz { display: none; }
}

/* ===== 6. Uži zasloni i mobitel ===== */
@media (max-width: 1100px) {
    body.isd-tema .isd-bocno { position: static; }
}
@media (max-width: 860px) {
    body.isd-tema .t-Header { flex-wrap: wrap; padding: 8px 16px 0; }
    body.isd-tema .t-Header-nav { order: 5; flex-basis: 100%; margin: 0 -16px; }
    body.isd-tema .t-Header-nav .a-MenuBar > ul { overflow-x: auto; scrollbar-width: none; }
    body.isd-tema .t-Header-nav .a-MenuBar-item { flex: 0 0 auto; }
    body.isd-tema .t-Header-nav .a-MenuBar-label { padding: 10px 12px; }
    body.isd-tema .t-Header .wk-hdr-user .t-Button-label { display: none; }
    .isd-hdr-trazi { display: none; }
    body.isd-tema .t-Header .isd-hdr-novi span:not(.fa) { display: none; }
    body.isd-tema .t-Body-contentInner { padding: 18px 16px; }
    body.isd-tema.t-PageTemplate--leftCol .t-Body-main { grid-template-columns: minmax(0, 1fr); padding: 18px 16px; }
    body.isd-tema.t-PageTemplate--leftCol .t-Body-side { position: static; max-height: none; }
    body.isd-tema .t-Region.isd-composer { margin-left: 0; }
    .isd-h1 { font-size: 22px; }
    .isd-row { grid-template-columns: minmax(0, 1fr); }
    .isd-side { justify-content: flex-start; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { body.isd-tema * { transition: none !important; animation: none !important; } }