/* ============================================================
   admin.css — zajednički izgled za sve strane admin panela
   (panel, upiti, ponude, zbirni prevoz, kalendar)

   Ranije je svaka strana imala svoju kopiju zaglavlja i svoje boje, pa su
   se razlikovale i teško su se držale u koraku. Sve je sada ovde, a
   zaglavlje crta admin-shell.js iz jednog mesta.
   ============================================================ */

:root{
  --a-bg:        #f4f6f9;
  --a-povrsina:  #ffffff;
  --a-ivica:     #e3e8ef;
  --a-ivica-jaka:#dfe4ec;
  --a-tekst:     #1f2937;
  --a-tekst-tih: #5b6776;
  --a-tekst-bled:#8b96a5;
  --a-navy:      #12233d;
  --a-zelena:    #0f9d76;
  --a-zelena-sv: #e9f9f2;
  --a-plava:     #1c5fbd;
  --a-plava-sv:  #e4f0ff;
  --a-ljubicasta:#5b3fc4;
  --a-ljub-sv:   #efe9ff;
  --a-narandzasta:#b06f00;
  --a-nar-sv:    #fff4e0;
  --a-crvena:    #c22b45;
  --a-crvena-sv: #fdeef0;
  --a-r:         10px;
  --a-r-veliki:  14px;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--a-bg);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--a-tekst);
  font-size:15px;
  line-height:1.55;
}

/* ---------- Zaglavlje ---------- */
.ah{
  background:radial-gradient(115% 165% at 85% -35%,rgba(80,216,175,.28) 0%,rgba(80,216,175,0) 58%),
             linear-gradient(158deg,#1a3455 0%,#0e2038 100%);
  color:#fff;
  position:sticky; top:0; z-index:60;
  border-bottom:1px solid rgba(80,216,175,.22);
}
.ah-in{max-width:1480px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:18px;position:relative}

.ah-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;padding:11px 0;flex-shrink:0}
.ah-brand img{width:34px;height:34px;border-radius:9px;background:#fff;padding:4px;object-fit:contain}
.ah-brand b{font-family:"DM Sans",sans-serif;font-weight:800;font-size:.98rem;letter-spacing:-.2px;line-height:1.15;display:block}
.ah-brand small{display:block;font-weight:500;font-size:.63rem;opacity:.72;letter-spacing:.11em;text-transform:uppercase}

/* navigacija kao kartice — aktivna strana se jasno vidi */
.ah-nav{display:flex;align-items:center;gap:2px;margin-right:auto;overflow-x:auto;scrollbar-width:none}
.ah-nav::-webkit-scrollbar{display:none}
.ah-nav a{
  position:relative;
  display:inline-flex;align-items:center;gap:7px;
  padding:15px 13px;
  font-family:"DM Sans",sans-serif;font-weight:600;font-size:.86rem;
  color:rgba(255,255,255,.72);text-decoration:none;white-space:nowrap;
  border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;
}
.ah-nav a:hover{color:#fff}
.ah-nav a.on{color:#fff;border-bottom-color:#4fd1a5}
.ah-nav a i{font-size:.98rem;opacity:.85}
.ah-nav a .n{
  background:#c22b45;color:#fff;font-size:.65rem;font-weight:800;
  min-width:18px;height:18px;padding:0 5px;border-radius:99px;
  display:inline-flex;align-items:center;justify-content:center;
}

.ah-desno{display:flex;align-items:center;gap:8px;flex-shrink:0}

/* okrugle ikonice (zvono, osvezi) */
.ah-ikona{
  position:relative;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  color:#fff;font-size:.95rem;
}
.ah-ikona:hover{background:rgba(255,255,255,.22)}
.ah-bedz{
  position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;
  border-radius:99px;background:#e8496b;color:#fff;border:2px solid #16304f;
  font-size:.64rem;font-weight:800;display:grid;place-items:center;
}

/* profil sa padajucim menijem */
.ah-profil{position:relative}
.ah-profil-dug{
  display:flex;align-items:center;gap:9px;cursor:pointer;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  border-radius:99px;padding:4px 12px 4px 4px;color:#fff;font-family:inherit;
}
.ah-profil-dug:hover{background:rgba(255,255,255,.22)}
.ah-avatar{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#4fd1a5,#2aa87f);color:#08281d;
  display:grid;place-items:center;font-weight:800;font-size:.86rem;
}
.ah-profil-ime{display:flex;flex-direction:column;line-height:1.15;text-align:left;min-width:0}
.ah-profil-ime b{font-size:.83rem;font-weight:700}
.ah-profil-ime small{font-size:.66rem;opacity:.7;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ah-strelica{font-size:.7rem;opacity:.7}

.ah-meni{
  position:absolute;right:0;top:calc(100% + 9px);min-width:200px;z-index:80;
  background:#fff;border:1px solid var(--a-ivica);border-radius:11px;
  box-shadow:0 12px 30px rgba(16,32,56,.18);overflow:hidden;padding:5px;
}
.ah-meni a,.ah-meni button{
  display:flex;align-items:center;gap:9px;width:100%;
  padding:9px 11px;border:0;background:transparent;border-radius:8px;
  font-family:inherit;font-size:.86rem;font-weight:600;color:var(--a-tekst);
  text-decoration:none;cursor:pointer;text-align:left;
}
.ah-meni a:hover,.ah-meni button:hover{background:#f2f5f9;color:var(--a-navy)}
.ah-meni i{color:var(--a-tekst-bled);font-size:.95rem}
.ah-meni button{color:var(--a-crvena)}
.ah-meni button i{color:var(--a-crvena)}

/* panel zvona */
.ah-obavestenja{
  position:absolute;right:20px;top:calc(100% - 4px);width:min(330px,calc(100vw - 32px));z-index:80;
  background:#fff;border:1px solid var(--a-ivica);border-radius:12px;
  box-shadow:0 14px 34px rgba(16,32,56,.20);overflow:hidden;
}
.ah-ob-vrh{
  padding:11px 15px;font-size:.72rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;color:var(--a-tekst-bled);border-bottom:1px solid var(--a-ivica);
}
.ah-ob-red{
  display:flex;align-items:center;gap:11px;padding:11px 15px;text-decoration:none;
  border-bottom:1px solid #f2f5f9;color:var(--a-tekst);
}
.ah-ob-red:last-child{border-bottom:0}
.ah-ob-red:hover{background:#f7f9fc}
.ah-ob-ik{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:.9rem}
.ah-ob-ik.plava{background:var(--a-plava-sv);color:var(--a-plava)}
.ah-ob-ik.zelena{background:var(--a-zelena-sv);color:#12805a}
.ah-ob-ik.ljubicasta{background:var(--a-ljub-sv);color:var(--a-ljubicasta)}
.ah-ob-ik.narandzasta{background:var(--a-nar-sv);color:var(--a-narandzasta)}
.ah-ob-txt{flex:1;min-width:0;font-size:.85rem;line-height:1.35}
.ah-ob-txt b{color:var(--a-navy);font-weight:800}
.ah-ob-str{color:var(--a-tekst-bled);font-size:.75rem}
.ah-ob-prazno{padding:22px 15px;text-align:center;color:var(--a-tekst-bled);font-size:.86rem}
.ah-ob-prazno i{color:var(--a-zelena);font-size:1.1rem;display:block;margin-bottom:5px}
.ah-btn{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.12);color:#fff;
  border:1px solid rgba(255,255,255,.2);
  padding:7px 13px;border-radius:9px;
  font-family:inherit;font-weight:600;font-size:.82rem;
  cursor:pointer;text-decoration:none;white-space:nowrap;
}
.ah-btn:hover{background:rgba(255,255,255,.24);color:#fff}

@media (max-width:900px){
  .ah-in{flex-wrap:wrap;padding:0 14px;gap:10px}
  .ah-nav{order:3;width:100%;margin:0;border-top:1px solid rgba(255,255,255,.1)}
  .ah-nav a{padding:11px 12px;font-size:.83rem}
  .ah-desno{margin-left:auto;gap:6px}
  .ah-profil-ime,.ah-strelica{display:none}
  .ah-profil-dug{padding:4px}
  .ah-obavestenja{right:14px}
}

/* ---------- Zajednički elementi ---------- */
.a-wrap{max-width:1480px;margin:0 auto;padding:22px 20px 70px}
.a-naslov{font-family:"DM Sans",sans-serif;font-size:1.3rem;font-weight:800;color:var(--a-navy);margin:0 0 4px}
.a-podnaslov{color:var(--a-tekst-tih);font-size:.9rem;margin:0 0 20px}

.a-kartica{background:var(--a-povrsina);border:1px solid var(--a-ivica);border-radius:var(--a-r-veliki);padding:16px 18px}

.a-dugme{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--a-povrsina);border:1.5px solid var(--a-ivica-jaka);
  border-radius:var(--a-r);padding:8px 14px;
  font-family:inherit;font-weight:700;font-size:.84rem;color:var(--a-tekst-tih);
  cursor:pointer;text-decoration:none;
  transition:border-color .15s,color .15s;
}
.a-dugme:hover{border-color:var(--a-zelena);color:#0c6b4f}
.a-dugme.glavno{background:var(--a-navy);border-color:var(--a-navy);color:#fff}
.a-dugme.glavno:hover{opacity:.9;color:#fff}
.a-dugme:disabled{opacity:.45;cursor:not-allowed}

.a-polje{
  height:38px;padding:0 12px;
  border:1.5px solid var(--a-ivica-jaka);border-radius:var(--a-r);
  font-family:inherit;font-size:.9rem;background:var(--a-povrsina);color:var(--a-tekst);
}
.a-polje:focus{outline:none;border-color:var(--a-zelena);box-shadow:0 0 0 3px rgba(15,157,118,.14)}

.a-znacka{
  display:inline-block;padding:3px 10px;border-radius:99px;
  font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
}
.a-znacka.nov,.a-znacka.pending,.a-znacka.primljeno{background:var(--a-nar-sv);color:var(--a-narandzasta)}
.a-znacka.kontaktiran,.a-znacka.kontaktirano,.a-znacka.poslata{background:var(--a-plava-sv);color:var(--a-plava)}
.a-znacka.ponuda,.a-znacka.zakazano{background:var(--a-ljub-sv);color:var(--a-ljubicasta)}
.a-znacka.dobijen,.a-znacka.prihvacena,.a-znacka.zavrseno{background:var(--a-zelena-sv);color:#12805a}
.a-znacka.odbijen,.a-znacka.odbijena,.a-znacka.otkazano{background:var(--a-crvena-sv);color:var(--a-crvena)}

.a-prazno{text-align:center;color:var(--a-tekst-bled);padding:44px 16px}

/* Toast */
.a-toast{
  position:fixed;left:50%;transform:translateX(-50%);bottom:26px;
  background:var(--a-navy);color:#fff;padding:12px 24px;border-radius:11px;
  font-weight:600;font-size:.9rem;z-index:300;opacity:0;pointer-events:none;
  transition:opacity .3s,transform .3s;max-width:92vw;text-align:center;
}
.a-toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}
.a-toast.err{background:var(--a-crvena)}

@media (max-width:600px){
  /* iOS zumira stranicu čim se fokusira polje manje od 16px */
  input,select,textarea{font-size:16px !important}
  .a-polje{height:42px}
  .a-wrap{padding:16px 12px 56px}
  .a-naslov{font-size:1.15rem}
}