/* Portál klienta - doplňky k /css/app.css (osa průběhu a layout dle mockupu v5, sec-portal) */

.pscr{display:none}
.pscr.on{display:block}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}

.topbar{display:flex;gap:10px;align-items:center;background:#fff;border-bottom:1px solid var(--border);
  padding:10px 16px;position:sticky;top:0;z-index:5}

.content{padding:16px;display:grid;gap:12px;max-width:980px;margin:0 auto}

/* osa průběhu řešení (Přijato → Technik přiřazen → Výjezd → Vyřešeno) */
.prog{display:flex;margin:8px 0 4px}
.prog .pstep{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;
  font-size:10.5px;color:var(--faint);font-weight:600;text-align:center}
.prog .pstep::before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:var(--border)}
.prog .pstep:first-child::before{display:none}
.prog .pstep .pd{width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid var(--border);z-index:1}
.prog .pstep.done .pd{background:var(--green);border-color:var(--green)}
.prog .pstep.done::before{background:var(--green)}
.prog .pstep.cur .pd{background:var(--blue);border-color:var(--blue)}
.prog .pstep.cur::before{background:var(--blue)}
.prog .pstep.done,.prog .pstep.cur{color:var(--ink2)}

.privacy-note{display:flex;gap:8px;align-items:center;background:var(--blue-bg2);color:var(--blue-t);
  border-radius:8px;padding:7px 11px;margin-top:8px;font-size:11.5px;font-weight:600}

.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(8px);background:var(--ink);
  color:#fff;padding:9px 16px;border-radius:10px;font-size:12.5px;max-width:min(480px,92vw);
  opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:50}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:640px){
  .hide-sm{display:none}
  .topbar{flex-wrap:wrap}
}