/* ——— Roboto (offline, woff2 у /fonts) ——— */
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/roboto-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-400-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/roboto-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-500-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-ext-500-normal.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/roboto-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-700-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-ext-700-normal.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('../fonts/roboto-latin-800-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-800-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('../fonts/roboto-cyrillic-ext-800-normal.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ==========================================================================
   app.css v2 — lraspored redizajn
   Cilja ISKLJUCIVO nove lr-* klase + par kozmetickih dorada.
   Ne dira tabele kalendara, filtera ni admin CRUD tabele.
   Ucitava se POSLE js/style.css.
   ========================================================================== */
:root{
  /* ——— БОЈЕ ——— */
  --lr-blue:#3d73a2;
  --lr-blue-dark:#2c5478;
  --lr-line:#dfe5ea;
  --lr-bg:#eef1f4;
  --lr-hover:#eef4f8;
  --lr-radius:14px;

  /* ——— ПАНЕЛИ (оквир + сенка) ——— */
  --lr-panel-border:1px solid #e6ecf1;
  --lr-panel-shadow:0 6px 20px rgba(20,40,70,.10), 0 1px 3px rgba(20,40,70,.06);

  /* ——— ФОНТ ——— промени овде једним потезом ——— */
  --lr-font:"Roboto", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}


body{ background-color:var(--lr-bg); font-family:var(--lr-font); }

/* примени фонт на цео lr-* UI (не дира калéндар/native виџете који имају свој) */
.lr-wrap, .lr-side, .lr-main,
.lr-adm-wrap, .lr-adm-side, .lr-adm-main,
.lr-login, .lr-beleske, .lr-weeknav,
.lr-adm-topbar, .lr-combo,
.lr-side input, .lr-side select, .lr-side button,
.lr-main input, .lr-main select, .lr-main button{
  font-family:var(--lr-font);
}

/* ---------------- skelet: sidebar + sadrzaj ---------------- */
.lr-wrap{
  display:flex;
  align-items:flex-start;
  gap:16px;
  max-width:1400px;
  margin:0 auto;
  padding:12px;
}
.lr-side{
  flex:0 0 320px;
  max-width:320px;
  border:var(--lr-panel-border);
  border-radius:var(--lr-radius);
  overflow:hidden;
  background:#fff;
  box-shadow:var(--lr-panel-shadow);
}
.lr-side img,
.lr-side table{ max-width:100%; }
.lr-main{
  flex:1 1 auto;
  min-width:0;                 /* dozvoli skupljanje ispod sadrzaja */
  background:#fff;
  border:var(--lr-panel-border);
  border-radius:var(--lr-radius);
  padding:8px 16px 24px;
  box-shadow:var(--lr-panel-shadow);
}
.lr-content-top,.lr-content-body{ width:100%; }
.lr-panel{ width:100%; }

@media (max-width: 991px){
  .lr-wrap{ flex-direction:column; padding:8px; }
  .lr-main{ order:1; width:100%; padding:6px 10px 18px; }
  .lr-side{ order:2; flex:1 1 auto; width:100%; max-width:none; }
}

/* ---------------- naslov sale ---------------- */
.lr-sala{
  background:var(--lr-blue);
  border-radius:8px 8px 0 0;
  padding:8px 14px;
  margin-top:22px;
}
.lr-sala a,
.lr-sala a:link,
.lr-sala a:visited,
.lr-sala a:hover{
  color:#fff !important;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:13px !important;
}

/* ---------------- red termina ---------------- */
.lr-red{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2px 14px;
  padding:7px 12px;
  background:#fff;
  transition:background-color .12s ease;
  /* pregazimo stare .borderOn/.borderOff bordere (bili beli top + teget bottom) */
  border-top:none !important;
  border-bottom:1px solid var(--lr-line) !important;
}
.lr-red.borderOn{ background:var(--lr-hover); }

.lr-c-vreme{
  flex:0 0 auto;
  min-width:112px;
  white-space:nowrap;
}
.lr-c-predmet{
  flex:1 1 260px;
  min-width:200px;
  overflow-wrap:anywhere;
}
.lr-c-tip{
  flex:0 0 auto;
  margin-left:auto;            /* gura tip + dugmad na desnu ivicu */
  color:#5a6570;
}
.lr-c-akcija{ flex:0 0 auto; }

/* bedz studijskog programa (okvirtext_N zadrzava svoju boju iz style.css) */
.lr-c-akcija > div{
  min-width:46px;
  padding:2px 8px;
  text-align:center;
  border-radius:6px;
  cursor:pointer;
  line-height:1.5;
}
/* admin dugmad */
.lr-red a.dugme_komanda{
  display:inline-block;
  border-radius:6px;
  line-height:1.5;
}

/* slobodni / ukrsteni termini — malo prigusenije */
.lr-red.lr-prazno{ background:#fbfcfd; }
.lr-red.lr-prazno.borderOn{ background:var(--lr-hover); }

/* ---------------- mobilni prelom reda ----------------
   1. linija:  vreme ................. tip  [bedz][+/-][X]
   2. linija:  naziv predmeta (puna sirina)               */
@media (max-width: 640px){
  .lr-red{ padding:9px 8px; }
  .lr-c-vreme  { order:1; min-width:0; }
  .lr-c-tip    { order:2; }
  .lr-c-akcija { order:3; }
  .lr-c-predmet{ order:4; flex-basis:100%; min-width:0; }
  .lr-sala{ margin-top:16px; }
}

/* datum-fleka: samo da ne pravi horizontalni scroll */
.datum_fleka{ max-width:100%; margin-top:22px; }

/* ==========================================================================
   v3 DODACI — topbar meni, sidebar akordeon, kalendar, nedelje, mobilni FAB
   ========================================================================== */

/* ---------------- TOPBAR MENI (АКАДЕМСКИ КАЛЕНДАР / опције) ---------------- */
.lr-topbar{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 4px 14px;
  border-bottom:1px solid var(--lr-line);
  margin-bottom:10px;
}
.lr-burger{
  width:40px;height:36px;
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  padding:0 9px;
  background:var(--lr-blue);
  border:none;border-radius:8px;
  cursor:pointer;
  transition:background .12s;
}
.lr-burger span{ transition:transform .2s ease, opacity .15s ease; }
[aria-expanded="true"].lr-burger span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
[aria-expanded="true"].lr-burger span:nth-child(2){ opacity:0; }
[aria-expanded="true"].lr-burger span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
.lr-burger:hover{ background:var(--lr-blue-dark); }
.lr-burger span{
  display:block;height:3px;border-radius:2px;background:#fff;
}
.lr-topbar-title{
  font-family:Arial,sans-serif;
  font-weight:bold;font-size:16px;letter-spacing:.06em;
  color:#2b3540;cursor:pointer;user-select:none;
}

/* --- brend zaglavlje: "АК" лого + наслов + поднаслов --- */
.lr-brand-logo{
  flex:0 0 auto;
  width:38px;height:38px;
  display:grid;place-items:center;
  background:var(--lr-blue);color:#fff;
  border-radius:10px;
  font-family:Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em;
}
.lr-brand-text{
  display:flex;flex-direction:column;
  font-family:Arial,sans-serif;
  font-weight:700;font-size:14px;letter-spacing:.06em;
  color:#22303c;line-height:1.25;
  min-width:0;
}
.lr-brand-text small{
  font-weight:400;font-size:11px;letter-spacing:.01em;
  color:#5a6b7b;margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* --- дугме за скупљање/ширење левог панела (десктоп) --- */
.lr-side-toggle{
  flex:0 0 auto;
  margin-left:auto;               /* гурни на десну ивицу топбара */
  width:34px;height:34px;
  display:grid;place-items:center;
  background:transparent;
  border:1px solid var(--lr-line);border-radius:8px;
  color:#5a6b7b;cursor:pointer;
  transition:background .12s, color .12s, border-color .12s;
}
.lr-side-toggle svg{ width:19px;height:19px; }
.lr-side-toggle:hover{
  background:var(--lr-hover);
  border-color:var(--lr-blue);
  color:var(--lr-blue-dark);
}
.lr-side-toggle[aria-expanded="false"]{
  background:var(--lr-blue);border-color:var(--lr-blue);color:#fff;
}
@media (max-width: 991px){ .lr-side-toggle{ display:none; } }   /* на мобилном служи хамбургер+FAB */

/* --- десктоп: скупљен леви панел --- */
@media (min-width: 992px){
  .lr-wrap.lr-collapsed .lr-side{
    flex-basis:0;width:0;max-width:0;
    padding:0;border-width:0;
    opacity:0;pointer-events:none;
    overflow:hidden;
    transition:flex-basis .2s ease, max-width .2s ease, opacity .15s ease;
  }
  .lr-side{ transition:flex-basis .2s ease, max-width .2s ease; }
}


/* ---------------- SIDEBAR = AKORDEON ---------------- */
.lr-side{ background:#fff; }
.lr-side form > table{ width:100%; table-layout:fixed; border-collapse:collapse; }
/* naslovi sekcija (po sali / po danu / po datumu ...) */
.lr-side td.filteri_naziv{
  background:#f2f5f8 !important;
  border-top:1px solid var(--lr-line);
  height:42px !important;
  cursor:pointer;
  transition:background .12s;
}
.lr-side td.filteri_naziv:hover{ background:var(--lr-hover) !important; }
.lr-side td.filteri_naziv .filter_text{
  font-size:12px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#3c4a58;
}
/* sadrzaj sekcija */
.lr-side td.filteri_combo,
.lr-side td[bgcolor="#8090AB"]{
  background:#fbfcfd !important;
  background-image:none !important;
  padding:10px 8px !important;
  white-space:normal !important;
}
/* select i input polja */
.lr-side select.padmeni,
.lr-side input.padmeni{
  width:100% !important;
  max-width:210px;
  padding:6px 8px;
  border:1px solid #c6cfd8 !important;
  border-radius:8px !important;
  background:#fff !important;
  font-size:13px;
}
.lr-side select.padmeni:focus,
.lr-side input.padmeni:focus{
  outline:none;border-color:var(--lr-blue) !important;
  box-shadow:0 0 0 3px rgba(61,115,162,.15);
}
.lr-side input.padmeni{ width:72px !important; }
/* X dugmici za brisanje filtera */
.lr-side a.XMeniNaslov{
  display:inline-block;
  width:22px;height:22px;line-height:20px;
  text-align:center;
  border:1px solid #c6cfd8;border-radius:50%;
  font-size:12px !important;color:#7c8894 !important;
  vertical-align:middle;
}
.lr-side a.XMeniNaslov:hover{
  border-color:#cc0033;color:#cc0033 !important;background:#fff0f3;
}
/* zaglavlje "ПРЕТРАЖИ" */
.lr-side td[height="120"]{
  height:auto !important;
  padding:14px 8px 6px !important;
  background:#fff !important;
}

/* ---------------- KALENDAR (jQuery UI datepicker, inline #kalendar) ------- */
#kalendar .ui-datepicker{
  width:100% !important;
  padding:0;
  border:1px solid var(--lr-line);
  border-radius:10px;
  background:#fff;
  font-family:Arial,sans-serif;
  box-shadow:0 1px 3px rgba(20,30,40,.08);
  overflow:hidden;
}
#kalendar .ui-datepicker .ui-datepicker-header{
  background:var(--lr-blue);
  border:none;border-radius:0;
  color:#fff;
  padding:6px 0;
}
#kalendar .ui-datepicker .ui-datepicker-title{ color:#fff;font-size:13px; }
#kalendar .ui-datepicker .ui-datepicker-prev,
#kalendar .ui-datepicker .ui-datepicker-next{
  background:transparent;border:none;cursor:pointer;top:4px;
}
#kalendar .ui-datepicker .ui-datepicker-prev:hover,
#kalendar .ui-datepicker .ui-datepicker-next:hover{
  background:rgba(255,255,255,.18);border:none;
}
#kalendar .ui-datepicker table{ margin:4px 0 2px;font-size:13px; }
#kalendar .ui-datepicker th{
  color:#7c8894;font-weight:bold;text-transform:lowercase;padding:4px 0;
}
#kalendar .ui-datepicker td{ padding:1px; }
#kalendar .ui-datepicker td .ui-state-default{
  background:transparent;border:1px solid transparent;
  border-radius:50%;
  width:30px;height:30px;line-height:28px;
  margin:0 auto;padding:0;
  text-align:center;color:#2b3540;
}
#kalendar .ui-datepicker td .ui-state-default:hover{
  background:var(--lr-hover);border-color:var(--lr-blue);
}
#kalendar .ui-datepicker td .ui-state-active{
  background:var(--lr-blue);border-color:var(--lr-blue);color:#fff;
}
#kalendar .ui-datepicker td .ui-state-highlight{
  background:#fff;border-color:#e0a544;color:#b06a00;
}
#kalendar .ui-datepicker td.ui-datepicker-other-month .ui-state-default{ color:#c2cad2; }

/* ---------------- DUGMAD ZA NEDELJE (1-15) ---------------- */
.lr-main td.okvirtext_nedelje,
.lr-main td.okvirtext_n{
  background:#fff !important;
  background-image:none !important;
  border:1px solid #c6cfd8 !important;
  border-radius:8px !important;
  transition:all .12s;
}
.lr-main td.okvirtext_nedelje:hover{
  border-color:var(--lr-blue) !important;
  background:var(--lr-hover) !important;
}
.lr-main td.okvirtext_n{           /* aktivna nedelja */
  background:var(--lr-blue) !important;
  border-color:var(--lr-blue) !important;
}
.lr-main td.okvirtext_n a, .lr-main td.okvirtext_n a b{ color:#fff !important; }

/* ---------------- MOBILNI: FAB "Филтери" + sklopivi sidebar ---------------- */
.lr-filter-fab{ display:none; }
@media (max-width: 991px){
  .lr-side{ display:none; }
  .lr-side.lr-open{ display:block; }
  .lr-filter-fab{
    display:flex;align-items:center;gap:8px;
    position:fixed;right:14px;bottom:14px;z-index:99999;
    background:var(--lr-blue);color:#fff;
    border:none;border-radius:999px;
    padding:12px 18px;
    font-family:Arial,sans-serif;font-size:14px;font-weight:bold;
    box-shadow:0 6px 18px rgba(20,30,40,.3);
    cursor:pointer;
  }
  .lr-filter-fab:active{ background:var(--lr-blue-dark); }
  .lr-topbar-title{ font-size:14px; }
  .lr-burger{ display:flex; }
}

/* ikonica u FAB dugmetu (bez unicode znaka, cp1251-safe) */
.lr-fab-ico{ display:inline-flex;flex-direction:column;gap:3px;margin-right:4px; }
.lr-fab-ico span{ display:block;width:16px;height:2px;background:#fff;border-radius:2px; }

/* ==========================================================================
   v3.1 POPRAVKE — visina comba, kompaktni +/- i X, mobilni filteri
   ========================================================================== */

/* 1) SELECT/INPUT: stari .padmeni ima height:25px pa novi padding sece tekst */
.lr-side select.padmeni,
.lr-side input.padmeni{
  height:34px !important;
  min-width:0 !important;
  line-height:normal !important;
  padding:4px 8px !important;
  text-align:left !important;
  white-space:normal !important;
}
.lr-side input.padmeni{ text-align:center !important; }

/* 2) ADMIN DUGMAD +/- i X: stari .dugme_komanda ima min-width:120px/height:30px
      pa u flex redu postaju ogromni bloкovi — pravimo kompaktne cipove */
.lr-red a.dugme_komanda{
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  padding:3px 9px !important;
  font-size:12px !important;
  border:1px solid #c6cfd8 !important;
  border-radius:6px !important;
  background:#f7f8f5 !important;
  background-image:none !important;
  color:#3c4a58 !important;
  white-space:nowrap;
}
.lr-red a.dugme_komanda:hover{
  border-color:var(--lr-blue) !important;
  background:var(--lr-hover) !important;
  color:var(--lr-blue-dark) !important;
}
/* X dugme crveni hover da se razlikuje od izmene */
.lr-red a.dugme_komanda[title*="збриши"]:hover,
.lr-red a.dugme_komanda[href*="izbrisi"]:hover{
  border-color:#cc0033 !important;
  background:#fff0f3 !important;
  color:#cc0033 !important;
}
/* bedz programa uz njih neka bude iste visine */
.lr-c-akcija > div{
  min-width:44px;
  padding:3px 9px;
  line-height:1.4;
}

/* 3) MOBILNI FILTERI: jaca pravila + otvoren sidebar preko celog ekrana */
@media (max-width: 991px){
  .lr-side{ display:none !important; }
  .lr-side.lr-open{
    display:block !important;
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    width:100% !important;
    max-width:none !important;
    height:100%;
    overflow-y:auto;
    z-index:99998;
    border-radius:0;
    padding-bottom:90px;   /* da FAB ne prekrije poslednju sekciju */
  }
  /* dok su filteri otvoreni FAB postaje "Затвори" — tekst menja JS */
}
.lr-filter-fab em{ font-style:normal; }

/* ==========================================================================
   v3.2 — popup datepicker (#ui-datepicker-div za "за период" od/до polja)
   je iskakao nestilizovan i preklapao sidebar; sada je uredna kartica
   ========================================================================== */
#ui-datepicker-div{
  background:#fff;
  border:1px solid var(--lr-line);
  border-radius:10px;
  box-shadow:0 12px 32px rgba(20,30,40,.22);
  padding:4px;
  z-index:100000 !important;
  font-family:Arial,sans-serif;
}
#ui-datepicker-div .ui-datepicker-header{
  background:var(--lr-blue);
  border:none;border-radius:8px 8px 0 0;
  color:#fff;padding:5px 0;
}
#ui-datepicker-div .ui-datepicker-title{ color:#fff;font-size:13px; }
#ui-datepicker-div th{ color:#7c8894;font-weight:bold;padding:4px 0; }
#ui-datepicker-div td{ padding:1px; }
#ui-datepicker-div td .ui-state-default{
  background:transparent;border:1px solid transparent;border-radius:50%;
  width:26px;height:26px;line-height:24px;margin:0 auto;padding:0;
  text-align:center;color:#2b3540;
}
#ui-datepicker-div td .ui-state-default:hover{
  background:var(--lr-hover);border-color:var(--lr-blue);
}
#ui-datepicker-div td .ui-state-active{
  background:var(--lr-blue);border-color:var(--lr-blue);color:#fff;
}


/* ==========================================================================
   v4 — uklonjen gornji baner (ne uklapa se u novi dizajn)
   ========================================================================== */
.bannner{ display:none !important; }

/* ==========================================================================
   v4 — pretraživi combobox (sala / program-blok / predmet)
   ========================================================================== */
.lr-combo-native{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;border:0;
  clip:rect(0 0 0 0);overflow:hidden;
}
.lr-combo{ position:relative; width:90%; max-width:100%; margin:0 auto; text-align:left; min-width:0; }
.lr-combo-field{
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
  display:flex;align-items:center;gap:8px;
  width:100%;min-height:34px;
  padding:6px 10px;
  background:#fff;
  border:1px solid #c6cfd8;border-radius:8px;
  font:14px/1.3 Arial,sans-serif;color:#22303c;
  cursor:pointer;
}
.lr-combo-field:focus,
.lr-combo.is-open .lr-combo-field{
  outline:none;border-color:var(--lr-blue);
  box-shadow:0 0 0 3px rgba(61,115,162,.15);
}
.lr-combo-text{ flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.lr-combo-text.is-placeholder{ color:#7c8894; }
.lr-combo-caret{
  flex:0 0 auto;width:0;height:0;
  border-left:5px solid transparent;border-right:5px solid transparent;
  border-top:6px solid #5a6b7b;
  transition:transform .15s ease;
}
.lr-combo.is-open .lr-combo-caret{ transform:rotate(180deg); }

.lr-combo-pop{
  display:none;
  position:fixed;
  z-index:100000;
  background:#fff;
  border:1px solid var(--lr-line);border-radius:10px;
  box-shadow:0 12px 30px rgba(20,30,40,.2);
  padding:6px;
  max-height:320px;overflow:hidden;
}
.lr-combo-pop.is-open{ display:block; }
.lr-combo-search{
  width:100%;box-sizing:border-box;
  padding:8px 10px;margin-bottom:6px;
  border:1px solid #dde5ec;border-radius:8px;
  font:14px Arial,sans-serif;color:#22303c;
  background:#f2f5f8;
}
.lr-combo-search:focus{ outline:none;background:#fff;border-color:var(--lr-blue); }
.lr-combo-list{ max-height:250px;overflow-y:auto; }
.lr-combo-opt{
  padding:8px 10px;border-radius:7px;
  font:14px Arial,sans-serif;color:#22303c;
  cursor:pointer;
  white-space:normal;
}
.lr-combo-opt:hover{ background:var(--lr-hover); }
.lr-combo-opt.is-selected{ background:var(--lr-blue-tint,#e9f1f7);font-weight:600;color:var(--lr-blue-dark); }
.lr-combo-empty{ display:none;padding:12px 10px;color:#7c8894;font:13px Arial,sans-serif; }

/* ==========================================================================
   v9 — datum "fleka" bez tabele (CSS grid umesto <table>)
   struktura: <div.datum_fleka.lr-fleka>
                <span.lr-fleka-datum>02.03.</span>
                <span.lr-fleka-godina>2026</span>   (uspravno, desno)
                <span.lr-fleka-dan>понедељак</span>
   ========================================================================== */
.lr-fleka{
  display:grid;
  grid-template-columns:1fr auto;      /* levo tekst, desno godina */
  grid-template-areas:
    "datum godina"
    "dan   godina";
  align-items:center;
  column-gap:8px;
  width:auto;
  min-width:120px;
  max-width:max-content;
  height:auto;
  min-height:44px;
  box-sizing:border-box;
  padding:6px 12px;
  background:var(--lr-blue,#3d73a2);
  border-radius:0 10px 10px 0;         /* zaobljeno gore-desno kao ranije, malo i dole */
  color:#fff;
  font-family:Arial,sans-serif;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
  cursor:pointer;
  line-height:1.15;
}
.lr-fleka .lr-fleka-datum{
  grid-area:datum;
  font-size:18px;font-weight:bold;
  text-align:left;
}
.lr-fleka .lr-fleka-dan{
  grid-area:dan;
  font-size:13px;font-weight:bold;
  text-align:left;
  opacity:.95;
}
.lr-fleka .lr-fleka-godina{
  grid-area:godina;
  writing-mode:vertical-rl;            /* uspravno, moderno (bez transform hakova) */
  transform:rotate(180deg);
  font-size:13px;font-weight:bold;
  align-self:center;justify-self:end;
  opacity:.85;
  letter-spacing:.02em;
}

/* =============================================================
   TOP BAR (admin) + недеље 1–15 (jавно и админ) (ДОДАЈ ТЕРМИНЕ / ИЗЛАЗ) + недеље 1–15
   ============================================================= */
.lr-adm-topbar{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
/* ИЗЛАЗ гурни удесно (ДОДАЈ остаје лево) */
.lr-adm-topbtn-exit{ margin-left:auto; }
/* ujednacena admin dugmad u top baru */
.lr-adm-topbtn,
button.dugmeLink.lr-adm-topbtn,
button.dugmeLink2.lr-adm-topbtn{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--lr-blue,#3d73a2) !important;
  border:1px solid var(--lr-blue,#3d73a2) !important;
  border-radius:8px !important;
  color:#fff !important;
  font:700 13px/1 Arial, sans-serif !important;
  letter-spacing:.02em;
  padding:11px 20px !important;
  height:auto !important; width:auto !important;
  white-space:nowrap;
  cursor:pointer !important;
  transition:background .12s, box-shadow .12s;
}
.lr-adm-topbtn:hover{
  background:var(--lr-blue-dark,#2c5478) !important;
  border-color:var(--lr-blue-dark,#2c5478) !important;
  box-shadow:0 1px 3px rgba(20,30,40,.2) !important;
}
/* ИЗЛАЗ мало другачији (secondary look), али исти облик */
.lr-adm-topbtn-exit{
  background:#fff !important;
  color:var(--lr-blue-dark,#2c5478) !important;
  border:1px solid var(--lr-line,#cfd8e0) !important;
}
.lr-adm-topbtn-exit:hover{
  background:var(--lr-hover,#eef4f8) !important;
  border-color:var(--lr-blue,#3d73a2) !important;
  color:var(--lr-blue-dark,#2c5478) !important;
}

/* недеље 1–15: div квадратићи уместо табеле */
.lr-weeknav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:6px 0 14px;
}
.lr-weeknav .lr-week{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px;
  padding:0 8px;
  border:1px solid var(--lr-line,#dfe5ea);
  border-radius:8px;
  background:#fff;
  color:var(--lr-blue-dark,#2c5478);
  font:600 14px Arial, sans-serif;
  text-decoration:none;
  transition:background .12s, border-color .12s, color .12s, box-shadow .12s;
}
.lr-weeknav .lr-week:hover{
  background:var(--lr-hover,#eef4f8);
  border-color:var(--lr-blue,#3d73a2);
}
/* активна недеља (class_over из PHP-а долази уз .lr-week) */
.lr-weeknav .lr-week b{ font-weight:800; }
.lr-weeknav .lr-week.over,
.lr-weeknav .lr-week.okvirtext_n,
.lr-weeknav .lr-week.izabrananedelja{
  background:var(--lr-blue,#3d73a2);
  border-color:var(--lr-blue,#3d73a2);
  color:#fff;
  box-shadow:0 1px 3px rgba(20,30,40,.18);
}
.lr-weeknav .lr-week.okvirtext_n b{ color:#fff; }
@media (max-width: 560px){
  .lr-weeknav .lr-week{ min-width:34px; height:34px; font-size:13px; }
  .lr-adm-topbtn{ padding:10px 14px !important; }
}



/* =====================================================================
   MODERNIZACIJA LEVE FORME (v11): login, beleške, filter-akordeon
   Učitava se posle postojećih pravila — namerno jači sloj.
   ===================================================================== */

/* ---- ПРЕТРАЖИ zaglavlje ---- */
.lr-side .MeniNaslov18{
  display:block;
  font:800 15px/1.3 "Segoe UI", Arial, sans-serif;
  letter-spacing:.04em;
  color:var(--lr-blue-dark,#2c5478);
}
.lr-side td[height="120"] .filter_text{
  font-size:15px !important; letter-spacing:.1em;
}

/* ---- FILTER SEKCIJE: klik-kartice sa strelicom (kaskadno) ---- */
.lr-side td.filteri_naziv{
  position:relative;
  background:linear-gradient(#ffffff,#f4f7fa) !important;
  border:none !important;
  border-top:1px solid var(--lr-line,#e3e9ef) !important;
  height:46px !important;
  padding:0 34px 0 16px !important;
  text-align:left !important;
}
.lr-side td.filteri_naziv .filter_text{
  font-size:11.5px !important;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#43566a;
}
.lr-side td.filteri_naziv:hover{
  background:linear-gradient(#ffffff,#eaf1f7) !important;
}
.lr-side td.filteri_naziv:hover .filter_text{ color:var(--lr-blue-dark,#2c5478); }
/* strelica desno (chevron) */
.lr-side td.filteri_naziv::after{
  content:"";
  position:absolute; right:16px; top:50%;
  width:8px; height:8px;
  border-right:2px solid #8496a8;
  border-bottom:2px solid #8496a8;
  transform:translateY(-70%) rotate(45deg);
  transition:transform .18s ease, border-color .18s ease;
}
.lr-side td.filteri_naziv:hover::after{ border-color:var(--lr-blue,#3d73a2); }

/* sadrzaj sekcije: mekana kartica */
.lr-side td.filteri_combo,
.lr-side td[bgcolor="#8090AB"]{
  background:#f7fafc !important;
  padding:12px 14px !important;
  border-bottom:1px solid var(--lr-line,#e3e9ef) !important;
}

/* polja */
.lr-side select.padmeni,
.lr-side input.padmeni{
  height:38px !important;
  border:1.5px solid #cdd7e0 !important;
  border-radius:9px !important;
  font-size:13.5px !important;
  transition:border-color .12s, box-shadow .12s;
}
.lr-side select.padmeni{ width:100% !important; max-width:100% !important; }
.lr-side select.padmeni:hover{ border-color:#adbccb !important; }

/* checkbox blok "прикажи:" */
.lr-side #pseudo{
  display:block; margin:6px 0 10px;
  font:700 11.5px/1 Arial,sans-serif; letter-spacing:.07em;
  text-transform:uppercase; color:#43566a;
}
.lr-side input[type="checkbox"]{
  width:17px; height:17px; accent-color:var(--lr-blue,#3d73a2);
  vertical-align:middle; margin-right:4px; cursor:pointer;
}

/* ПОКАЖИ dugme — puna sirina, moderno */
.lr-side #pokazi,
.lr-side input.dugme#pokazi,
.lr-side input[type="submit"].dugme{
  display:block; width:88% !important; margin:14px auto 6px !important;
  height:44px !important;
  background:var(--lr-blue,#3d73a2) !important;
  border:none !important; border-radius:11px !important;
  color:#fff !important; font:800 14px/1 Arial,sans-serif !important;
  letter-spacing:.06em; cursor:pointer !important;
  box-shadow:0 2px 6px rgba(45,84,120,.28) !important;
  transition:background .12s, box-shadow .12s, transform .05s;
}
.lr-side #pokazi:hover{ background:var(--lr-blue-dark,#2c5478) !important; box-shadow:0 3px 10px rgba(45,84,120,.34) !important; }
.lr-side #pokazi:active{ transform:translateY(1px); }

/* ---- LOGIN forma (div, moderna) ---- */
.lr-login{
  margin:8px 12px 14px;
  padding:16px 16px 18px;
  border:1px solid var(--lr-line,#e3e9ef);
  border-radius:14px;
  background:linear-gradient(#ffffff,#f6f9fb);
  box-shadow:inset 0 1px 0 #fff;
}
.lr-login-title{
  text-align:center;
  font:800 14px/1 "Segoe UI",Arial,sans-serif;
  letter-spacing:.08em; text-transform:uppercase;
  color:var(--lr-blue-dark,#2c5478);
  margin-bottom:14px;
}
.lr-login-field{ display:block; margin-bottom:11px; }
.lr-login-lbl{
  display:block; margin-bottom:4px;
  font:600 12px/1 Arial,sans-serif; color:#5b6b7b;
}
.lr-login-inp{
  box-sizing:border-box; width:100%; height:40px;
  padding:8px 11px;
  border:1.5px solid #cdd7e0; border-radius:10px;
  background:#fff; font:14px Arial,sans-serif; color:#22303c;
  transition:border-color .12s, box-shadow .12s;
}
.lr-login-inp:focus{
  outline:none; border-color:var(--lr-blue,#3d73a2);
  box-shadow:0 0 0 3px rgba(61,115,162,.15);
}
.lr-login-btn{
  width:100%; height:42px; margin-top:4px;
  background:var(--lr-blue,#3d73a2); border:none; border-radius:11px;
  color:#fff; font:800 13.5px/1 Arial,sans-serif; letter-spacing:.05em;
  cursor:pointer; transition:background .12s, box-shadow .12s;
  box-shadow:0 2px 6px rgba(45,84,120,.26);
}
.lr-login-btn:hover{ background:var(--lr-blue-dark,#2c5478); }

/* ---- BELEŠKE (div) ---- */
.lr-beleske{
  margin:6px 12px 12px;
  padding:14px 14px 8px;
  border:1px solid var(--lr-line,#e3e9ef);
  border-radius:14px;
  background:#fff;
}
.lr-beleske .MeniNaslov18{
  font:800 13px/1 "Segoe UI",Arial,sans-serif;
  letter-spacing:.08em; text-transform:uppercase;
  color:var(--lr-blue-dark,#2c5478); text-align:center; margin:0 0 8px;
}
.lr-beleske hr.beleske,
.lr-beleske hr{
  border:none; border-top:1px solid var(--lr-line,#eef2f6);
  margin:8px 0;
}
.lr-beleske .MeniNaslov12{
  font:13px/1.5 Arial,sans-serif; color:#3c4a58; margin:6px 0;
}

/* honeypot поље — сакривено од људи, ботови га попуне (не display:none) */
.lr-hp{ position:absolute !important; left:-9999px !important; top:-9999px !important;
  width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.lr-hp input{ pointer-events:none; }