.branch-screen{background:var(--paper,#fdfcf8);min-height:100dvh;color:var(--ink,#28251e);padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));justify-content:center;display:flex}.branch-panel{width:100%;max-width:520px;margin:auto}.branch-panel h1{margin:16px 0;font-family:Georgia,serif;font-size:clamp(30px,6vw,38px);font-weight:500}.branch-panel p{color:var(--muted,#716c61);line-height:1.6}.branch-eyebrow{letter-spacing:2px;color:var(--muted,#716c61);font-size:10px;font-weight:700}.branch-back{min-height:48px;color:inherit;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:24px;display:flex}.branch-list{gap:12px;margin-top:28px;display:grid}.branch-card{border:1px solid var(--line,#e5dfd2);background:var(--surface,#fffefa);width:100%;min-height:92px;color:inherit;text-align:left;border-radius:20px;align-items:center;gap:16px;padding:18px;transition:transform .2s ease-out,background-color .2s ease-out;display:flex}.branch-card:active{transform:scale(.98)}:is(.branch-card:focus-visible,.branch-search:focus-within){outline:3px solid var(--gold,#b8964f);outline-offset:3px}.branch-card:disabled{opacity:.65}.branch-logo{background:var(--gold-chip,#f3ebd9);border-radius:14px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:24px;display:grid;overflow:hidden}.branch-logo img{object-fit:contain;width:100%;height:100%}.branch-name{overflow-wrap:anywhere;flex:1;gap:6px;min-width:0;display:grid}.branch-name strong{font-size:16px}.branch-name small{color:var(--muted,#716c61)}.branch-search{background:var(--surface,#fffefa);border:1px solid var(--line,#e5dfd2);border-radius:14px;align-items:center;gap:12px;margin-top:24px;padding:0 14px;display:flex}.branch-search input{width:100%;height:52px;color:inherit;background:0 0;border:0;outline:none;font-size:16px}.branch-empty{text-align:center;padding:30px}.branch-error{border:1px solid var(--error,#a13229);border-radius:16px;margin-top:20px;padding:16px}.branch-error button{align-items:center;gap:8px;min-height:48px;display:flex}.branch-skeleton{gap:12px;margin-top:28px;display:grid}.branch-skeleton span{background:var(--line,#e5dfd2);border-radius:20px;height:92px}.branch-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite branch-spin}.branch-switch{border:1px solid var(--line,#e5dfd2);min-height:48px;color:inherit;background:var(--surface,#fffefa);border-radius:12px;margin-top:12px;padding:10px 16px}@keyframes branch-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.branch-card{transition:none}.branch-spinner{animation:none}}.branch-logo{position:relative}.branch-logo img{background:var(--surface,#fffefa);position:absolute;inset:0}.branch-name .branch-link-hint{color:var(--gold-deep,#82682e);font-weight:600}.branch-link-dialog{background:var(--surface,#fffefa);width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 48px);color:var(--ink,#28251e);border:1px solid var(--line,#e5dfd2);border-radius:24px;padding:24px;overflow-y:auto}.branch-link-dialog form{gap:12px;margin-top:20px;display:grid}.branch-link-dialog input{border:1px solid var(--line,#e5dfd2);background:var(--paper,#fdfcf8);width:100%;height:52px;color:inherit;border-radius:12px;padding:12px;font-size:16px}.branch-link-dialog input:focus-visible{outline:3px solid var(--gold,#b8964f);outline-offset:2px}.branch-link-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.branch-link-actions button{border:1px solid var(--line,#e5dfd2);background:var(--paper,#fdfcf8);min-height:48px;color:inherit;border-radius:12px;flex:1;padding:12px}.branch-link-actions .primary{background:var(--gold,#b8964f);color:#191919;font-weight:600}.branch-link-actions button:disabled{opacity:.55}.branch-link-error{color:var(--error,#a13229);font-size:14px;line-height:1.5}
