/* ALLUR OBRT · aplikacija: raspored (mobile first) i komponente v4+. Boje i fontovi dolaze iz tokeni.css.
   Nova pravila dodaj ovdje, na kraju odgovarajuće sekcije. */


body, input, select, textarea, button { font-family: var(--body-font); }
h1,h2,h3,h4,.section-title,.bar__title,.side__brand,.kpi b,.ns-total b,.balance__value,.ug-form h3,.pay-dialog__head h2,.settings .form-card h2,.form-card h2 { font-family:var(--head); letter-spacing:-.025em; text-transform:none; }
.section-title,.form-card h2,.ug-form h3 { color:var(--text); font-size:17px; font-weight:600; }
.ug-form h3, .ug-form h4 { color:var(--accent); }
button,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
[hidden] { display:none !important; }
.eyebrow { margin:0 0 5px; color:var(--dim); font-size:11px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.source-label { color:var(--accent); font-size:11px; font-weight:600; }
.status-placeno, .amt-in { color:var(--ok); }
.status-ceka,.status-late,.amt-out { color:var(--danger); }
.pill--ok { background:color-mix(in srgb,var(--ok) 10%,var(--panel)); color:var(--ok); }
.pill--warn { background:color-mix(in srgb,var(--warn) 10%,var(--panel)); color:var(--warn); }
.btn { min-height:44px; height:auto; padding:10px 15px; border:1px solid var(--line-2); border-radius:11px; background:var(--panel); color:var(--text); font-size:13px; font-weight:600; box-shadow:none; text-decoration:none; justify-content:center; }
.btn:hover { background:var(--panel-2); transform:none; }
.btn--violet,.btn--lime,#btnNew { color:#fff; background:#5947df; border-color:#5947df; box-shadow:0 4px 12px #5947df24; }
.btn--violet:hover,.btn--lime:hover,#btnNew:hover { background:#4936d0; border-color:#4936d0; }
.btn--danger { color:var(--danger); background:var(--panel); border-color:color-mix(in srgb,var(--danger) 40%,var(--line)); }
.btn--sm { min-height:42px; padding:8px 12px; font-size:12px; }
.btn:disabled { cursor:not-allowed; opacity:.48; box-shadow:none; }
.link-btn { color:var(--accent); min-height:40px; font-size:12px; }
.icon-btn { display:inline-grid; place-items:center; width:44px; height:44px; padding:0; background:var(--panel); border:1px solid var(--line); border-radius:11px; color:var(--dim); }
.fld { gap:7px; }
.fld>span { font-size:12px; font-weight:500; color:var(--dim); letter-spacing:0; }
.fld input,.fld select,.fld textarea,.search { width:100%; min-width:0; min-height:46px; border:1px solid var(--line-2); border-radius:10px; padding:11px 12px; background:var(--field); font-size:16px; color:var(--text); box-shadow:none; }
.fld textarea { min-height:86px; resize:vertical; }
.fld input:focus,.fld select:focus,.fld textarea:focus,.search:focus { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent); }
.fld [aria-invalid="true"] { border-color:var(--danger); }

.hint { color:var(--dim); font-size:12px; line-height:1.65; }
.count { background:var(--panel-2); color:var(--dim); font-family:var(--body-font); font-size:11px; }
.card-box,.form-card,.kpi,.ns-total,.table-wrap { border:1px solid var(--line); border-radius:var(--r); background:var(--panel); box-shadow:var(--shadow); }
.card-box,.form-card { padding:18px; margin-bottom:16px; }
.card-box__head { gap:12px; align-items:flex-start; }
.section-title { margin:0 0 14px; line-height:1.5; }
.actions { display:flex; flex-wrap:wrap; gap:8px; }
.record-highlight { outline:3px solid var(--accent); outline-offset:4px; }
.package-contents { padding-left:20px; color:var(--dim); line-height:2; }
.workspace-dialog { border:1px solid var(--line); border-radius:22px; background:var(--panel); color:var(--text); padding:22px; width:min(680px,calc(100vw - 24px)); max-height:90dvh; overflow:auto; box-shadow:0 24px 90px #0005; }
.workspace-dialog::backdrop { background:#15112488; backdrop-filter:blur(4px); }
.workspace-dialog__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.workspace-dialog__head h2 { font-size:19px; margin:7px 0 0; }
.workspace-dialog form { display:grid; gap:16px; }
.workspace-dialog p { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.record-summary { display:grid; grid-template-columns:1fr auto; gap:12px; font-size:13px; }
.record-summary dt { color:var(--dim); }
.record-summary dd { margin:0; text-align:right; font-weight:600; }
.record-payments { padding-left:18px; font-size:13px; line-height:1.8; }
.verification-result { border:1px solid var(--line); border-radius:12px; padding:16px; margin-top:16px; overflow-wrap:anywhere; }
.verification-result.is-ok { border-color:color-mix(in srgb,var(--ok) 35%,var(--line)); }
.verification-result.is-ok>strong { color:var(--ok); }
.verification-result.is-warn>strong { color:var(--warn); }
.verification-result li { font-size:12px; line-height:1.7; }
.backup-date { display:block; font-family:var(--head); font-size:22px; margin:20px 0 8px; }
progress { display:block; width:100%; height:8px; accent-color:var(--accent); margin:14px 0; }
.audit-event { padding:16px 0; border-bottom:1px solid var(--line); font-size:12px; }
.audit-event>div:first-child { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.audit-event time { color:var(--dim); }
.audit-event>p { margin:8px 0; overflow-wrap:anywhere; }
.audit-reason { padding:10px 12px; border-left:3px solid var(--accent); background:var(--panel-2); }
.audit-diff section { margin-top:12px; border:1px solid var(--line); border-radius:10px; padding:12px; }
.audit-diff section>div { margin-top:10px; }
.audit-diff span { color:var(--dim); font-size:11px; }
.audit-diff pre { white-space:pre-wrap; overflow-wrap:anywhere; font-family:var(--body-font); font-size:12px; margin:5px 0; }
.duplicate-compare { display:grid; gap:12px; margin-bottom:20px; }
.duplicate-compare article { padding:16px; background:var(--panel-2); border:1px solid var(--line); border-radius:12px; }
.search-results { margin-top:12px; }
.search-count { color:var(--dim); font-size:12px; }
.search-result { padding:12px 0; border-top:1px solid var(--line); }
.search-result__main { display:grid; gap:6px; padding:8px 0; border:0; background:none; text-align:left; color:var(--text); width:100%; }
.search-result__main>strong { font-size:14px; overflow-wrap:anywhere; }
.search-result__main>span:not(.source-label),.search-result__main>small { font-size:12px; color:var(--dim); overflow-wrap:anywhere; }
.search-links { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.search-links button { border:1px solid var(--line); border-radius:8px; background:var(--panel-2); min-height:36px; padding:6px 10px; color:var(--accent); font-size:11px; text-align:left; }
.review-panel { margin-top:16px; }
.review-panel .section-title { margin-bottom:0; }
.review-filters { display:flex; gap:6px; overflow-x:auto; padding:14px 0; scrollbar-width:none; }
.review-filters button { flex:none; border:1px solid var(--line); background:var(--panel); color:var(--dim); min-height:38px; padding:8px 12px; border-radius:20px; font-size:12px; }
.review-filters button[aria-pressed="true"] { background:color-mix(in srgb,var(--accent) 10%,var(--panel)); color:var(--accent); border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); }
.review-item { display:flex; align-items:center; width:100%; gap:12px; background:none; border:0; border-top:1px solid var(--line); padding:15px 0; color:var(--text); text-align:left; }
.review-item:hover { background:var(--panel-2); }
.review-icon { width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:11px; background:color-mix(in srgb,var(--warn) 12%,var(--panel)); color:var(--warn); font-weight:700; }
.review-icon--payment { background:color-mix(in srgb,var(--accent) 10%,var(--panel)); color:var(--accent); }
.review-item__text { display:grid; gap:4px; min-width:0; flex:1; }
.review-item__text strong { font-size:12px; font-weight:600; }
.review-item__text>span { font-size:12px; color:var(--dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.review-item__text small { font-size:10px; color:var(--dim); }
.review-item>b { font-size:13px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.review-item>b small { font-size:9px; color:var(--dim); }
.review-empty { display:flex; align-items:center; gap:14px; padding:16px 0; }
.review-empty>span { color:var(--ok); font-size:24px; }
.review-empty strong { font-size:13px; }
.review-empty p { font-size:12px; color:var(--dim); margin:4px 0; }
.backup-shortcut { width:100%; display:flex; align-items:center; gap:10px; padding:14px 16px; background:var(--panel); border:1px solid var(--line); color:var(--dim); border-radius:12px; font-size:11px; text-align:left; margin-bottom:16px; }
.backup-shortcut b { display:block; margin-top:4px; color:var(--text); font-weight:500; }
.backup-shortcut>span:last-child { margin-left:auto; color:var(--accent); }

@media screen {
  html,body { min-width:320px; height:auto; min-height:100%; }
  body { font-size:14px; line-height:1.5; }
  .shell { display:block; min-height:100dvh; }
  .main { min-width:0; padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
  .side { position:fixed; inset:0 auto 0 0; width:min(310px,88vw); height:100dvh; z-index:100; transform:translateX(-105%); transition:transform .2s; padding:20px 14px; background:var(--side-bg); border-right:1px solid var(--line); overflow-y:auto; }
  body.nav-open .side { transform:translateX(0); }
  .nav-scrim { position:fixed; inset:0; background:#15112477; z-index:99; opacity:0; pointer-events:none; transition:opacity .2s; }
  body.nav-open .nav-scrim { opacity:1; pointer-events:auto; }
  .side__brand { font-size:20px; }
  .side__group { color:var(--faint); font-size:10px; margin:18px 10px 6px; }
  .side .tab { width:100%; min-height:46px; padding:10px 12px; font-size:13px; color:var(--dim); border-radius:10px; }
  .side .tab[aria-selected="true"] { color:var(--accent); background:color-mix(in srgb,var(--accent) 11%,var(--panel)); box-shadow:none; }
  .side .tab--sub { padding-left:40px; }
  .side .tab svg { width:19px; height:19px; }
  .side__foot { margin-top:22px; }
  .bar { position:sticky; top:0; min-height:68px; height:auto; padding:12px 16px; gap:10px; flex-wrap:wrap; align-items:center; z-index:40; background:var(--bar-bg); border-bottom:1px solid var(--line); }
  .bar__title { font-size:16px; line-height:1.4; flex:1; margin:0; min-width:0; }
  .bar__actions { margin:0 0 0 auto; width:auto; display:flex; flex-wrap:wrap; gap:7px; }
  .bar__actions .btn { padding:9px 11px; min-height:42px; font-size:11px; }
  .bar #btnNew { display:none; }
  body[data-view="faktura"] .bar__actions { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-view="faktura"] #saveState { grid-column:1/-1; font-size:11px; }
  body[data-view="faktura"] #btnNazad { grid-column:1/-1; }
  .menu-btn { display:inline-grid; width:40px; height:40px; place-items:center; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:9px; }
  .search-open { display:inline-flex; align-items:center; gap:9px; min-height:40px; padding:9px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--dim); }
  .search-open svg { width:20px; height:20px; }
  .search-open span,.search-open kbd { display:none; }
  .view--page { padding:20px 16px; max-width:1500px; margin:0 auto; }
  .page-head { display:flex; }
  .page-head p { color:var(--dim); max-width:74ch; margin:0; }
  .page-head__actions { display:flex; flex-wrap:wrap; }
  
  .grid2, .grid3, .grid4, .settings, .two-col, .obr-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
  .span2,.span3 { grid-column:auto; }
  .pg-top { display:flex; flex-wrap:wrap; gap:12px; }
  .pg-top #pgVrsta { display:none; }
  .pg-hello { min-width:0; }
  
  .porezna-pill { max-width:100%; white-space:normal; text-align:left; font-size:10px; line-height:1.6; }
  .dashboard-period { color:var(--dim); }
  .welcome { display:none; }
  .balance { border-radius:18px; }
  .balance__label { text-transform:none; letter-spacing:0; }
  
  .balance__value small { font-family:var(--body-font); }
  
  
  .ns-totals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0 16px; }
  .ns-total { padding:15px 12px; min-width:0; }
  .ns-total span { color:var(--dim); font-size:10px; line-height:1.5; text-transform:none; letter-spacing:0; }
  .ns-total b { font-family:var(--head); font-size:clamp(16px,4.2vw,23px); font-weight:600; letter-spacing:-.04em; margin-top:9px; overflow-wrap:anywhere; }
  .ns-total small { font-size:9px; margin-top:7px; color:var(--dim); background:var(--panel-2); padding:3px 6px; }
  .ns-total--tax b { color:var(--accent); }
  .kpis,.kpis--4,.kpis--n4 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
  .kpi { min-width:0; padding:15px 12px; min-height:110px; }
  .kpi span { color:var(--dim); font-size:11px; text-transform:none; letter-spacing:0; }
  .kpi b { font-size:23px; font-family:var(--head); font-weight:600; letter-spacing:-.035em; }
  .kpi small { font-size:10px; color:var(--dim); }
  .kpi--violet { background:linear-gradient(125deg,#5b47db,#7256df); color:#fff; }
  .kpi--violet span,.kpi--violet small { color:#eeebff; }
  .kpi--lime { background:var(--panel); border-color:var(--line); }
  .kpi--lime span,.kpi--lime small { color:var(--dim); }
  .toolbar { gap:9px; flex-wrap:wrap; }
  .toolbar--filters>.search { flex:1 1 100%; }
  .archive-filter-toggle { width:100%; }
  .archive-filter-fields { display:grid; grid-template-columns:1fr; gap:10px; width:100%; margin-top:10px; }
  .archive-filter-fields[hidden] { display:none; }
  .table-wrap { overflow-x:auto; }
  .list { width:100%; font-size:12px; }
  .list th { text-transform:none; letter-spacing:0; background:var(--panel-2); color:var(--dim); font-size:11px; }
  .list td { color:var(--text); }
  .list input,.list select { min-height:42px; font-size:14px; background:var(--field); color:var(--text); border-color:var(--line-2); }
  table.list--cards,table.mobile-cards,table.list--cards tbody,table.mobile-cards tbody { display:block; min-width:0; }
  table.list--cards thead,table.mobile-cards thead { display:none; }
  table.list--cards tbody tr,table.mobile-cards tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 16px; padding:18px; border:0; border-bottom:1px solid var(--line); min-width:0; }
  table.list--cards tbody td,table.mobile-cards tbody td { display:block; border:0; padding:0; min-width:0; white-space:normal; text-align:left; background:none; font-size:12px; overflow-wrap:anywhere; }
  table.list--cards td::before,table.mobile-cards td::before { content:attr(data-label); display:block; font-size:10px; font-weight:500; color:var(--dim); margin-bottom:4px; text-transform:none; letter-spacing:0; }
  table.list--cards td:last-child,table.mobile-cards td:last-child { grid-column:1/-1; border-top:1px solid var(--line); padding-top:12px; }
  table.list--cards td:last-child::before,table.mobile-cards td:last-child::before { display:none; }
  
  
  
  
  
  .list .actions { gap:8px; align-items:center; }
  .more-menu__list { min-width:230px; max-width:calc(100vw - 70px); background:var(--panel); color:var(--text); border-color:var(--line); z-index:60; }
  .more-menu__list button { min-height:44px; white-space:normal; text-align:left; font-size:12px; }
  #bnkTable td:nth-child(3), #ugTable td:nth-child(3) { grid-column:1/-1; }
  .ns-feed li { grid-template-columns:32px minmax(0,1fr) auto; gap:9px; padding:14px 0; }
  .ns-feed__ic { width:32px; height:32px; border-radius:10px; }
  .ns-feed__ic--in { color:var(--ok); background:color-mix(in srgb,var(--ok) 10%,var(--panel)); }
  .ns-feed__amt.in { color:var(--ok); }
  .ns-feed__name b { font-size:12px; }
  .ns-feed__name small { font-size:10px; line-height:1.6; }
  .ns-feed__amt { font-size:11px; }
  .ns-feed__tabs { background:var(--panel-2); }
  .ns-feed__tabs button { color:var(--dim); }
  .ns-feed__tabs button[aria-pressed="true"] { background:var(--panel); color:var(--accent); }
  .kat-bar { grid-template-columns:100px minmax(0,1fr) auto; font-size:11px; gap:10px; }
  .kat-bar__fill { display:block; background:var(--accent); }
  .workspace { display:block; height:auto; min-height:0; }
  .editor-controls { padding:16px; border-bottom:1px solid var(--line); background:var(--panel); }
  .editor-tabs { display:flex; gap:8px; }
  .editor-tabs button { flex:1; min-height:42px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--dim); font-size:12px; }
  .editor-tabs button[aria-selected="true"] { color:var(--accent); border-color:var(--accent); background:color-mix(in srgb,var(--accent) 7%,var(--panel)); }
  .editor { height:auto; overflow:visible; padding:16px; border:0; background:var(--bg); }
  .editor .form-card { background:var(--panel); padding:18px; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }
  .editor h2 { font-family:var(--head); color:var(--text); text-transform:none; font-size:16px; letter-spacing:-.02em; }
  .editor .grid2 { grid-template-columns:minmax(0,1fr); }
  .item__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .item__grid>label:first-child,.item__grid>label:nth-child(2) { grid-column:1/-1; }
  .item__head { flex-wrap:wrap; gap:8px; }
  .item__tools .icon-btn { width:38px; height:38px; }
  .totals { position:sticky; bottom:76px; z-index:5; background:var(--panel); padding:16px; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); }
  .totals .grand { color:var(--accent); }
  .preview { height:auto; min-height:75dvh; padding:16px; overflow:hidden; display:none; background:var(--preview-bg); }
  .workspace.is-preview .editor { display:none; }
  .workspace.is-preview .preview { display:block; }
  .invoice-lock { display:grid; gap:10px; margin-top:14px; padding:12px; border:1px solid var(--line); border-radius:10px; font-size:12px; background:var(--panel-2); }
  .mobile-nav { display:grid; grid-template-columns:repeat(5,1fr); position:fixed; inset:auto 0 0; min-height:70px; padding:7px 8px calc(7px + env(safe-area-inset-bottom)); background:var(--bar-bg); border-top:1px solid var(--line); z-index:80; }
  .mobile-nav button { display:grid; place-items:center; gap:3px; background:none; border:0; border-radius:10px; color:var(--dim); font-size:10px; padding:6px 0; min-height:50px; }
  .mobile-nav button>span { font-size:23px; line-height:1; }
  .mobile-nav button[aria-current="page"] { color:var(--accent); background:color-mix(in srgb,var(--accent) 8%,var(--panel)); }
  #mobileNew span { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:#fff; background:#5947df; }
  .toast { bottom:calc(82px + env(safe-area-inset-bottom)); left:16px; right:16px; max-width:500px; width:auto; border-radius:14px; font-size:12px; }
  .save-alert { position:fixed; bottom:calc(80px + env(safe-area-inset-bottom)); left:12px; right:12px; z-index:95; border:1px solid var(--danger); border-radius:14px; padding:14px; background:var(--panel); color:var(--danger); font-size:12px; box-shadow:var(--shadow); }
  .save-alert .actions { margin-top:9px; }
  .pay-dialog { width:calc(100vw - 24px); max-width:900px; max-height:90dvh; margin:auto; border-radius:18px; background:var(--panel); border-color:var(--line); color:var(--text); }
  .pay-dialog__head h2 { font-size:18px; color:var(--text); }
  
  
  
  
  .ug-form h3 { color:var(--accent); font-family:var(--head); font-size:14px; text-transform:none; letter-spacing:0; }
  .bars { gap:5px; height:140px; }
  .bar-col>span { font-size:9px; }
  .mj-detalj__lists { grid-template-columns:minmax(0,1fr); }
  .settings .form-card { min-width:0; }
  .package-card { display:grid; gap:16px; max-width:700px; }
  .package-card>.btn { width:100%; }
  @media (max-width:520px) {
    .workspace-dialog { width:100%; max-width:100%; max-height:94dvh; margin:auto 0 0; border-radius:22px 22px 0 0; padding:20px 18px calc(24px + env(safe-area-inset-bottom)); }
    .review-item { gap:9px; }
    .review-icon { width:29px; height:29px; font-size:13px; }
    .review-item__text strong { font-size:11px; }
    .review-item__text small { font-size:9px; }
    .review-item>b { font-size:11px; }
  }
  @media (min-width:600px) {
    .view--page { padding:26px; }
    .grid2,.grid4,.settings { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .span2,.span3 { grid-column:1/-1; }
    .balance__value { font-size:42px; }
    .archive-filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .duplicate-compare { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .package-card { grid-template-columns:minmax(0,1fr) auto; align-items:end; }
    .package-card .hint,.package-card #accountantStatus { grid-column:1/-1; }
  }
  @media (min-width:900px) {
    .ns-totals { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .ns-total { padding:20px; }
    .ns-total b { font-size:25px; }
    .two-col,.obr-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .search-open span { display:inline; font-size:12px; }
    .grid4 { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .span2 { grid-column:span 2; } .span3 { grid-column:1/-1; }
    .kpis,.kpis--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .bar #btnNew { display:inline-flex; }
    
  }
  @media (min-width:1100px) {
    .shell { display:grid; grid-template-columns:238px minmax(0,1fr); }
    .side { position:sticky; top:0; width:auto; height:100dvh; transform:none; z-index:45; }
    .nav-scrim,.mobile-nav,.menu-btn { display:none; }
    .main { padding-bottom:0; }
    .bar { padding:14px 28px; }
    .bar__title { font-size:19px; }
    .bar__actions .btn { font-size:12px; padding:10px 14px; }
    body[data-view="faktura"] .bar__actions { display:flex; width:auto; }
    .view--page { padding:30px; }
    .search-open { padding:10px 13px; }
    .search-open kbd { display:inline; color:var(--faint); font-size:10px; margin-left:10px; }
    .page-head { flex-direction:row; align-items:flex-start; justify-content:space-between; }
    .page-head__actions { width:auto; justify-content:flex-end; }
    .page-head__actions .btn { flex:0 1 auto; }
    .toolbar--filters>.search { flex:1 1 210px; }
    .archive-filter-toggle { display:none; }
    .archive-filter-fields,.archive-filter-fields[hidden] { display:flex; flex-wrap:wrap; width:auto; flex:2; gap:10px; margin:0; }
    .archive-filter-fields .search { flex:1 1 140px; width:auto; }
    table.list--cards,table.mobile-cards { display:table; }
    table.list--cards tbody,table.mobile-cards tbody { display:table-row-group; }
    table.list--cards thead,table.mobile-cards thead { display:table-header-group; }
    table.list--cards tbody tr,table.mobile-cards tbody tr { display:table-row; padding:0; }
    table.list--cards tbody td,table.mobile-cards tbody td { display:table-cell; padding:16px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
    table.list--cards td::before,table.mobile-cards td::before { display:none; }
    table.list--cards td:last-child,table.mobile-cards td:last-child { padding:16px 12px; border-top:0; }
    
    
    
    .workspace { display:grid; grid-template-columns:minmax(360px,440px) minmax(0,1fr); }
    .editor-controls { grid-column:1/-1; padding:14px 24px; }
    .editor-tabs { display:none; }
    .editor { padding:20px; height:calc(100dvh - 150px); overflow-y:auto; }
    .preview,.workspace.is-preview .preview { display:block; height:calc(100dvh - 150px); overflow:auto; padding:24px; }
    .workspace.is-preview .editor { display:block; }
    .editor .grid2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .totals { bottom:0; }
    .toast { left:auto; right:26px; bottom:24px; min-width:300px; }
    .save-alert { left:auto; right:24px; bottom:24px; max-width:470px; }
    
  }
}
/* The selected light-theme typography also applies to documents and both themes. */
.kk-dialog { font-family:"Inter",Arial,sans-serif; }
/* 4.1.35/4.1.36: svi dokumenti u Barlowu (lokalni font, tokeni.css --doc-font): faktura, predračun, ugovori,
   porezni obrasci, kartica kupca, koverta, uputstva za štampu */
.paper,.sheet,.ug-doc,.paper h1,.paper h2,.ug-doc h1,.ug-doc h2,.of,.vodic--print,.kk,.kov,.uput-print { font-family:var(--doc-font); }
/* ekrani: samo Inter (tekst) i Poppins (naslovi, brojevi); bez ostataka starog Barlow/Barlow Condensed izgleda */
.item__no,.obr-box .big,.splash__sub { font-family:var(--head); }
.section-title .muted { font-family:var(--body-font); }
@media print {
  .mobile-nav,.search-open,.editor-controls,.save-alert,.workspace-dialog,.review-panel { display:none !important; }
  .main { padding-bottom:0; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }

/* The account balance is the dashboard's primary visual anchor. */
@media screen {
  .balance { position:relative; display:block; width:100%; isolation:isolate; overflow:hidden; padding:24px; border:1px solid #6751e4; color:#fff; background:linear-gradient(120deg,#4c3bc9 0%,#6550df 58%,#7b5ce4 100%); box-shadow:0 10px 30px -12px #5141d870; }
  .balance::before { content:""; position:absolute; z-index:-1; width:220px; height:220px; right:-90px; top:-120px; border:40px solid #ffffff09; border-radius:50%; }
  .balance::after { content:""; position:absolute; z-index:-1; width:300px; height:300px; right:25%; bottom:-280px; border:45px solid #ffffff08; border-radius:50%; }
  .balance:hover { border-color:#9480f1; box-shadow:0 12px 32px -10px #5141d87a; }
  .balance__label { color:#f0ecff; font-size:12px; font-weight:500; }
  .balance__value { color:#fff; font-family:var(--head); font-size:38px; font-weight:600; line-height:1.35; margin-top:6px; letter-spacing:-.045em; }
  .balance__value small { font-size:16px; font-weight:500; color:#ded8ff; letter-spacing:0; }
  .balance__meta { display:block; color:#e0d9fc; font-size:11px; margin-top:8px; line-height:1.7; }
  .balance__meta b { color:#fff; font-weight:500; }
  .balance__meta em { color:#fff0c7; font-style:normal; }
  .balance__month { position:static; transform:none; display:block; color:#e0d9fc; margin-top:18px; padding-top:14px; border-top:1px solid #ffffff26; text-align:left; font-size:11px; line-height:1.7; }
  .balance__month .amt-in { color:#bbf5dd; font-weight:600; }
  :root:not([data-theme="light"]) .balance { background:linear-gradient(120deg,#45328e,#5c40b2 60%,#7350ca); border-color:#785bd1; }
  @media (min-width:900px) {
    .balance { padding:26px 28px; min-height:165px; }
    .balance__value { font-size:46px; }
    .balance__month { position:absolute; top:50%; right:28px; transform:translateY(-50%); margin:0; padding:12px 16px; border:1px solid #ffffff29; border-radius:12px; background:#ffffff0b; max-width:42%; }
  }
}

.app-version { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }.app-version b { color:var(--accent);font-size:11px; }.release-title {font-family:var(--head);font-size:28px;margin:0 0 12px;}.release-features {display:grid;gap:0;}.release-feature {display:flex;gap:16px;}.release-feature .section-title {margin-bottom:8px;}.release-feature p {font-size:13px;color:var(--dim);line-height:1.8;margin:0;}.release-number {color:var(--accent);font-family:var(--head);font-size:22px;}.release-feature>div {min-width:0;}@media screen and (min-width:900px){.release-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}

/* Compact working lists: show the decision first and reveal secondary fields. */
@media screen {
  .bar__title:focus { outline:none; }
  .balance__label,.balance__value { display:block; }
  .pg-top { margin-bottom:16px; }
  .pg-hello { width:100%; gap:7px 12px; }
  .pg-hello .page-sub { margin:0; font-size:12px; }
  .dashboard-period { margin:0; font-size:11px; white-space:nowrap; }
  .pg-hello .porezna-pill { margin:0 0 0 auto; font-size:10px; padding:4px 9px; }
  .page-head { flex-direction:row; align-items:center; gap:10px; margin-bottom:14px; }
  .page-head p { font-size:12px; line-height:1.5; }
  .page-head__actions { width:auto; align-items:center; justify-content:flex-end; gap:8px; flex:none; }
  .page-head__actions .btn { flex:none; }
  .page-head__actions .fld--inline { flex-direction:row; align-items:center; gap:7px; }
  .page-head__actions .fld--inline span { font-size:11px; }
  .page-head__actions select { min-height:42px; width:auto; padding:8px 26px 8px 10px; font-size:13px; }
  #view-banka .page-head { justify-content:space-between; }
  #view-banka .page-head__actions { flex-wrap:nowrap; }
  #view-banka #bnkFilter { flex:0 1 auto !important; width:auto; max-width:160px; min-height:42px; padding:8px; font-size:13px; }
  .page-help { position:relative; font-size:11px; color:var(--dim); }
  .page-help>summary { display:inline-flex; align-items:center; gap:7px; list-style:none; cursor:pointer; padding:10px 0; color:var(--accent); }
  .page-help>summary::marker { content:""; }
  .page-help>summary::-webkit-details-marker { display:none; }
  .page-help__icon { display:block; flex:none; width:18px; height:18px; }
  .page-help[open] { max-width:50%; }
  .page-tools { position:relative; flex:none; }
  .page-tools>summary { list-style:none; cursor:pointer; display:flex; }
  .page-tools>summary::-webkit-details-marker { display:none; }
  .page-tools>.page-head__actions { position:absolute; top:calc(100% + 8px); right:0; width:260px; display:grid; padding:10px; background:var(--panel); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); z-index:30; }
  .page-tools>.page-head__actions .btn { width:100%; text-align:left; justify-content:flex-start; min-height:44px; }
  .expense-composer { margin:0 0 14px; border:1px solid var(--line); border-radius:12px; background:var(--panel); scroll-margin-top:90px; }
  .expense-composer>summary { cursor:pointer; color:var(--accent); padding:13px 16px; font-size:12px; font-weight:600; }
  .expense-composer[open]>summary { border-bottom:1px solid var(--line); }
  .expense-composer .form-card { border:0; box-shadow:none; margin:0; }
  #rasKpis .kpi { min-height:0; padding:12px 14px; }
  #rasKpis .kpi b { font-size:22px; line-height:1.35; margin:5px 0 3px; }
  #rasKpis .kpi small { margin:0; font-size:9px; }
  #rasKpis .kpi span { font-size:10px; }
  #rasForm .scan-drop { padding:10px; gap:8px; }
  #rasForm .scan-drop .btn { width:auto; flex:1; min-height:42px; padding:8px 10px; font-size:11px; }
  #rasForm .scan-drop__hint { flex:1 1 100%; font-size:11px; line-height:1.5; }
  
  
  
  
  
  
  
  
  
  
  @media (max-width:1099px) {
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .archive-filters { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
    .archive-filter-toggle { width:auto; min-height:44px; padding:8px 14px; }
    .archive-filter-fields { grid-column:1/-1; margin:0; }
    .arh-sum { font-size:11px; gap:6px 16px; }
  }
  @media (min-width:600px) and (max-width:1099px) {
    
    #rasKpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
  }
  @media (max-width:599px) {
    .view--page { padding:16px 12px; }
    .pg-hello .porezna-pill { flex-basis:100%; margin:0; width:max-content; max-width:max-content; }
    #view-rashodi .page-head p { display:none; }
    #view-rashodi .page-head__actions { width:100%; justify-content:space-between; }
    #view-banka .page-head { flex-wrap:wrap; gap:0 10px; }
    #view-banka .page-help { order:2; width:100%; max-width:none; }
    #view-banka .page-help summary { padding:5px 0; }
    #view-banka .page-head__actions { width:100%; justify-content:space-between; margin-bottom:4px; }
  }
  @media (min-width:1100px) {
    
    
  }
}

@media screen {
  .bank-statements { margin-bottom:14px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
  .bank-statements>summary { padding:13px 16px; font-size:12px; color:var(--accent); cursor:pointer; font-weight:600; }
  .bank-statements .card-box { border:0; box-shadow:none; margin:0; padding-top:6px; }
  #bnkKpis .kpi { min-height:0; padding:12px 14px; }
  #bnkKpis .kpi b { margin:5px 0 3px; font-size:22px; line-height:1.35; }
  #bnkKpis .kpi small { font-size:9px; margin:0; }
  #bnkKpis .kpi span { font-size:10px; }
  @media(max-width:1099px) {
    #bnkTable { background:none; border:0; box-shadow:none; overflow:visible; }
    #bnkTable tbody { display:grid; gap:12px; }
    #bnkTable tbody tr { padding:14px; gap:9px 12px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
    
    
    
    
    
    
    
    
    
    
    
    
    #bnkTable td:nth-child(3) { grid-area:2/1/3/-1; }
    #bnkTable td:nth-child(3)::before,#bnkTable td:nth-child(4)::before { display:none; }
    #bnkTable td:nth-child(4) { grid-area:3/1; font-size:21px; font-family:var(--head); font-weight:600; align-self:center; }
    #bnkTable td:nth-child(5) { grid-area:3/2; font-size:11px; }
    #bnkTable td:nth-child(6) { grid-area:4/1/5/-1; }
  }
  @media(min-width:600px) and (max-width:1099px) {
    
    #bnkKpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
  }
}

@media screen {     }

@media screen {       }

.batch-booking-list {max-height:50dvh;overflow:auto;margin:12px 0 20px}.batch-booking-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.batch-booking-row>span{display:grid;gap:5px;min-width:0;font-size:12px}.batch-booking-row small{font-size:11px;color:var(--dim);overflow-wrap:anywhere}.batch-booking-row input{width:20px;height:20px;accent-color:var(--accent)}

@media print { html,body {background:#fff !important;} .paper {box-shadow:none !important;} }

.kat-chip {background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);}

.custom-select {min-width:0;flex:1 1 100%;}
.custom-select__trigger {width:100%;min-height:46px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:var(--body-font);font-size:13px;text-align:left;color:var(--text);background:var(--field);border:1px solid var(--line-2);border-radius:10px;cursor:pointer;}
.custom-select__trigger>span:first-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.custom-select__trigger:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}
.custom-select__trigger[aria-expanded="true"] {border-color:var(--accent);}
.custom-select__menu {position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 12px 36px #0003;overflow:auto;z-index:200;}
.custom-select__menu::backdrop {background:transparent;}
.custom-select__menu button {display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;color:var(--text);background:none;font-family:var(--body-font);font-size:12px;text-align:left;line-height:1.5;cursor:pointer;}
.custom-select__menu button>span:first-child {overflow-wrap:anywhere;min-width:0;}
.custom-select__menu button[aria-selected="true"] {color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-weight:600;}
.custom-select__menu button:hover,.custom-select__menu button:focus {background:var(--panel-2);outline:none;}
.ug-predlozak {display:flex;flex-wrap:wrap;gap:8px;}
.ug-predlozak>.btn {flex:1 1 auto;}

@media screen {
  .ug-dialog {max-width:1320px;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;overflow:hidden;}
  .ug-dialog>.pay-dialog__head {flex-wrap:wrap;gap:10px;padding:16px;}
  .ug-dialog>.pay-dialog__head>.actions {gap:6px;}
  .ug-body {display:grid;grid-template-columns:minmax(0,1fr);overflow:auto;min-width:0;}
  .ug-form {min-width:0;overflow:visible;padding:4px 16px 24px;border-right:0;}
  .ug-form>* {min-width:0;}
  .ug-prev-wrap {display:none;min-width:0;overflow:auto;padding:18px;background:var(--preview-bg);}
  .ug-page {width:794px;max-width:none;box-sizing:border-box;padding:72px 60px 56px 64px;}
  .contract-tabs {display:flex;gap:8px;padding:0 16px 12px;border-bottom:1px solid var(--line);}
  .contract-tabs button {flex:1;min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--dim);font:500 12px var(--body-font);}
  .contract-tabs button[aria-selected="true"] {color:var(--accent);background:var(--panel-2);border-color:var(--line-2);}
  .ug-dialog.is-preview .ug-form {display:none;}
  .ug-dialog.is-preview .ug-prev-wrap {display:block;}
  .ug-inline {min-width:0;max-width:100%;font:400 14px var(--body-font);min-height:40px;padding:8px 10px;}
  @media(min-width:1100px){
    .ug-dialog {width:calc(100vw - 48px);}
    .ug-dialog>.pay-dialog__head {flex-wrap:nowrap;}
    .contract-tabs {display:none;}
    .ug-body {grid-template-columns:minmax(340px,430px) minmax(0,1fr);overflow:hidden;}
    .ug-form,.ug-dialog.is-preview .ug-form {display:grid;overflow:auto;border-right:1px solid var(--line);}
    .ug-prev-wrap {display:block;}
  }
}

/* 4.0.1: payment summaries use the same purple surface in both themes. */
@media screen {
  .editor .totals {background:linear-gradient(125deg,#5138c9,#6b4ddd);color:#fff;border-color:#7259dc;box-shadow:0 8px 24px -10px #5035c95c;min-height:0;}
  .editor .totals dt {color:#eee8ff;}
  .editor .totals dd {color:#fff;}
  .editor .totals .grand {color:#fff;border-color:#ffffff38;font-family:var(--head);font-size:19px;}
  .editor .totals .words {color:#e9e0ff;line-height:1.5;font-size:11px;}
  .panel__title>span {background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);}
  @media(max-width:1099px) {body[data-view="faktura"] .bar__actions:has(#btnPredToInvoice:not([hidden])) {grid-template-columns:repeat(2,minmax(0,1fr));}}
}

@media screen {
  .file-preview {display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--preview-bg);color:var(--dim);}
  .file-preview__toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:none;padding:8px 10px;background:var(--panel);border-bottom:1px solid var(--line);}
  .file-preview__toolbar .icon-btn {width:36px;height:36px;border-radius:8px;font-size:20px;}
  .file-preview__toolbar button:disabled {opacity:.35;cursor:default;}
  .file-preview__count {font-size:12px;min-width:45px;text-align:center;}
  .file-preview__toolbar a {margin-left:auto;font-size:11px;}
  .file-preview__pages {flex:1;min-height:0;min-width:0;overflow:auto;padding:12px;font-size:12px;}
  .file-preview__pages>img {display:block;max-width:none;height:auto;margin:0 auto;box-shadow:0 3px 15px #0002;}
  #pdfPreview {flex:1;min-height:220px;}
  .pdf-dialog {max-height:calc(100dvh - 24px);height:calc(100dvh - 24px);}
  .pdf-dialog>.pay-dialog__head {flex-wrap:wrap;gap:10px;padding:14px;}
  .pdf-dialog iframe {min-height:220px;flex:1;}
  .ug-page.is-original {width:auto;max-width:none;padding:0;zoom:1 !important;background:var(--preview-bg);height:100%;min-height:420px;box-shadow:none;}
  .ug-page.is-original .file-preview__pages {max-height:75dvh;}
  .ug-dialog.is-readonly-preview .ug-form {display:none !important;}
  .ug-dialog.is-readonly-preview .ug-body {grid-template-columns:minmax(0,1fr);}
  .ug-dialog.is-readonly-preview [data-uact="save"] {display:none;}
}

/* 4.0.1: repeat margins on every printed page, including long invoices. */
@page { size:A4; margin:19.05mm 17.78mm 10mm; }
@media print {
  html,body {margin:0!important;padding:0!important;min-width:0!important;}
  .shell,.main,.workspace {display:block!important;padding:0!important;margin:0!important;}
  .side,.bar,.mobile-nav,dialog,.nav-scrim,.editor-controls,.splash {display:none!important;}
  .preview {display:block!important;height:auto!important;overflow:visible!important;padding:0!important;}
  .preview .paper,#printArea>.paper {width:auto!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;zoom:1!important;transform:none!important;overflow:visible!important;box-shadow:none!important;}
  .tr {break-inside:avoid;page-break-inside:avoid;}
  .print-document+.print-document {break-before:page;page-break-before:always;}
}
@media screen {
 .print-mode .main {padding:0;}
 .print-mode .preview {display:block;overflow:visible;height:auto;}
 .pregled-mode .preview .paper {height:auto;min-height:297mm;overflow:visible;}
 .business-switch {width:100%;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:14px 6px;text-align:left;}
 .business-switch>span:nth-child(2) {display:grid;gap:3px;flex:1;min-width:0;}
 .business-switch b {font-size:13px;overflow:hidden;text-overflow:ellipsis;}
 .business-switch small {font-size:10px;color:var(--dim);}
 .business-avatar {width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-size:18px;font-weight:700;flex:none;}
 .business-settings {gap:16px;grid-template-columns:minmax(0,1fr);}
 .business-settings .form-card {padding:20px;}
 .business-settings .form-card>h2 {margin-bottom:18px;}
 .directory-composer {margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);}
 .directory-composer>summary {padding:14px 18px;font-size:13px;font-weight:600;cursor:pointer;color:var(--accent);}
 .directory-composer form {border:0;margin:0;box-shadow:none;padding:0 18px 18px;}
 .directory-composer .grid3 {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
 .document-tabs {display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 14px;padding-bottom:8px;}
 .document-tabs button {background:none;color:var(--dim);border:0;border-radius:9px;padding:9px 14px;min-height:44px;font-size:13px;font-weight:600;}
 .document-tabs button[aria-pressed="true"] {color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));}
 .document-selection {display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0 14px;color:var(--dim);font-size:12px;}
 .document-selection label,.document-check {display:inline-flex;align-items:center;gap:8px;}
 .document-selection input,.document-check input {width:18px;height:18px;accent-color:var(--accent);flex:none;}
 .document-check {float:left;margin-right:8px;}
 .document-selection .btn {margin-left:auto;}
 .output-options {display:grid;gap:16px;}
 .output-options label {display:flex;gap:10px;align-items:center;font-size:13px;}
 .output-options input {width:20px;height:20px;accent-color:var(--accent);}
 .output-options .actions {flex-wrap:wrap;}
 .src--fak,.src--faktura {color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));}
 .src--pred {color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--panel));}
 #kprKpis .kpi b {color:var(--text);}
 #kprKpis .kpi--violet b {color:#fff;}
 #bnkTable td:nth-child(1), #bnkTable td:nth-child(2), #bnkTable td:nth-child(4), #kupciTable td:nth-child(3), #dobTable td:nth-child(3) {white-space:nowrap;overflow-wrap:normal;word-break:normal;}
 .list .actions {flex-wrap:nowrap;}
 
 
 @media(min-width:700px) { .directory-composer .grid3 {grid-template-columns:repeat(2,minmax(0,1fr));} .business-settings {grid-template-columns:repeat(2,minmax(0,1fr));} }
 @media(min-width:1100px) {
  
  #kupciTable td, #dobTable td, #bnkTable td {padding:14px 12px;vertical-align:top;}
  
  
  
  
  
  
  
  
  
  
  #kupciTable table,#dobTable table {table-layout:auto;min-width:950px;}
  #kupciTable td:first-child,#dobTable td:first-child {min-width:220px;}
  #kupciTable td:nth-child(2),#dobTable td:nth-child(2) {max-width:230px;}
  #kupciTable td:nth-child(3),#dobTable td:nth-child(3) {min-width:125px;font-size:12px;}
  #kupciTable td.td-actions,#dobTable td.td-actions {width:1%;}
  #bnkTable table {table-layout:auto;}
  
  
  #bnkTable td:nth-child(3) {width:100%;min-width:240px;}
  #bnkTable td:nth-child(4) {font-weight:600;}
  
  #bnkTable td:last-child {width:1%;white-space:nowrap;}
  #bnkTable td:nth-child(3)>b {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;}
  #bnkTable td:nth-child(3)>br {display:none;}
  #bnkTable td:nth-child(3)>.muted {display:block;max-width:580px;font-size:11px;margin-top:4px;}
 }
}

@media screen {
 .archive-filter-toggle {display:inline-flex!important;}
 .archive-filter-fields[hidden] {display:none!important;}
 
 .src--pred {color:var(--warn)!important;background:color-mix(in srgb,var(--warn) 10%,var(--panel))!important;}
 
 .kpi:not(.kpi--violet)>b {color:var(--text);}
 @media(min-width:1100px) {
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 }
}

@media screen { .business-settings {display:block;max-width:1000px;} .business-settings>.form-card {margin:0 0 14px;} .business-settings .form-card:not(.is-closed)>.grid2 {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;} @media(min-width:700px){.business-settings .form-card:not(.is-closed)>.grid2 {grid-template-columns:repeat(2,minmax(0,1fr));}} }

@media screen {
 .bank-description {margin-top:5px;font-size:11px;line-height:1.6;color:var(--dim);}
 .bank-description>summary {cursor:pointer;list-style:disclosure-closed;}
 .bank-description[open]>summary {list-style:disclosure-open;}
 .bank-description p {padding:10px;background:var(--panel-2);border-radius:9px;margin:7px 0 0;overflow-wrap:anywhere;}
 
 @media(min-width:1100px){#bnkTable td:nth-child(1){min-width:85px;}#bnkTable td:nth-child(2){min-width:75px;}#bnkTable td:nth-child(4){min-width:105px;}#bnkTable td:nth-child(5){min-width:170px;}#bnkTable table{min-width:960px;}}
}

@media screen {
 .archive-filters {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;}
 .archive-filters>.search {width:100%;min-width:0;}
 .archive-filters .archive-filter-toggle {width:auto;min-width:80px;justify-self:end;}
 .archive-filters .archive-filter-fields {grid-column:1/-1;width:100%;}
 @media(min-width:1100px){
  
  
 }
}
@media screen {
 .list .document-check input,.document-selection input {min-height:18px!important;height:18px!important;width:18px;padding:0;border-radius:4px;}
 .document-check {min-height:18px;line-height:18px;vertical-align:middle;}
 
 
 
}

/* 4.1.0: off-disk copy card and bank rows (clean partner name, tabular amounts, actions in the ⋯ menu). */
@media screen {
  .mirror-pick {display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
  .mirror-pick .fld {flex:1 1 260px;margin:0;}
  #mirrorSuggestions {margin-top:8px;}
  #mirrorCard .check {margin:12px 0 4px;}
  #bnkTable .bank-partner {font-weight:600;}
  #bnkTable td.num,#bnkTable td.mono {font-variant-numeric:tabular-nums;white-space:nowrap;}
  #bnkTable .actions {flex-wrap:nowrap;justify-content:flex-end;}
  #bnkTable .more-menu__list {right:0;left:auto;background:var(--panel);border-color:var(--line);}
  #bnkTable .more-menu__list button {color:var(--text);font-size:12px;min-height:40px;}
  #bnkTable .more-menu__list .danger {color:var(--danger);}
}

/* 4.1.1: Dokumenti (svi prilozi i generisani PDF-ovi), meni Kreiraj dokument. */
@media screen {
  .docs-top {display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;}
  .docs-tabs {display:flex;flex-wrap:wrap;gap:8px;order:2;width:100%;}
  .docs-create {display:flex;gap:10px;margin-left:auto;}
  .docs-chip {border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:6px 12px;font:500 13px var(--body,inherit);cursor:pointer;min-height:34px;}
  .docs-chip span {color:var(--dim);margin-left:2px;}
  .docs-chip[aria-selected="true"] {background:color-mix(in srgb,var(--violet) 16%,var(--panel));border-color:color-mix(in srgb,var(--violet) 45%,var(--panel));color:var(--text);font-weight:600;}
  .docs-chip[aria-selected="true"] span {color:var(--text);opacity:.7;}
  .docs-menu {position:relative;}
  .docs-menu > summary {list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
  .docs-menu > summary::-webkit-details-marker {display:none;}
  .docs-menu__caret {font-size:11px;opacity:.7;}
  .docs-menu__list {position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(420px,calc(100vw - 32px));padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 40px -16px rgba(0,0,0,.35);display:grid;gap:2px;}
  .docs-menu__list button {display:flex;gap:12px;align-items:flex-start;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;}
  .docs-menu__list button:hover,.docs-menu__list button:focus-visible {background:color-mix(in srgb,var(--violet,#5b5bd6) 8%,var(--panel));}
  .docs-menu__list b {display:block;font-weight:600;font-size:14px;}
  .docs-menu__list small {display:block;color:var(--dim);font-size:12px;margin-top:2px;line-height:1.4;}
  .docs-menu__icon {width:22px;flex:none;text-align:center;color:var(--violet,#5b5bd6);font-size:16px;line-height:1.3;}
  .docs-toolbar {display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:16px;}
  .docs-toolbar .fld {margin:0;}
  .docs-search {flex:1 1 260px;}
  .docs-year {flex:0 0 150px;}
  .docs-switch {display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-left:auto;}
  .docs-switch button {border:0;background:var(--panel);color:var(--dim);padding:9px 14px;font:500 13px inherit;cursor:pointer;min-height:40px;}
  .docs-switch button[aria-pressed="true"] {background:color-mix(in srgb,var(--violet) 16%,var(--panel));color:var(--text);font-weight:600;}
  .docs-title span {color:var(--dim);font-weight:400;margin-left:4px;}
  .docs-name {display:flex;gap:10px;align-items:center;min-width:0;}
  .docs-ext {flex:none;font-size:9px;font-weight:700;letter-spacing:.04em;padding:3px 5px;border-radius:5px;background:color-mix(in srgb,var(--violet,#5b5bd6) 10%,var(--panel));color:var(--violet,#5b5bd6);}
  .docs-open {text-align:left;color:var(--text);font-weight:500;overflow-wrap:anywhere;text-decoration:none;min-height:0;padding:0;}
  .docs-open:hover {color:var(--violet);text-decoration:underline;}
  .docs-source {display:block;text-align:left;font-size:12px;}
  .docs-unlinked {color:var(--dim);font-size:12px;}
  .docs-actions {display:flex;gap:16px;justify-content:flex-end;align-items:center;white-space:nowrap;}
  .docs-actions .link-btn {min-height:0;padding:0;line-height:1.5;font-size:13px;text-decoration:none;}
  .docs-table td {vertical-align:middle;}
  .docs-table td.mono {white-space:nowrap;font-variant-numeric:tabular-nums;}
  .docs-pill {background:color-mix(in srgb,var(--text) 6%,var(--panel));color:var(--text);font-weight:500;}
  .docs-month {font-size:14px;font-weight:500;color:var(--dim);margin:18px 0 10px;}
  .docs-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;}
  .docs-card {border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-width:0;}
  .docs-thumb {display:block;height:150px;border:0;padding:0;background:#fff;cursor:pointer;overflow:hidden;border-bottom:1px solid var(--line);}
  .docs-thumb img {width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
  .docs-thumb__none {display:grid;place-items:center;height:100%;color:#888;font-weight:600;}
  .docs-card__body {padding:10px 12px 12px;display:grid;gap:4px;min-width:0;}
  .docs-card__body strong {font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .docs-card__body small {color:var(--dim);font-size:11px;}
  .docs-card__body .docs-actions {justify-content:flex-start;margin-top:4px;}
}
@media screen and (min-width:900px) {
  .docs-tabs {order:0;width:auto;flex:1;}
}

/* 4.1.2: povezivanje dokumenata s rashodima, vlastite kategorije, duplikati. */
@media screen {
  .docs-chip--add {border-style:dashed;color:var(--violet);}
  .docs-dup {margin-left:6px;font-size:10px;}
  .docs-actions .more-menu {position:relative;}
  .docs-actions .more-menu__list {right:0;left:auto;background:var(--panel);border-color:var(--line);}
  .docs-actions .more-menu__list button {color:var(--text);font-size:13px;min-height:40px;}
  .docs-actions .more-menu__list .danger {color:var(--danger);}
  .docs-cats {list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px;}
  .docs-cats li {display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;}
  .link-candidates {border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;display:grid;gap:6px;}
  .link-candidates legend {font-size:12px;color:var(--dim);padding:0 4px;}
  .link-candidates .check {align-items:flex-start;font-size:13px;color:var(--text);}
  .attach-source {display:flex;flex-wrap:wrap;gap:6px 18px;margin:6px 0 10px;}
  .attach-picked {display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
}

/* 4.1.3: obavijesti (toast) čitljive u obje teme: bijeli tekst na ljubičastoj kao glavno dugme. */
.toast { background:#5947df; color:#fff; box-shadow:0 16px 36px -12px rgba(30,20,90,.55); }
.toast button { color:#fff; border-color:rgba(255,255,255,.8); }
.toast button:hover { background:rgba(255,255,255,.16); }
.toast.is-error { background:var(--danger); color:#fff; }

/* 4.1.4: KPR opis s izvoda — konačna faktura uz predračun sitnije ispod, upozorenje za ručnu provjeru. */
.of-t .kpr-fakt { font-size:0.85em; }
@media screen {
  .kpr-app .kpr-fin { font-size:11px; color:var(--dim); margin-top:3px; }
  .kpr-app .kpr-fin .link-btn { font-size:11px; min-height:0; padding:0; }
  .kpr-provjeri { margin-top:4px; padding:4px 8px; border-radius:8px; font-size:11px; line-height:1.4; color:var(--warn); background:color-mix(in srgb,var(--warn) 10%,var(--panel)); }
}

/* 4.1.4: u PDF-u (štampa) Inter s proporcionalnim ciframa gubi par "20" iz tekstualnog sloja
   ("2026" postane "26" pri pretrazi i kopiranju). Cifre iste širine to izbjegavaju. */
@media print { body { font-variant-numeric: tabular-nums; } }

/* 4.1.4: Fakture i predračuni — jednostavan red: dokument · kupac · iznos · status · radnje. */
@media screen {
  #arhivaTable { background:var(--panel); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow); }
  .doc-list { width:100%; border-collapse:collapse; }
  .doc-list th { text-align:left; font-size:11px; font-weight:600; color:var(--dim); padding:10px 14px; background:var(--panel-2); border-bottom:1px solid var(--line); white-space:nowrap; }
  .doc-list th.num { text-align:right; }
  .doc-list td { padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:top; font-size:13px; color:var(--text); }
  .doc-list tr:last-child td { border-bottom:0; }
  .doc-list .doc-cell { display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:start; }
  .doc-list .doc-cell > :not(.document-check) { grid-column:2; }
  .doc-list .document-check { grid-row:1 / span 2; padding-top:2px; }
  .doc-line { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .doc-list .doc-no { font-weight:600; color:var(--text); font-variant-numeric:tabular-nums; text-decoration:none; padding:0; min-height:0; white-space:nowrap; font-size:13.5px; }
  .doc-list .doc-no:hover { color:var(--violet); text-decoration:underline; }
  .doc-tag { font-size:10px; font-weight:600; padding:1px 7px; border-radius:999px; background:color-mix(in srgb,var(--violet) 10%,var(--panel)); color:var(--violet); }
  .doc-tag--pred { background:color-mix(in srgb,var(--warn) 14%,var(--panel)); color:var(--warn); }
  .doc-meta { margin-top:3px; font-size:11.5px; color:var(--dim); line-height:1.55; }
  .doc-meta .link-btn { font-size:inherit; min-height:0; padding:0; }
  .doc-kupac { max-width:340px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .doc-iznos { font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; text-align:right; }
  .doc-pill { display:inline-block; padding:2px 9px; border-radius:999px; font-size:11.5px; font-weight:600; white-space:nowrap; }
  .doc-pill--ok { background:color-mix(in srgb,var(--ok) 12%,var(--panel)); color:var(--ok); }
  .doc-pill--warn { background:color-mix(in srgb,var(--warn) 14%,var(--panel)); color:var(--warn); }
  .doc-pill--late { background:color-mix(in srgb,var(--danger) 12%,var(--panel)); color:var(--danger); }
  .doc-pill--neutral { background:var(--panel-2); color:var(--dim); }
  .doc-status-edit { display:inline; }
  .doc-status-edit summary { display:inline; margin-left:6px; color:var(--violet); cursor:pointer; list-style:none; }
  .doc-status-edit summary::-webkit-details-marker { display:none; }
  .doc-status-edit[open] { display:grid; gap:6px; margin-top:6px; }
  .doc-status-edit select, .doc-status-edit input { min-height:34px; font-size:12px; padding:5px 8px; max-width:190px; }
  .doc-list .td-actions { width:1%; white-space:nowrap; }
  .doc-list .actions { display:flex; gap:6px; justify-content:flex-end; align-items:center; flex-wrap:nowrap; }
  .doc-list .actions > .btn { min-height:36px; padding:7px 12px; font-size:12px; }
  .doc-list .more-menu { position:relative; }
  .doc-list .more-menu__list { right:0; left:auto; background:var(--panel); border-color:var(--line); }
  .doc-list .more-menu__list button { color:var(--text); font-size:12.5px; min-height:38px; }
  .doc-list .more-menu__list .danger { color:var(--danger); }
  .doc-list tr.is-spojen td { background:color-mix(in srgb,var(--text) 2.5%,var(--panel)); }
  .doc-list tr.is-spojen .doc-cell { padding-left:38px; }
  .doc-list tr.is-spojen .doc-no::before { content:"↳ "; color:var(--faint); font-weight:400; }
}
/* telefon i prikaz "Kartice": svaki dokument je kartica */
@media screen and (max-width:899px) {
  .doc-list thead { display:none; }
  .doc-list, .doc-list tbody { display:block; }
  .doc-list tr { display:grid; grid-template-columns:1fr auto; gap:6px 12px; padding:14px; border-bottom:1px solid var(--line); }
  .doc-list td { display:block; padding:0; border:0; }
  .doc-list .doc-cell, .doc-list .doc-kupac, .doc-list .td-actions { grid-column:1 / -1; }
  .doc-list .doc-kupac { max-width:none; white-space:normal; font-size:12.5px; color:var(--dim); }
  .doc-list .doc-iznos { grid-column:1; text-align:left; font-size:18px; font-family:var(--head); align-self:center; }
  .doc-list .doc-status { grid-column:2; text-align:right; }
  .doc-list .td-actions { width:auto; }
  .doc-list .actions { justify-content:flex-start; }
  .doc-list .actions > .btn { flex:1; }
  .doc-list tr.is-spojen .doc-cell { padding-left:18px; }
  .doc-list tr.is-spojen { background:color-mix(in srgb,var(--text) 2.5%,var(--panel)); }
  .doc-list tr.is-spojen td { background:none; }
}
@media screen and (min-width:900px) {
  #arhivaTable.arh-kartice { background:none; border:0; box-shadow:none; overflow:visible; }
  #arhivaTable.arh-kartice .doc-list thead { display:none; }
  #arhivaTable.arh-kartice .doc-list, #arhivaTable.arh-kartice .doc-list tbody { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:12px; }
  #arhivaTable.arh-kartice .doc-list tr { display:grid; grid-template-columns:1fr auto; gap:6px 12px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--panel); box-shadow:var(--shadow); }
  #arhivaTable.arh-kartice .doc-list td { display:block; padding:0; border:0; background:none; }
  #arhivaTable.arh-kartice .doc-cell, #arhivaTable.arh-kartice .doc-kupac, #arhivaTable.arh-kartice .td-actions { grid-column:1 / -1; }
  #arhivaTable.arh-kartice .doc-kupac { max-width:none; }
  #arhivaTable.arh-kartice .doc-iznos { text-align:left; font-size:18px; font-family:var(--head); align-self:center; }
  #arhivaTable.arh-kartice .doc-status { text-align:right; }
  #arhivaTable.arh-kartice .actions { justify-content:flex-start; }
}

/* 4.1.4: Rashodi — isti raspored kao Fakture (doc-list), prilozi kao kratke veze. */
@media screen {
  #rasTable { background:var(--panel); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow); }
  .exp-list .exp-who b { display:block; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
  .exp-list .exp-who .doc-meta { max-width:300px; }
  .exp-list .doc-no-plain { font-variant-numeric:tabular-nums; white-space:nowrap; font-weight:500; }
  .exp-list .exp-files .link-btn { font-size:inherit; }
  .exp-list .link-btn--add { color:var(--dim); }
  .exp-list .kat-chip { white-space:nowrap; }
}
@media screen and (max-width:899px) {
  #rasTable { background:none; border:0; box-shadow:none; }
  .exp-list tr { background:var(--panel); border:1px solid var(--line); border-radius:14px; margin-bottom:10px; }
  .exp-list .exp-who, .exp-list .exp-doc, .exp-list .exp-kind { grid-column:1 / -1; }
  .exp-list .exp-who b, .exp-list .exp-who .doc-meta { max-width:none; white-space:normal; }
}

/* 4.1.4: Klijenti — iznos i broj faktura u dva reda, bez preloma brojeva. */
@media screen {
  #kupciTable td.client-total { white-space:nowrap; font-variant-numeric:tabular-nums; }
  #kupciTable td.client-total b { font-weight:600; }
  #kupciTable td.client-total .link-btn { font-size:inherit; min-height:0; padding:0; white-space:nowrap; }
}
@media screen { .kpr-app .kpr-dok { min-height:0; padding:0; font:inherit; text-align:left; } }
@media screen { .kpr-app .kpr-fin--nema { color:var(--danger); } }
/* 4.1.11: u stavci „Vrsta (podebljano)“ i „Opis“ svaki u svom punom redu */
.item__grid > label:has(> input[data-k="vrsta"]), .item__grid > label:has(> input[data-k="opis"]) { grid-column: 1 / -1; }
/* 4.1.13: sekcija Kupac skupljena nakon izbora kupca */
.panel.is-collapsed > :not(.panel__title):not(.kupac-sazetak) { display: none; }
.panel.is-collapsed > .panel__title { cursor: pointer; }
.kupac-sazetak { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kupac-sazetak > div { display: grid; gap: 2px; min-width: 0; }
.kupac-sazetak b { color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
.kupac-sazetak small { color: var(--dim); font-size: 12px; }
/* 4.1.14: podnožje fakture — dugi brojevi (ID, račun) podebljani i malo gušće, da ne dodiruju rub kartice */
.card__text .digits { font-weight: 700; letter-spacing: 0.12em; }
/* 4.1.16: „Za platiti“ kao peta kartica u redu ispod stanja (#nsTotals se razlije u isti grid) */
.ns-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0 16px; }
.ns-row > .ns-totals { display: contents; }
.ns-total--pay { display: none; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.ns-total--pay.has-payables { display: grid; align-content: start; }
.ns-total--pay b { color: var(--warn); }
.ns-total--pay.has-overdue b { color: var(--danger); }
.ns-total--pay small { justify-self: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 900px) {
  .ns-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ns-row:has(.ns-total--pay.has-payables) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ns-row:has(.ns-total--pay.has-payables) .ns-total { padding: 18px 16px; }
  .ns-row:has(.ns-total--pay.has-payables) .ns-total b { font-size: clamp(19px, 1.75vw, 26px); white-space: nowrap; }
}
.ns-total--pay span { display: flex; align-items: center; gap: 7px; }
.pay-mark { display: inline-grid; place-items: center; width: 19px; height: 19px; border-radius: 6px; font-style: normal; font-size: 12px; font-weight: 700; color: var(--warn); background: color-mix(in srgb, var(--warn) 14%, var(--panel)); }
.ns-total--pay.has-overdue .pay-mark { color: var(--danger); background: color-mix(in srgb, var(--danger) 14%, var(--panel)); }
/* 4.1.24/4.1.25: „Prikaži još N / Prikaži manje“ ispod lista na Početnoj; skraćena lista blijedi na dnu */
.show-more[hidden] { display: none; }
.show-more { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 42px; margin-top: 10px; border: 1px dashed color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: 12px; background: color-mix(in srgb, var(--accent) 5%, var(--panel)); color: var(--accent); font: inherit; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background .15s var(--ease), border-color .15s var(--ease); }
.show-more:hover { background: color-mix(in srgb, var(--accent) 11%, var(--panel)); border-style: solid; }
.show-more__arrow { display: inline-block; font-size: 14px; transition: transform .15s var(--ease); }
.show-more:hover .show-more__arrow { transform: translateY(2px); }
.show-more[aria-expanded="true"]:hover .show-more__arrow { transform: translateY(-2px); }
.is-clipped { position: relative; }
.is-clipped::after { content: ""; position: absolute; inset: auto 0 0; height: 56px; background: linear-gradient(to bottom, transparent, var(--panel)); pointer-events: none; }
/* kartice u redovima Početne ne rastežu se do visine susjedne (bez praznog prostora) */
#view-pregled > .two-col { align-items: start; }
/* 4.1.20: Rokovi i Nenaplaćene fakture — prazne kartice skupljene u red s naslovom, pune do ~5 stavki pa skrol unutar kartice */
.two-col:has(#pgRokovi) { align-items: start; }
#pgRokovi, #pgOtvorene { max-height: 232px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
#pgOtvorene thead th { position: sticky; top: 0; z-index: 1; background: var(--panel); }
.card-box:has(> #pgRokovi > .empty), .card-box:has(> #pgOtvorene > .empty) { padding-block: 16px; }
.card-box:has(> #pgRokovi > .empty) .card-box__head { margin-bottom: 2px; }
.card-box:has(> #pgOtvorene > .empty) .section-title { margin-bottom: 2px; }
#pgRokovi > .empty, #pgOtvorene > .empty { padding: 0; text-align: left; font-size: 12px; }
#pgRokovi:has(> .empty), #pgOtvorene:has(> .empty) { scrollbar-gutter: auto; }
/* obje prazne: iste visine, naslov i tekst u istoj liniji */
#view-pregled > .two-col:has(#pgRokovi > .empty):has(#pgOtvorene > .empty) { align-items: stretch; }
.card-box:has(> #pgRokovi) .card-box__head { align-items: center; }
#nsIcs { min-height: 0; }
.card-box:has(> #pgRokovi > .empty) .card-box__head .section-title, .card-box:has(> #pgOtvorene > .empty) > .section-title { margin: 0 0 6px; }
.card-box:has(> #pgRokovi > .empty) .card-box__head { margin: 0; }
/* 4.1.22: broj uz „Za provjeru“ kao oznaka u istoj liniji s naslovom */
#reviewTitle { display: flex; align-items: center; gap: 8px; }
#reviewCount { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 12%, var(--panel)); color: var(--accent); font-family: var(--body-font); font-size: 12px; font-weight: 700; letter-spacing: 0; }
/* 4.1.23: Početna — isti razmak između svih kartica (vodoravno i okomito): 12 px telefon, 16 px računar */
#view-pregled { --home-gap: 12px; }
@media (min-width: 900px) { #view-pregled { --home-gap: 16px; } }
#view-pregled > .balance, #view-pregled > .ns-row, #view-pregled > .two-col, #view-pregled > .card-box, #view-pregled > #dashboardBackup:not(:empty) { margin: 0 0 var(--home-gap); }
#view-pregled > .ns-row, #view-pregled > .two-col { gap: var(--home-gap); }
/* ikonica uz „Za platiti“ ne povećava red, pa je iznos u istoj liniji kao na ostalim karticama */
.pay-mark { margin-block: -4px; }
#dashboardBackup > :last-child { margin-bottom: 0; }
/* 4.1.26: kartice unutar reda bez vlastite margine (razmak daje samo gap), desna kolona: kategorije + najveći kupci */
#view-pregled > .two-col > *, .home-stack > * { margin: 0; }
.home-stack { display: grid; gap: var(--home-gap); align-content: start; min-width: 0; }
#nsKupci .kat-bar > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 4.1.26: Banka → Arhiva izvoda: naslov lijevo, period i dva dugmeta u jednom redu iste visine */
#bnkIzvodi .izv-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; }
#bnkIzvodi .izv-top .section-title { margin: 0; }
#bnkIzvodi .izv-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
#bnkIzvodi .izv-tools > * { height: 40px; min-height: 40px; margin: 0; }
#bnkIzvodi .izv-tools select { width: auto; min-width: 180px; padding-block: 0; font-size: 13px; }
@media (max-width: 599px) { #bnkIzvodi .izv-tools { width: 100%; } #bnkIzvodi .izv-tools select { flex: 1 0 100%; } #bnkIzvodi .izv-tools .btn { flex: 1; } }
/* 4.1.26: zaglavlja s izborom godine (Porez, Doprinosi, …): „Godina“ uz polje, polje i dugme iste visine u jednoj liniji */
.page-head__actions:has(> .fld--inline) { align-items: center; gap: 8px; }
.page-head__actions > .fld--inline { display: flex; flex-direction: row; align-items: center; gap: 8px; margin: 0; }
.page-head__actions > .fld--inline > span { margin: 0; font-size: 12px; }
.page-head__actions > .fld--inline > select, .page-head__actions:has(> .fld--inline) > .btn { height: 40px; min-height: 40px; margin: 0; }
.page-head__actions > .fld--inline > select { width: auto; min-width: 110px; padding-block: 0; }
/* 4.1.27: oznaka (kategorija, status) iznad opisa — tekst oznake poravnat s tekstom ispod, a ne rub oznake */
.kat-chip:has(+ .doc-meta) { margin-left: -8px; }
.doc-pill:has(+ .doc-meta) { margin-left: -9px; }
/* 4.1.28: „Prijedlog veze“ — ikona lanca umjesto ⚡, broj prijedloga kao mala oznaka */
.veza-prijedlog { display: inline-flex; align-items: center; gap: 5px; min-height: 0; margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--accent); text-decoration: none; }
.veza-prijedlog:hover { text-decoration: underline; }
.veza-prijedlog .veza-ico { width: 14px; height: 14px; flex: none; }
.veza-prijedlog b { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 12%, var(--panel)); font-size: 11px; font-weight: 700; }
/* 4.1.29: limeta u obje teme — glavna radnja, novac koji ulazi, plaćeno (tokeni u tokeni.css) */
#btnNew, :root[data-theme="light"] #btnNew { background: var(--limeta); border-color: var(--limeta); color: var(--on-limeta); box-shadow: 0 4px 12px color-mix(in srgb, var(--limeta) 30%, transparent); }
#btnNew:hover, :root[data-theme="light"] #btnNew:hover { background: var(--limeta-hover); border-color: var(--limeta-hover); color: var(--on-limeta); }
#mobileNew span { background: var(--limeta); color: var(--on-limeta); }
#nsTotals > .ns-total:first-child b { color: var(--limeta-tekst); }
.ns-total small.up, :root:not([data-theme="light"]) .ns-total small.up { background: var(--limeta-meko); color: var(--limeta-tekst); }
.ns-feed__ic--in, :root:not([data-theme="light"]) .ns-feed__ic--in { background: var(--limeta-meko); color: var(--limeta-tekst); }
.ns-feed__amt.in, :root:not([data-theme="light"]) .ns-feed__amt.in { color: var(--limeta-tekst); }
.doc-pill--ok, .pill--ok, :root[data-theme="light"] .pill--ok { background: var(--limeta-meko); color: var(--limeta-tekst); }
:root:not([data-theme="light"]) :focus-visible { outline-color: var(--limeta); }
/* 4.1.30: trake prihoda u limeti (Po mjesecima — Naplaćeni prihodi, Najveći kupci); u svijetloj temi malo tamnija da se vidi na bijelom */
.bp, :root[data-theme="light"] .bp { background: var(--limeta); }
#nsKupci .kat-bar__fill { background: var(--limeta); }
:root[data-theme="light"] .bp, :root[data-theme="light"] #nsKupci .kat-bar__fill { background: color-mix(in srgb, var(--limeta) 82%, var(--limeta-tekst)); }
/* 4.1.31: raspored kopije van diska — izbor, dan i vrijeme u jednom redu */
.mirror-plan { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; margin-top: 10px; }
.mirror-plan .fld { margin: 0; flex: 0 1 auto; }
.mirror-plan .fld[hidden] { display: none; }
.mirror-plan select, .mirror-plan input { height: 40px; }
#mirrorSchedule { min-width: 300px; }
#mirrorPlanHint { margin: 6px 0 10px; }
/* 4.1.37: podnožje bočnog menija kao jedna kartica — obrt, Šta je novo, tema i stanje čuvanja u istim redovima */
.side .side__foot { display: grid; gap: 0; margin-top: 22px; padding: 4px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.side__foot > .business-switch, .side__foot > .app-version, .side__foot > .theme-switch { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; margin: 0; padding: 8px 10px; border: 0; border-radius: 10px; background: none; color: var(--text); font-size: 13px; font-weight: 500; text-align: left; box-shadow: none; }
.side__foot > .business-switch { padding-block: 10px; }
.side__foot > .business-switch > span[aria-hidden="true"]:last-child { color: var(--faint); }
.side__foot > :is(.business-switch, .app-version, .theme-switch):hover { background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
.side__foot > .app-version, .side__foot > .theme-switch { justify-content: space-between; }
.side__foot > .business-switch + .app-version { position: relative; }
.side__foot > .business-switch + .app-version::before { content: ""; position: absolute; inset: -0.5px 10px auto; border-top: 1px solid var(--line); }
.side__foot > .app-version b { padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 10%, var(--panel)); font-size: 11px; }
.side__foot > .disk-state { justify-content: flex-start; width: auto; margin: 2px 10px 6px; padding: 6px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; font-size: 11.5px; font-weight: 500; text-align: left; }
/* 4.1.38: Postavke → Aktuelna verzija (izmjene iz RELEASE-NOTES.md) */
.novosti-ver { margin-left: 6px; padding: 2px 9px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 10%, var(--panel)); color: var(--accent); font-family: var(--body-font); font-size: 12px; font-weight: 700; vertical-align: 2px; }
#novostiSum { margin: 0 0 10px; }
.novosti-ver-blok { border-top: 1px solid var(--line); padding: 10px 0; }
.novosti-ver-blok > summary { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; }
.novosti-ver-blok > summary > span:not(.pill) { color: var(--dim); font-size: 12px; }
.novosti-ver-blok ul { margin: 8px 0 2px; padding-left: 18px; display: grid; gap: 6px; }
.novosti-ver-blok li { font-size: 13px; line-height: 1.5; }
.novosti-ver-blok li.novosti-sub { margin-left: 16px; list-style: circle; }
.novosti-ver-blok p { margin: 8px 0 0; font-size: 13px; }
.novosti-ver-blok code { font-size: 12px; }
/* 4.1.40: Dokumenti → Ukloni duplikate */
#docsDedupe b { margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: color-mix(in srgb, var(--warn) 16%, var(--panel)); color: var(--warn); font-size: 11px; }
.dedupe-list { max-height: 50vh; overflow: auto; margin: 10px 0 14px; padding: 0; list-style: none; display: grid; gap: 8px; }
.dedupe-list li { display: grid; gap: 2px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; font-size: 13px; overflow-wrap: anywhere; }
.dedupe-list small { color: var(--dim); font-size: 11.5px; }
/* 4.1.41: Početna — lista obaveza za mjesec, brze radnje, dodatni moduli (uskoro) */
#view-pregled > [hidden] { display: none; }
.tasks-card .card-box__head { align-items: flex-start; margin-bottom: 8px; }
.tasks-card .section-title { margin: 0; }
.tasks-card .section-title::first-letter { text-transform: uppercase; }
.tasks-rok { margin: 4px 0 0; font-size: 12.5px; color: var(--dim); }
.tasks-rok b { color: var(--text); }
.tasks-progress { height: 6px; border-radius: 999px; background: var(--panel-2); overflow: hidden; }
.tasks-progress i { display: block; height: 100%; border-radius: inherit; background: var(--accent); transition: width .3s var(--ease); }
.tasks-progress.is-done i { background: var(--limeta); }
.tasks-sum { margin: 8px 0 10px; font-size: 12px; color: var(--dim); }
.tasks-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.task { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; }
.task[data-task-go] { cursor: pointer; transition: background .15s var(--ease), border-color .15s var(--ease); }
.task[data-task-go]:hover { background: color-mix(in srgb, var(--accent) 5%, var(--panel)); border-color: color-mix(in srgb, var(--accent) 30%, var(--line)); }
.task__check { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--line-2); font-size: 12px; font-weight: 700; }
.task.is-ok .task__check { border-color: var(--limeta-tekst); background: var(--limeta-meko); color: var(--limeta-tekst); }
.task__txt { flex: 1; display: grid; gap: 2px; min-width: 0; }
.task__txt b { font-size: 13.5px; font-weight: 600; }
.task.is-ok .task__txt b { color: var(--dim); font-weight: 500; }
.task__txt small { font-size: 11.5px; color: var(--dim); }
.task__go { color: var(--accent); }
.quick-actions { display: grid; gap: var(--home-gap); align-content: start; }
.quick { display: flex; align-items: center; gap: 14px; width: 100%; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--r); background: var(--panel); box-shadow: var(--shadow); color: var(--text); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s var(--ease), transform .15s var(--ease); }
.quick:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); transform: translateY(-1px); }
.quick__ico { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: color-mix(in srgb, var(--accent) 10%, var(--panel)); color: var(--accent); }
.quick__ico svg { width: 22px; height: 22px; }
.quick--lime .quick__ico { background: var(--limeta); color: var(--on-limeta); }
.quick__txt { flex: 1; display: grid; gap: 2px; }
.quick__txt b { font-family: var(--head); font-size: 15px; font-weight: 600; }
.quick__txt small { font-size: 12.5px; color: var(--dim); }
.quick__arrow { color: var(--accent); font-size: 18px; transition: transform .15s var(--ease); }
.quick:hover .quick__arrow { transform: translateX(3px); }
.home-modules { margin: 0 0 var(--home-gap); }
.home-modules__title { margin: 0 0 10px; font-size: 15px; }
.home-modules__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: var(--home-gap); }
.module-tile { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px dashed var(--line-2); border-radius: var(--r); background: color-mix(in srgb, var(--panel) 60%, transparent); cursor: default; }
.module-tile__ico { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--panel-2); color: var(--dim); }
.module-tile__ico svg { width: 20px; height: 20px; }
.module-tile__txt { display: grid; gap: 3px; }
.module-tile__txt b { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; font-weight: 600; color: var(--text); }
.module-tile__txt small { font-size: 12px; color: var(--dim); line-height: 1.4; }
.module-soon { padding: 1px 8px; font-size: 10.5px; font-weight: 700; background: color-mix(in srgb, var(--accent) 10%, var(--panel)); color: var(--accent); }
.home-stack > .home-modules { margin: 4px 0 0; }
.home-stack .home-modules__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.home-stack .module-tile { padding: 10px 12px; gap: 10px; }
.home-stack .module-tile__ico { width: 30px; height: 30px; border-radius: 8px; }
.home-stack .module-tile__ico svg { width: 17px; height: 17px; }
.home-stack .module-tile__txt b { font-size: 12.5px; gap: 6px; }
.home-stack .module-tile__txt small { font-size: 11px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-stack .quick { padding: 13px 16px; }
@media (max-width: 599px) { .home-stack .home-modules__grid { grid-template-columns: minmax(0, 1fr); } }
/* 4.1.42/4.1.43: lista obaveza — rok 10., stanje „sve urađeno“ */
.tasks-year { margin-left: 4px; font-family: var(--body-font); font-size: .7em; font-weight: 500; color: var(--faint); letter-spacing: 0; }
.tasks-head-side { display: flex; align-items: flex-start; gap: 12px; }
.tasks-rok.is-done { text-decoration: line-through; text-decoration-color: var(--limeta-tekst); text-decoration-thickness: 2px; }
.task.is-ok { border-color: color-mix(in srgb, var(--limeta-tekst) 45%, var(--line)); }
/* 4.1.44: lista obaveza — dvije obavezne stavke, ispod „Korisno provjeriti“ manje */
.tasks-sub { margin: 8px 0 0; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); list-style: none; }
.task--sm { padding: 7px 12px; }
.task--sm .task__check { width: 18px; height: 18px; font-size: 10px; }
.task--sm .task__txt b { font-size: 12.5px; font-weight: 500; }
.task--sm .task__txt small { font-size: 11px; }
/* 4.1.45: krug je dugme za ručno štikliranje */
button.task__check { padding: 0; background: var(--panel); color: var(--limeta-tekst); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: border-color .15s var(--ease), background .15s var(--ease); }
button.task__check:hover { border-color: var(--limeta-tekst); background: var(--limeta-meko); }
.task.is-ok button.task__check { border-color: var(--limeta-tekst); background: var(--limeta-meko); }
/* 4.1.46: Rashodi — okvir za račune (prevuci/odaberi) + Telegram; Postavke → Telegram */
.expense-drop { margin: 0 0 14px; border: 1px dashed color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: var(--r); background: var(--panel); overflow: hidden; }
.expense-drop__zone { display: flex; align-items: center; gap: 14px; padding: 16px 18px; cursor: pointer; background: color-mix(in srgb, var(--accent) 3%, var(--panel)); transition: background .15s var(--ease); }
.expense-drop__zone:hover, .expense-drop__zone.is-over { background: color-mix(in srgb, var(--accent) 9%, var(--panel)); }
.expense-drop__ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: color-mix(in srgb, var(--accent) 10%, var(--panel)); color: var(--accent); }
.expense-drop__ico svg { width: 22px; height: 22px; }
.expense-drop__zone b { display: block; font-family: var(--head); font-size: 15px; font-weight: 600; color: var(--text); }
.expense-drop__zone small { display: block; margin-top: 3px; font-size: 12.5px; color: var(--dim); }
.expense-drop__via { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 18px; border-top: 1px dashed var(--line); font-size: 12px; color: var(--faint); }
.expense-drop__tg { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; color: var(--accent); }
.expense-drop__tg svg { width: 15px; height: 15px; }
/* 4.1.55: „Uslikaj“ samo na uređajima s ekranom na dodir (telefon, tablet) */
.expense-drop__cam { display: none; }
.expense-drop__cam svg { width: 18px; height: 18px; }
@media (pointer: coarse) { .expense-drop .expense-drop__cam { display: flex; order: -1; flex: 1 0 100%; align-items: center; justify-content: center; gap: 8px; min-height: 46px; } }
.expense-drop__tg.is-linked::after { content: "povezano"; margin-left: 2px; padding: 1px 6px; border-radius: 999px; background: var(--limeta-meko); color: var(--limeta-tekst); font-size: 10.5px; font-weight: 700; }
.expense-inbox { display: grid; gap: 6px; padding: 10px 18px 14px; border-top: 1px solid var(--line); }
.expense-inbox__title { margin: 0 0 2px; font-size: 12px; font-weight: 600; color: var(--dim); }
.expense-inbox__title b { margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: color-mix(in srgb, var(--warn) 16%, var(--panel)); color: var(--warn); }
.expense-inbox__row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; }
.expense-inbox__txt { flex: 1; display: grid; gap: 2px; min-width: 0; }
.expense-inbox__txt b { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.expense-inbox__txt small { font-size: 11.5px; color: var(--dim); }
.tg-steps { margin: 8px 0 12px; padding-left: 20px; display: grid; gap: 6px; font-size: 13px; line-height: 1.5; }
.tg-token { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.tg-token .fld { flex: 1 1 240px; margin: 0; }
#telegramBox .actions .btn svg { width: 16px; height: 16px; vertical-align: -3px; }
.tg-dialog__ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: color-mix(in srgb, var(--accent) 10%, var(--panel)); color: var(--accent); margin-bottom: 10px; }
.tg-dialog__ico svg { width: 22px; height: 22px; }
.expense-inbox__row--pick { flex-wrap: wrap; }
.expense-inbox__kinds { display: flex; flex-wrap: wrap; gap: 6px; }
/* 4.1.49: Početna — obavijest „Telegram · čeka pregled“; okvir za fajlove i u Fakturama, Banci, Ugovorima, Dokumentima */
#view-pregled > .tg-notice:not([hidden]) { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0 0 var(--home-gap); padding: 14px 18px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: var(--r); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); box-shadow: var(--shadow); }
.tg-notice__ico { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--accent); color: var(--panel); }
.tg-notice__ico svg { width: 20px; height: 20px; }
.tg-notice__txt { flex: 1 1 220px; display: grid; gap: 2px; min-width: 0; }
.tg-notice__txt b { font-family: var(--head); font-size: 15px; font-weight: 600; color: var(--text); }
.tg-notice__txt small { font-size: 12.5px; color: var(--dim); }
.tg-notice__go { display: flex; flex-wrap: wrap; gap: 8px; }
.tg-notice__go b { margin-left: 4px; }
.view > .expense-drop { margin-top: 0; }
/* 4.1.52: Početna — obavijest o dospijeću ulaznih računa */
#view-pregled > .due-notice:not([hidden]) { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; margin: 0 0 var(--home-gap); padding: 14px 18px; border: 1px solid color-mix(in srgb, var(--warn) 40%, var(--line)); border-radius: var(--r); background: color-mix(in srgb, var(--warn) 7%, var(--panel)); box-shadow: var(--shadow); }
#view-pregled > .due-notice.is-late { border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); background: color-mix(in srgb, var(--danger) 6%, var(--panel)); }
.due-notice__ico { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: color-mix(in srgb, var(--warn) 18%, var(--panel)); color: var(--warn); font-weight: 800; }
.due-notice.is-late .due-notice__ico { background: color-mix(in srgb, var(--danger) 15%, var(--panel)); color: var(--danger); }
.due-notice__body { flex: 1 1 280px; min-width: 0; }
.due-notice__body > b { font-family: var(--head); font-size: 15px; font-weight: 600; color: var(--text); }
.due-notice__body ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 13px; color: var(--dim); }
.due-notice__body li b { color: var(--text); }
.due-notice__body .link-btn { min-height: 0; padding: 0; font-weight: 600; text-decoration: none; }
.due-notice > .btn { align-self: center; }

/* 4.1.56: Banka — opis knjiženja (kako je stavka proknjižena) i promjena na licu mjesta */
.bnk-booked { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.bnk-change { display: grid; gap: 8px; max-width: 360px; }
.bnk-change .bnk-sel { width: 100%; }
.bnk-change__btns { display: flex; gap: 6px; }

/* Veza s CMS-om: nalozi za fakture na Početnoj (isti okvir kao Telegram obavijest) */
#view-pregled > .cms-notice:not([hidden]) { align-items: flex-start; }
.cms-notice__list { flex: 1 1 100%; display: grid; gap: 8px; }
.cms-notice__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px 12px; border-radius: 10px; background: var(--panel); font-size: 13.5px; color: var(--dim); }
.cms-notice__row b { color: var(--text); font-weight: 600; }