.client-portal{padding-bottom:0}
.wg-header{padding:12px 24px;gap:16px}.wg-header>.menu-toggle{display:block;order:0;border:0}.wg-header>.brand{order:1;flex:1}.header-account{order:2}
.wg-header #main-navigation{display:none;position:fixed;inset:0 auto 0 0;width:min(360px,88vw);height:100dvh;max-height:100dvh;z-index:102;padding:28px 18px calc(32px + env(safe-area-inset-bottom));background-color:var(--wg-header,#080b13);background-image:linear-gradient(150deg,var(--wg-soft,transparent),transparent 65%);border:1px solid var(--wg-line);border-radius:0 30px 30px 0;overflow-y:auto;overscroll-behavior:contain;box-shadow:16px 0 80px #0005}
.wg-header #main-navigation.menu-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.drawer-close{display:block;position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:var(--wg-soft);color:var(--wg-text);font-size:28px;padding:0;text-align:center}
.drawer-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;border:0;background:#0008;z-index:49}
.drawer-open{overflow:hidden}.drawer-identity{display:flex;align-items:center;flex-direction:column;text-align:center;padding:26px 12px 28px;margin-bottom:12px;border-bottom:1px solid var(--wg-line);gap:9px;overflow-wrap:anywhere}
.drawer-identity img{width:100px;height:100px;border-radius:50%;object-fit:contain;background:var(--wg-card);border:3px solid var(--wg-line);margin-bottom:10px}.drawer-identity strong{font-size:18px}.drawer-identity small{opacity:.7;text-transform:uppercase;letter-spacing:.12em}.drawer-identity>span{font-size:12px;opacity:.75}
#main-navigation>a,.nav-section>summary{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;font-size:15px;font-weight:600;color:var(--wg-text);margin:0;list-style:none}
.nav-section>summary::-webkit-details-marker{display:none}.nav-section>summary::after{content:"⌄";margin-left:auto}.nav-section[open]>summary::after{content:"⌃"}
.nav-section[open]>summary,#main-navigation a[aria-current=page]{background:var(--wg-soft);color:var(--wg-secondary)}
.nav-section>div{margin:8px 0 12px;padding:10px;border:1px solid var(--wg-line);border-radius:18px;background:var(--wg-card)}
.nav-section a{display:block;padding:13px 18px;color:var(--wg-text);border-radius:12px}.nav-section a:hover{background:var(--wg-soft)}
.nav-glyph{font-size:23px;width:26px;flex-shrink:0;text-align:center;font-weight:400}.nav-glyph svg{display:block;width:24px;height:24px}
.account-heading{display:flex;align-items:center;gap:12px}.account-picture{width:52px;height:52px;object-fit:contain;border-radius:50%;flex-shrink:0}.account-heading>div{min-width:0}
.account-preferences{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;border-block:1px solid var(--wg-line);padding:15px 0;margin:10px 0}.account-preferences label{margin:0;font-size:14px}.account-preferences select{padding:8px 10px}
.user-panel{width:330px;max-height:calc(100dvh - 90px);overflow:auto}.profile-avatar img{object-fit:contain}
.drawer-close:focus-visible,.profile-avatar:focus-visible,.nav-section summary:focus-visible{outline:2px solid var(--wg-secondary);outline-offset:3px}
@media(max-width:760px){.wg-header{padding:10px 12px;gap:8px}.wg-header #main-navigation{padding:24px 14px calc(28px + env(safe-area-inset-bottom))}.wg-footer{padding-bottom:30px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.place-choice{min-height:130px;padding:12px 6px}.place-choice small{display:none}.place-choice strong{font-size:13px}.choice-icon{width:46px;height:46px}}
/* Resolve brand-dependent tokens on body, where the portal sets its colors. */
body{--wg-soft:color-mix(in srgb,var(--wg-secondary,#1598c2) 12%,var(--wg-card,#121923));--wg-line:color-mix(in srgb,var(--wg-text,#edf3ff) 15%,transparent)}
.drawer-open .wg-header>.menu-toggle,.drawer-open .wg-header>.brand,.drawer-open .wg-header>.header-account{visibility:hidden}
.wg-header #main-navigation{flex-wrap:nowrap;flex-shrink:0;isolation:isolate}
#main-navigation>.drawer-identity,#main-navigation>a,#main-navigation>.nav-section{flex-shrink:0}
.wg-header .drawer-close{z-index:1;min-height:44px;text-align:center;background:var(--wg-card,#121923)}
.public-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;order:2;flex-shrink:0}
.public-login{font-weight:600;color:var(--wg-text);white-space:nowrap}
.public-actions+.header-account{order:3}
@media(max-width:600px){.wg-header:has(.public-actions){flex-wrap:wrap}.wg-header:has(.public-actions)>.brand{flex:1;min-width:0}.public-actions{order:4;width:100%;justify-content:stretch;gap:10px}.public-actions>a{flex:1;text-align:center;padding:12px 10px;font-size:14px;min-height:44px}.public-actions+.header-account{order:2}}
/* Explicit action layout keeps both acknowledgement choices visible on mobile. */
.notice-dialog form[data-notice-form]:not([hidden]){display:block;margin:20px 0 8px}
.notice-dialog [data-notice-read],.notice-dialog [data-notice-close]{display:flex;width:100%;justify-content:center;margin:8px 0;min-height:48px}
.header-account .header-icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;line-height:1;text-decoration:none}
.header-account .header-icon svg{display:block;flex:0 0 24px;width:24px;height:24px;margin:0}
.header-icon [data-notices-count]{display:grid;place-items:center;right:-2px;top:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;font-size:10px;line-height:1}
.notice-history{max-width:800px;margin:auto}.notice-history article{overflow-wrap:anywhere}.notice-history .notice-body{white-space:pre-wrap}.notice-history .notice-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.notice-history .notice-meta time{font-size:13px}