/* Panel użytkownika i przycisk profilu — wspólne dla wszystkich aplikacji (serwowane jako /wspolne/account.css). */
.account-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:20px;border:1px solid transparent;color:var(--text);min-height:38px}
.account-chip:hover{background:var(--hover);border-color:var(--line)}
.account-chip:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.account-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:11.5px;font-weight:700;letter-spacing:.3px;flex-shrink:0}
.account-avatar.large{width:52px;height:52px;font-size:18px}
.account-chip .house-name{display:inline;font-size:12px;font-weight:600;color:var(--ink)}
.dialog.account-dialog{max-width:480px}
.account-head{display:flex;align-items:center;gap:14px;padding:22px 22px 16px;position:relative}
.account-head h2{font-size:19px;color:var(--ink);font-weight:600;letter-spacing:-.3px}
.account-head p{font-size:11.5px;color:var(--muted);margin-top:3px}
.account-close{position:absolute;top:14px;right:14px}
.account-body{padding:0 22px 18px;display:grid;gap:0}
.account-section{border-top:1px solid var(--line);padding:16px 0;display:grid;gap:10px}
.account-section h3{font-size:12.5px;color:var(--ink);font-weight:600}
.account-section>p{font-size:11px;color:var(--muted);margin-top:-6px}
.account-section .field input{min-height:40px}
.account-section>.secondary-button{justify-self:start;min-height:38px}
.account-inline{display:flex;gap:8px}
.account-inline input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:7px;background:var(--surface2);color:var(--ink);font-size:13px;padding:6px 10px}
.account-inline .secondary-button{min-height:40px}
.account-msg{font-size:11.5px!important;color:var(--red)!important;background:var(--red-soft);border-radius:7px;padding:8px 10px;margin:0!important}
.account-msg.ok{color:var(--green)!important;background:var(--soft)}
.account-devices{display:grid}
.account-device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.account-device:last-of-type{border-bottom:0}
.account-device strong{display:block;font-size:12.5px;font-weight:500;color:var(--ink)}
.account-device small{display:block;font-size:10.5px;color:var(--faint);margin-top:2px}
.account-this{font-size:9.5px;font-weight:600;color:var(--green);background:var(--soft);border-radius:4px;padding:1px 6px;margin-left:4px;vertical-align:middle}
.account-logout-others{justify-self:start;margin-top:6px;font-size:11px}
.account-muted{font-size:11.5px;color:var(--muted)}
.account-footer{justify-content:space-between}
.account-row-actions{display:inline-flex;align-items:center;gap:12px}
.danger-button{border:1px solid transparent}
.account-notice{font-size:12px;color:var(--yellow);background:var(--yellow-soft);border-radius:8px;padding:10px 12px;margin-bottom:14px;line-height:1.45}
.account-links{display:grid;gap:6px;margin-bottom:14px}
.account-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:12.5px;font-weight:500;text-decoration:none;background:var(--surface2)}
.account-link:hover{background:var(--hover)}
.account-link span{color:var(--muted)}

@media(max-width:700px){
  .account-chip{padding:3px;min-height:36px}
  .account-chip .house-name{display:none}
  .account-avatar{width:30px;height:30px}
  .account-head{padding:18px 16px 12px}
  .account-body{padding:0 16px 14px}
  .account-inline input,.account-section .field input{font-size:16px}
  .account-footer{flex-wrap:wrap}
  .account-footer .danger-button{flex:1}
}

/* Pierwsze logowanie hasłem tymczasowym (/wspolne/first-password.js) — pełny ekran, bez zamykania. */
body.szn-first-open{overflow:hidden}
.szn-first{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 16px 24px;background:var(--bg);overflow:auto}
.szn-first-card{width:100%;max-width:400px;display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 26px;box-shadow:var(--shadow)}
.szn-first-eyebrow{margin:0;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.szn-first-card h1{margin:-6px 0 0;font-size:21px;line-height:1.25;color:var(--ink);font-weight:600;letter-spacing:-.4px}
.szn-first-text{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.szn-first-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--text)}
.szn-first-field input{width:100%;box-sizing:border-box;min-height:46px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:inherit;font-size:16px;background:var(--surface2);color:var(--ink)}
.szn-first-error{margin:0;color:var(--red);background:var(--red-soft);border-radius:8px;padding:10px 12px;font-size:12.5px}
.szn-first-submit{min-height:48px;border:0;border-radius:10px;background:var(--primary);color:var(--on-primary);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.szn-first-submit:disabled{opacity:.6}
.szn-first-logout{justify-self:center;border:0;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;padding:4px}
.szn-first-logout:hover{text-decoration:underline}