/* ROBI KUCA ADMIN - modernizacija izgleda (V1). Ova datoteka je NAMJERNO
   potpuno ODVOJENA od svih postojecih admin CSS datoteka (app.css,
   home.css, admin-home-nav-v5.css, admin-mobile-v6.css,
   admin-add-sheet-v2.css) - ucitava se ZADNJA. Ne dira SMART korisnicko
   sucelje uopce (potpuno druga imena klasa: .sidebar/.topbar/.nav-link
   ovdje, .smart-sidebar/.smart-header/.smart-nav-link tamo - nema
   preklapanja). Ako nesto zakaze, uklanjanje je JEDAN <link> red u
   includes/header.php i login.php. */

/* --- Zaglavlje: zaobljeni gumbovi za natrag/osvjezi/pocetna, "pilula"
   za datum, suptilniji bell --- */
.app-nav-controls button{border-radius:50%}
.app-nav-controls button:hover{transform:translateY(-1px)}
.app-home-button{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;
  background:#1c2733;border:1px solid #354455;
}
.app-home-button:hover{background:#263543;text-decoration:none}
.date-label{
  background:rgba(255,255,255,.035);border:1px solid var(--line);
  border-radius:999px;padding:6px 14px;
}
.bell{border-radius:999px;padding-left:10px;transition:background .16s ease}
.bell:hover{background:rgba(255,255,255,.04);text-decoration:none}
.shell-locations>summary,.home-profile>summary{
  border-radius:999px;background:rgba(255,255,255,.03);
  border:1px solid var(--line);padding:8px 14px;transition:background .16s ease,border-color .16s ease;
}
.shell-locations>summary:hover,.home-profile>summary:hover{
  border-color:var(--accent);background:rgba(103,215,176,.08);
}

/* --- Gumbovi i kartice: blago zaobljeni rubovi, jasniji hover --- */
button,.button{border-radius:10px;transition:background .16s ease,border-color .16s ease,transform .12s ease}
button:active:not(:disabled),.button:active{transform:scale(.98)}
.card,.metric,.device-card,.room-card,.admin-center-card,.location-hub-card,.add-choice{
  border-radius:12px;transition:border-color .16s ease,transform .16s ease;
}
.metric:hover,.admin-center-card:hover{transform:translateY(-2px)}

/* --- Sidebar: aktivna stavka kao "pilula" s mekim naglaskom --- */
.nav-link{border-radius:10px}
.nav-link.active{box-shadow:inset 3px 0 var(--accent);border-color:transparent}

/* --- Status znacke: mekse, s tockicom --- */
.status{border-radius:999px;padding:4px 10px}

/* --- Prazna stanja: kruzna znacka umjesto golog emojija --- */
.empty-state>span{
  display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;
  border-radius:50%;background:rgba(103,215,176,.1);border:1px solid rgba(103,215,176,.28);
  font-size:30px;
}

/* --- Prijava (login.php): suptilan sjaj oko kartice --- */
.login-card{
  border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.brand-mark{border-radius:10px}
.login-card button.primary{border-radius:10px}

/* --- Mobilna donja traka: plutajuca pilula (kao na Smart strani) --- */
@media(max-width:800px){
  .home-bottom{
    left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));
    border-radius:20px!important;
    box-shadow:0 16px 40px rgba(0,0,0,.4);
  }
}