/* CZIS V2.6 Platform Standardization — additive compatibility layer.
   Purpose: central brand tokens, readability, focus, component consistency.
   It intentionally does not remove legacy selectors in V2.6.0. */
:root{
  --czis-blue:#015BF1;
  --czis-azure:#038FF9;
  --czis-cyan:#16C1F9;
  --czis-light-cyan:#B8F5FA;
  --czis-navy:#051630;
  --czis-white:#FFFFFF;
  --czis-black:#000000;
  --czis-brand-primary:var(--czis-blue);
  --czis-brand-accent:var(--czis-azure);
  --czis-brand-background:var(--czis-navy);
  --czis-v26-text:#F4F7FB;
  --czis-v26-muted:#B6C3D4;
  --czis-v26-border:#29435F;
  --czis-v26-surface:#081C31;
  --czis-v26-surface-2:#0C2642;
  --czis-v26-focus:#B8F5FA;
  --czis-v26-success:#59D691;
  --czis-v26-warning:#FFD36A;
  --czis-v26-danger:#FF7B83;
  --czis-v26-info:#79B7FF;
  --czis-space-1:.25rem;
  --czis-space-2:.5rem;
  --czis-space-3:.75rem;
  --czis-space-4:1rem;
  --czis-space-5:1.25rem;
  --czis-space-6:1.5rem;
  --czis-space-8:2rem;
  --czis-space-10:2.5rem;
  --czis-radius-sm:8px;
  --czis-radius-md:12px;
  --czis-radius-lg:16px;
  --czis-control-height:42px;
  --czis-content-measure:68ch;
}

html{font-size:16px;scroll-behavior:smooth}
body{font-size:1rem;line-height:1.55}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}

/* Canonical CZIS brand rendering. No filters, recoloring or logo shadows. */
.czis-logo-standard,.czis-logo-pocetna,.czis-brand .czis-logo-standard,.znak{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:42px!important;
  height:42px!important;
  background:transparent url('/assets/brand/czis/logo/CZIS-logo-micro-white.svg') center/contain no-repeat!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:none!important;
}
.czis-auth .czis-logo-standard,.czis-auth .czis-logo-pocetna,
.czis-brand-pocetna .czis-logo-standard,.czis-brand-pocetna .czis-logo-pocetna{
  width:152px!important;height:152px!important;
  background-image:url('/assets/brand/czis/logo/CZIS-logo-openwork-login-320.png')!important;
}
.czis-brand img[src*="czis-logo.svg"],.czis-admin-brand-v241 img{
  width:42px!important;height:42px!important;object-fit:contain!important;filter:none!important;
}

/* Readability baseline */
p,li{line-height:1.65}
.czis-tijelo,.tijelo,.czis-course p{max-width:var(--czis-content-measure)}
small,.pomoc,.czis-brand small,.czis-admin-context-v241 small{font-size:.8125rem!important;line-height:1.45!important}
.czis-tablica th,.czis-tablica td{font-size:.875rem!important;line-height:1.45!important}
.czis-tablica thead th{font-size:.8125rem!important;letter-spacing:.015em}

/* Controls */
.gumb,button,input,select,textarea{font-size:.875rem}
.gumb,button{min-height:var(--czis-control-height)}
input,select,textarea{min-height:var(--czis-control-height)}
.gumb{border-radius:var(--czis-radius-sm)!important}
.gumb.glavni{background:var(--czis-brand-primary)!important;border-color:var(--czis-brand-primary)!important;color:#fff!important}
.gumb.glavni:hover{background:#0A67F4!important;border-color:#0A67F4!important}

/* Clear and predictable keyboard focus */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--czis-v26-focus)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}

/* Statuses must remain readable without relying on color alone. */
.czis-status{font-size:.8125rem!important;font-weight:700!important;line-height:1.25!important}

/* Admin: reduce density, improve scanning. */
body.czis-admin-ui-v241{--admin-side:240px!important;--admin-line:var(--czis-v26-border)!important;--admin-panel:var(--czis-v26-surface)!important;--admin-panel-2:var(--czis-v26-surface-2)!important;--admin-muted:var(--czis-v26-muted)!important;--admin-blue:var(--czis-blue)!important;--admin-blue-soft:#8DBFFF!important}
body.czis-admin-ui-v241 .czis-admin-sidebar-v241{padding:18px 14px 20px!important;background:linear-gradient(180deg,#071E38 0%,#06182D 54%,var(--czis-navy) 100%)!important}
.czis-admin-brand-v241{min-height:58px!important;gap:12px!important}
.czis-admin-brand-v241 img{width:40px!important;height:40px!important}
.czis-admin-brand-v241 strong{font-size:.9375rem!important}
.czis-admin-brand-v241 small{font-size:.75rem!important}
.czis-admin-side-nav-v241 section>b{font-size:.6875rem!important;letter-spacing:.08em!important}
.czis-admin-side-nav-v241 a{min-height:44px!important;font-size:.875rem!important}
.czis-admin-page-title-v241 h1{font-size:clamp(1.65rem,2.4vw,2.15rem)!important}
.czis-admin-page-title-v241 p{font-size:.875rem!important;max-width:72ch}
body.czis-admin-ui-v241 .czis-kartica{padding:24px!important}
body.czis-admin-ui-v241 .czis-tablica-wrap{overflow:auto}
body.czis-admin-ui-v241 .czis-tablica tbody tr:focus-within td{background:#0D2947!important}

/* Alerts */
.czis-alert{border-radius:var(--czis-radius-md)!important;font-size:.875rem!important;line-height:1.55!important}

/* Forms: keep labels visible and make help text readable. */
.czis-polje label{display:block;font-size:.875rem!important;font-weight:700!important;margin-bottom:.45rem}
.czis-polje .pomoc{color:var(--czis-v26-muted)!important;margin-top:.4rem}

/* Tables and lists */
.czis-tablica-wrap{border-radius:var(--czis-radius-md)!important}
.czis-tablica th,.czis-tablica td{padding:13px 14px!important;vertical-align:middle!important}

/* Touch targets */
.czis-nav a,.czis-admin-side-nav-v241 a,.czis-admin-tenant-tabs-v241 a{min-height:44px}

/* Reduced motion is a platform-level preference. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

@media (max-width:760px){
  .czis-stranica{width:min(100% - 24px,1180px)!important;padding-top:18px!important}
  .czis-auth{width:min(100% - 24px,560px)!important;margin-top:4vh!important}
  .czis-auth .czis-logo-standard,.czis-auth .czis-logo-pocetna,
  .czis-brand-pocetna .czis-logo-standard,.czis-brand-pocetna .czis-logo-pocetna{width:124px!important;height:124px!important}
  .czis-tablica th,.czis-tablica td{padding:11px 12px!important}
}


/* V2.6.2 login refinement: one cohesive first-screen composition. */
.czis-auth-pocetna{
  width:min(100% - 32px,600px)!important;
  margin:clamp(18px,3.2vh,38px) auto 36px!important;
}
.czis-auth-pocetna>.czis-brand,.czis-brand-pocetna{margin-bottom:18px!important}
.czis-auth-pocetna .czis-kartica{padding:clamp(24px,3vw,34px)!important}
.czis-auth-pocetna .czis-akcije-pocetna{margin-top:20px!important}
.czis-privacy-links{font-size:.8125rem!important;line-height:1.45}
@media (max-width:760px){
  .czis-auth-pocetna{margin:18px auto 28px!important}
  .czis-auth-pocetna>.czis-brand,.czis-brand-pocetna{margin-bottom:14px!important}
}