/* Tema "vawireless": iste boje kao VAWireless radius aplikacija
   (tamnozelena mrezasta pozadina, zeleni meni, svetla povrsina sadrzaja, zelena #71bf44, zaglavlja tabela #2a4433).
   Ukljucuje se u /etc/noc/noc.ini: tema = "vawireless". */
:root {
  --poz: #18281e; --karta: #fbfdfa; --karta2: #f5f8f3; --ivica: #cfdcc8; --ivica2: #b9cbb1;
  --tekst: #1e3a27; --tekst2: #4b6152; --tekst3: #6f8576;
  --plava: #5ca935; --plava2: #71bf44; --zelena: #3f9a26; --crvena: #d23b3b; --narandz: #d98a06; --siva: #7d9183;
  --senka: 0 6px 22px rgba(0, 0, 0, .28);
  --graf-tekst: #4b6152; --graf-tekst2: #2a4433; --graf-mreza: rgba(42, 68, 51, .14);
}
body {
  background-color: #18281e;
  background-image:
    linear-gradient(rgba(113, 191, 68, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(113, 191, 68, .045) 1px, transparent 1px),
    linear-gradient(165deg, #22382a 0%, #17261c 55%, #1c3024 100%);
  background-size: 28px 28px, 28px 28px, auto; background-attachment: fixed;
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}
a { color: #3b7f1f; }

/* meni = kao radius (zeleni, svetao tekst) */
.meni { background: rgba(38, 62, 46, .96); border-right: 1px solid rgba(255, 255, 255, .08); }
.brend { color: #fff; }
.brend img { height: 38px; width: auto; display: block; }
.meni .brend { flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px 16px 14px; }
.meni .brend b { font-size: 17px; }
.brend b { color: #fff; } .brend span { color: #c9dbcc; }
.meni nav a { color: #e3f0e4; }
.meni nav a:hover { background: rgba(113, 191, 68, .14); color: #9be06f; }
.meni nav a.akt { background: rgba(113, 191, 68, .24); box-shadow: inset 3px 0 0 #71bf44; color: #fff; font-weight: 600; }

/* gornja traka = zaglavlje radius-a */
.traka { background: rgba(30, 50, 37, .92); border-bottom: 2px solid #71bf44; }
.traka h1, .korisnik summary, .zvono, .sat { color: #e3f0e4; }
.sys { color: #c9dbcc; border-color: #7d9183; }
.sys.ok { color: #9be06f; border-color: #71bf44; background: rgba(113, 191, 68, .12); }
.hamb { color: #e3f0e4; }
.korisnik > div { background: #22382a; border-color: rgba(113, 191, 68, .45); color: #e3f0e4; }
.korisnik > div a { color: #9be06f; }

/* povrsina sadrzaja = svetla kartica kao u radius-u */
main { background: #edf2ea; }
.sadrzaj { background: #edf2ea; min-height: calc(100vh - 60px); }
.karta { background: #fbfdfa; border-color: #cfdcc8; box-shadow: 0 1px 3px rgba(30, 58, 39, .08); }
.karta > h3 { color: #1e3a27; }

/* KPI kartice na svetloj osnovi */
.kp { background: #fbfdfa; border-color: #cfdcc8; color: #1e3a27; box-shadow: 0 1px 3px rgba(30, 58, 39, .08); }
.kp .l { color: #4b6152; }
.kp.z { border-color: #9fd27f; background: linear-gradient(160deg, #f3faee, #e6f3dd); } .kp.z .kr { background: #d8efc9; color: #3f9a26; } .kp.z .p { background: #d8efc9; color: #2f7a1a; }
.kp.c { border-color: #f0a9a9; background: linear-gradient(160deg, #fdf1f1, #f9e1e1); } .kp.c .kr { background: #f6d0d0; color: #c62828; } .kp.c .p { background: #f6d0d0; color: #b71c1c; }
.kp.n { border-color: #f1c87a; background: linear-gradient(160deg, #fef8ec, #fbedd2); } .kp.n .kr { background: #f8e2b5; color: #b26a00; } .kp.n .p { background: #f8e2b5; color: #8a5300; }
.kp.ap { border-color: #b9a6ef; background: linear-gradient(160deg, #f6f3fe, #ece6fb); } .kp.ap .kr { background: #e0d7fa; color: #5b3fc4; } .kp.ap .p { background: #e0d7fa; color: #4a2fae; }
.kp.ap .p.los { background: #f6d0d0; color: #b71c1c; }
.kp.b .kr { background: #d8efc9; color: #3f9a26; }

/* tabele: zaglavlje tamnozeleno kao u radius-u */
.tab th { background: #2a4433; color: #e8f1e4; border-bottom: 0; }
.tab td { border-bottom: 1px solid #dfe8da; }
.tab tr:hover td { background: #eef5e9; }
.st.online { color: #2f7a1a; } .st.online i { background: #3f9a26; }
.oz0, .oz1 { background: #e2eadf; color: #4b6152; } .oz2 { background: #fdf3c4; color: #7a5d00; }
.oz3 { background: #fbe0bd; color: #8a4b00; } .oz4 { background: #f8d2d2; color: #9b1c1c; }

/* dugmad i polja kao u radius-u */
.dugme { background: #fbfdfa; border-color: #b9cbb1; color: #1e3a27; }
.dugme:hover { border-color: #71bf44; }
.dugme.plavo { background: linear-gradient(180deg, #8bd55d, #71bf44 55%, #5ca935); border-color: #5ca935; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .15); }
.dugme.crveno { background: #c62828; border-color: #a61f1f; color: #fff; }
input, select, textarea { background: #fff; border-color: #b9cbb1; color: #1e3a27; }
.cip { background: #fff; border-color: #b9cbb1; color: #4b6152; }
.cip.akt { background: #71bf44; border-color: #5ca935; color: #fff; }
.detalji > div { background: #f5f8f3; border-color: #cfdcc8; }
.detalji span { color: #6f8576; }
.lista { border-color: #cfdcc8; background: #fff; }
.lista div { border-bottom-color: #e2eadf; }
.lista div:hover, .lista div.akt { background: #e6f3dd; }
.poruka.ok { background: #e6f3dd; border-color: #9fd27f; }
.poruka.gr { background: #fbe4e4; border-color: #f0a9a9; }

/* topologija ostaje na tamnozelenom panelu (bolje se vide boje stanja) */
.vis-topo, .topo-velika { background: radial-gradient(800px 400px at 50% 0%, #2a4433, transparent), #1c3024; border-radius: 8px; }
.topo-svg .cv text { fill: #eef6ea; } .topo-svg .cv text.ip { fill: #b7cbb9; }
.prazno { color: #6f8576; }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: #fbfdfa; color: #1e3a27; border-color: #cfdcc8; }

/* prijava kao radius login */
.prijava-telo .prijava { background: rgba(30, 50, 37, .92); border-color: rgba(113, 191, 68, .45); color: #e3f0e4; }
.prijava-telo .prijava label { color: #c9dbcc; }
.prijava-telo .prijava input { background: #142219; border-color: #3d5a45; color: #fff; }
.prijava-telo .prijava small { color: #9fb5a3; }