/* PEG 포털 — 허브(hub.css) 위에 얹는 것만: 로그인·비밀번호 카드, 머리띠 사용자 칸, 알림 종, 권한 없는 큰 카드, 받는 중 안내 */
.hdr-who{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12.5px;color:var(--muted)}
.hdr-who .nm{color:var(--ink);font-weight:600}
.hdr-who .sub{color:var(--faint)}
.pbtn{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;line-height:1.4;white-space:nowrap}
.pbtn:hover{color:var(--accent-ink);border-color:var(--accent-line);background:var(--accent-soft)}
.bell{position:relative}
.bell b{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:999px;background:#dc2626;color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
.bell b[hidden]{display:none}
.lang-toggle{margin-left:0}
.bc.off{cursor:default;opacity:.55}
.bc.off:hover{transform:none;border-color:var(--line);box-shadow:var(--shadow)}
.bc.off:hover h2{color:var(--ink)}
.bc.off:hover .ico{background:inherit;border-color:inherit;color:inherit}
.cover-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted);padding:24px;text-align:center}
.cover-msg[hidden]{display:none}
.cover-top{display:none}
/* 로그인 · 비밀번호 */
.gate{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto}
.gate-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px 28px 22px}
.gate-card h2{font-size:20px;letter-spacing:-.02em;margin-bottom:4px}
.gate-card .note{font-size:12.5px;color:var(--muted);margin-top:10px}
.gate-card label{display:block;font-size:12.5px;color:var(--muted);margin:14px 0 5px}
.gate-card input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14.5px}
.gate-card input:focus{outline:2px solid var(--accent-line);border-color:var(--accent)}
.gate-card .go-btn{width:100%;margin-top:18px;background:var(--accent-ink);color:#fff;border:0;border-radius:8px;padding:11px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.gate-card .go-btn:disabled{opacity:.5;cursor:not-allowed}
.gate-card .err{display:none;margin-top:12px;font-size:12.5px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}
.gate-card .skip{display:block;text-align:center;margin-top:12px;font-size:12.5px;color:var(--muted)}
.foot-ver{font-size:11px;color:var(--faint);margin-right:12px}
@media(max-width:960px){.hdr-who .sub{display:none}}
.gate[hidden],.shell[hidden],.hdr-who[hidden]{display:none!important}