/* =====================================================================
   Dopune uz app.css (dizajn klijenta ostaje netaknut u app.css).
   Ovde su samo NOVI elementi: PIN ekran, centrirane kartice, poruke.
   Koriste iste CSS promenljive (boje, font, senke) kao template.
   ===================================================================== */

html{ min-height:100%; }
body{ margin:0; min-height:100vh; }

/* Ispravka: u template-u .admin-strip i .add-row imaju display:flex koji
   nadjačava HTML atribut [hidden], pa bi klijent video admin traku. */
[hidden]{ display:none !important; }

/* Ispravka: SVG strelica u "Sve celine" dugmetu (mobilni) nema veličinu u template-u. */
.back-btn svg{ width:14px; height:14px; flex:none; }

/* Ispravka: polje za pomeraj dana u podaktivnosti (npr. -15) je u template-u
   široko 32px pa ga strelice number inputa seku. Proširujemo polje i sakrivamo
   browserske strelice — vrednost se menja kucanjem ili tastaturom (↑/↓). */
.pill.date-adjust input{ width:40px; -moz-appearance:textfield; appearance:textfield; }
.pill.date-adjust input::-webkit-outer-spin-button,
.pill.date-adjust input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.pill.date-adjust input:focus{ outline:none; }

/* Na uskim telefonima dozvoli da se kontakt stavke prelome u novi red
   (u originalu se poslednja stavka seče). */
@media (max-width: 480px){
  .contact-primary{ flex-wrap:wrap; overflow:visible; }
}

/* centrirana stranica (PIN, login, greške) */
.center-app{ max-width:520px; min-height:calc(100vh - 44px); justify-content:center; }
.center-card{ padding:0; }
.center-card-inner{ padding:26px 28px 24px; display:flex; flex-direction:column; gap:14px; }
.center-card h2{ font-size:22px; font-weight:700; color:var(--ink); }
.center-card .muted{ margin:0; color:var(--muted); font-size:13.5px; line-height:1.5; }
.eyebrow-dark{ font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:var(--accent); font-weight:600; }
.center-footer{ justify-content:center; }

/* PIN forma */
.pin-form{ display:flex; flex-direction:column; gap:12px; }
.pin-field{ display:block; cursor:text; }
.pin-field input{ font-size:26px !important; font-weight:700; letter-spacing:.35em; font-family:var(--font-main); font-variant-numeric:tabular-nums; }
.pin-field input:focus{ outline:none; }
.pin-field:focus-within{ border-color:var(--accent); }
.remember-row{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); cursor:pointer; }
.remember-row input{ accent-color:var(--accent); width:16px; height:16px; }
.pin-error{ display:none; font-size:13px; color:#C13B54; background:color-mix(in srgb, #C13B54 10%, var(--surface)); border:1px solid color-mix(in srgb, #C13B54 30%, transparent); border-radius:10px; padding:8px 12px; }
.pin-btn{ justify-content:center; padding:11px 16px; font-size:14px; border-radius:12px; }
.btn:disabled{ opacity:.6; cursor:default; }

/* dodatni tekst u admin traci */
.admin-strip a.btn{ text-decoration:none; }
.admin-strip .btn strong{ font-weight:700; margin-left:2px; }