/* Account panel: slides in from the right when a signed-in visitor opens "My account". */
.account-panel{position:fixed;inset:0 0 0 auto;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden;border:0;border-radius:20px 0 0 20px;background:#fff;color:#263236;box-shadow:-24px 0 60px #1523263d;font-family:Manrope,Arial,sans-serif;font-weight:500}
.account-panel[open]{display:flex;flex-direction:column}.account-panel::backdrop{background:#142126a6;backdrop-filter:blur(3px)}body:has(.account-panel[open]){overflow:hidden}
@media(prefers-reduced-motion:no-preference){.account-panel[open]{animation:acct-in .22s ease-out}}
@keyframes acct-in{from{opacity:0;transform:translateX(48px)}}
.account-panel button,.account-panel a{font-family:inherit}
.account-panel button:focus-visible,.account-panel a:focus-visible{outline:3px solid #c2410c;outline-offset:2px}
.acct-head{flex:none;display:flex;align-items:center;gap:12px;padding:20px 18px 16px 22px;border-bottom:1px solid #eee8e0}
.acct-avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#263236;color:#fff;font-size:17px;font-weight:800}
.acct-who{flex:1;min-width:0}
.acct-who h2{margin:0;overflow:hidden;font:800 18px/1.25 Manrope,Arial,sans-serif;color:#1d2427;text-overflow:ellipsis;white-space:nowrap}.acct-who h2:focus{outline:none}
.acct-who p{margin:2px 0 0;overflow:hidden;font:13px/1.4 Arial,sans-serif;color:#5b666b;text-overflow:ellipsis;white-space:nowrap}
.acct-close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e4ded6;border-radius:50%;background:#f6f3ef;color:#263236;font:26px/1 Arial,sans-serif;cursor:pointer}
.acct-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:18px 22px 20px;overflow-y:auto;overscroll-behavior:contain}
.acct-note{margin:0;font:14px/1.5 Arial,sans-serif;color:#5b666b}
.acct-alert{padding:14px 16px;border:1px solid #f4d3bf;border-radius:14px;background:#fdf1ea}
.acct-alert h3{display:flex;align-items:center;gap:8px;margin:0;font:800 14px/1.3 Manrope,Arial,sans-serif;color:#1d2427}.acct-alert h3::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#c2410c}
.acct-alert p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;overflow:hidden;font:14px/1.45 Arial,sans-serif;color:#4a3a30;overflow-wrap:anywhere}
.acct-dark{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;margin-top:10px;padding:0 18px;border:0;border-radius:10px;background:#263236;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.acct-wide{width:100%;min-height:48px;margin-top:0}.acct-admin{margin-top:0;text-decoration:none;background:#fff;color:#1d2427;box-shadow:inset 0 0 0 1px #b9b1a6}.acct-dark .line-icon{width:18px;height:18px}
.acct-section h3{margin:0 0 4px;font:800 15px/1.3 Manrope,Arial,sans-serif;color:#1d2427}
.acct-list{margin:0;padding:0;list-style:none}
.acct-row{display:flex;align-items:center;gap:12px;width:calc(100% + 16px);margin:0 -8px;padding:8px;border:0;border-radius:12px;background:none;color:inherit;text-align:left;cursor:pointer}
.acct-row>.line-icon{width:44px;height:44px;padding:11px;box-sizing:border-box;border-radius:10px;background:#f1eee9;color:#38444a}
.acct-row-text{flex:1;min-width:0}
.acct-row-title{display:block;font-size:14px;font-weight:700;color:#1d2427}
.is-new .acct-row-title::before{content:"";display:inline-block;width:8px;height:8px;margin:0 6px 1px 0;border-radius:50%;background:#c2410c;vertical-align:middle}
.acct-row-sub{display:block;margin-top:1px;font:12px/1.4 Arial,sans-serif;color:#5b666b}
.acct-row .status-pill{padding:3px 9px;font-size:11px}
.acct-link{align-self:flex-start;min-height:40px;margin-top:4px;padding:0;border:0;background:none;color:#b13c0a;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.acct-start{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:12px;background:#c2410c;color:#fff;font-size:15px;font-weight:700;text-decoration:none}.acct-start .line-icon{width:18px;height:18px;stroke-width:2.2}
.acct-menu{display:flex;flex-direction:column;padding-top:4px;border-top:1px solid #eee8e0}
.acct-menu a,.acct-menu button{display:flex;align-items:center;gap:12px;min-height:46px;padding:0;border:0;background:none;color:#38444a;font-size:14px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.acct-menu .line-icon{width:18px;height:18px}
.acct-help{flex:none;margin:0;padding:14px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #eee8e0;font:13px/1.5 Arial,sans-serif;color:#5b666b}
.acct-help a{color:#b13c0a;font-weight:700}
@media(max-width:480px){.account-panel{width:100vw;border-radius:0}.acct-head{padding:14px 12px 14px 16px}.acct-body{padding:16px}.acct-help{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}}
@media(hover:hover){.acct-close:hover{background:#ece6de}.acct-dark:hover{background:#1d2427}.acct-row:hover{background:#f6f3ef}.acct-start:hover{background:#a8370a}.acct-menu a:hover,.acct-menu button:hover{color:#1d2427}}
@media(hover:hover){.acct-dark.acct-admin:hover{background:#f6f3ef}}