/* Membership dashboard: layered cards and segmented controls, no continuous effects. */
#accountDialog:has(#accountContent:not([hidden])){width:min(820px,calc(100% - 28px))}
#accountContent #accountGreeting{display:none}
.member-card{position:relative;isolation:isolate;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:28px 26px 52px;border:1px solid #244456;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#a1593340,transparent 65%),linear-gradient(125deg,#102a3b,#0a1c29);color:#fff;box-shadow:0 14px 30px #08243512;overflow:hidden;margin:12px 0 20px}
.member-card::before{content:'';position:absolute;right:-35px;top:-85px;width:240px;height:240px;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03;z-index:-1;pointer-events:none}
.member-monogram{display:grid;place-items:center;width:56px;height:56px;font-size:24px;font-weight:700;border-radius:18px;background:linear-gradient(135deg,#f59056,#c65928);color:#fff;border:1px solid #ffc29b55;box-shadow:inset 0 1px #fff5}
.member-identity p{font-size:10px;letter-spacing:.18em;color:#b1c5d0;margin:0 0 8px}.member-identity h3{font-size:24px;line-height:1.2;margin:0 0 7px;color:white}.member-identity small{display:block;overflow-wrap:anywhere;color:#c4d3dc;font-size:12px;line-height:1.7}
.member-card-label{position:absolute;bottom:17px;left:26px;font-size:9px;letter-spacing:.16em;color:#adc1cd}
.member-card .customer-level{border:1px solid #ffffff30;background:#ffffff10;color:#e9f2f7;padding:11px 14px;cursor:pointer;font:600 12px/1.5 var(--font);white-space:normal}.member-card .customer-level.approved{background:#dcefe9;color:#185b48;border-color:#9ccab7}.customer-level:focus-visible{outline:3px solid #f78b51;outline-offset:3px}.customer-level span{margin-left:4px}
.member-benefits{padding:24px;border:1px solid #ddcfeb;border-radius:22px;background:linear-gradient(130deg,#faf7ff,#fff);margin-bottom:20px}.member-benefits>h3{font-size:20px;margin:0 0 20px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.benefit-icon{display:grid;place-items:center;background:#eee3fc;color:#6841a0;border-radius:13px;width:38px;height:38px;font-weight:700;margin-bottom:13px}.benefit-grid article:last-child .benefit-icon{background:#e0f0e9;color:#226a50}.benefit-grid h4{margin:0 0 8px;font-size:15px}.benefit-grid p,.benefit-note{font-size:13px;line-height:1.75;color:#516571;margin:0}.benefit-note{border-top:1px solid #e7e0ef;padding-top:16px;margin-top:20px}
#customerPortal .portal-stats{gap:14px}.portal-stats>div{background:linear-gradient(140deg,#fff,#f2f6f7);box-shadow:inset 0 1px #fff;font-size:13px;color:#506876}.portal-stats b{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.portal-stats>div:last-child{border-color:#f3d5c2;background:#fff7f1}
.portal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;background:#e8eef1;border-radius:16px;gap:4px}.portal-tabs button{border:0;background:transparent;color:#506773;border-radius:12px;font-size:13px;font-weight:600;min-height:45px;padding:10px 6px;transition:background .2s,color .2s,box-shadow .2s}.portal-tabs button[aria-pressed=true]{background:#fff;color:#0b2a3b;box-shadow:0 3px 9px #102b3c12}.portal-tabs button:focus-visible{outline:2px solid #d16b35;outline-offset:-2px}
#portalRequests .portal-request,#portalFavorites .portal-request{border:1px solid #dce5e9;border-radius:17px;padding:18px;margin:12px 0;background:#fff}.portal-request>div{min-width:0;flex:1}.portal-request strong{overflow-wrap:anywhere}.portal-request .button{border-radius:12px;flex-shrink:0}.favorite-card img{object-fit:contain;border-radius:12px;border:1px solid #e3e9ec;background:white;flex-shrink:0}.favorite-card>span{flex:1;min-width:120px;font-size:14px;overflow-wrap:anywhere}
#portalSettings{padding:20px;border:1px solid #dce5e9;border-radius:18px;background:#fff}#portalSettings h3{font-size:19px}#portalSettings .check-label{align-items:flex-start;flex-wrap:nowrap}.account-actions{border-top:1px solid #dce5e9;padding-top:18px}.account-actions .plain-button{margin-left:auto;color:#667e8c}
.details-motion .member-benefits:not([hidden]),.details-motion #portalRequests:not([hidden]),.details-motion #portalFavorites:not([hidden]),.details-motion #portalSettings:not([hidden]){animation:member-arrive .22s ease-out}
@keyframes member-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
.portal-tabs{position:relative;isolation:isolate;gap:0}.portal-tabs::before{content:'';position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/3);background:#fff;border-radius:12px;box-shadow:0 3px 9px #102b3c12;transform:translateX(calc(var(--active-tab,0)*100%));z-index:-1}.portal-tabs button[aria-pressed=true]{background:transparent;box-shadow:none}.details-motion .portal-tabs::before{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.request-progress{display:flex;gap:12px;list-style:none;padding:13px 0 0;margin:3px 0 0;width:100%;border-top:1px solid #edf1f3;font-size:10px;color:#697b86}.request-progress li{flex:1;display:flex;align-items:center;gap:6px}.request-progress li::before{content:'';width:6px;height:6px;border-radius:50%;background:#cbd7de;flex:none}.request-progress li.done{color:#266851}.request-progress li.done::before{background:#3b8c70;box-shadow:0 0 0 3px #e6f1eb}
@media(max-width:600px){.member-card{grid-template-columns:44px minmax(0,1fr);padding:20px 18px 46px;gap:14px}.member-monogram{width:44px;height:44px;border-radius:14px;font-size:20px}.member-identity h3{font-size:21px}.member-card .customer-level{grid-column:1/-1;justify-self:start}.member-card-label{left:18px;font-size:8px}.member-benefits{padding:20px}.benefit-grid{grid-template-columns:1fr;gap:20px}.portal-tabs button{font-size:11px}.portal-request .button{padding:10px}.account-actions .button{font-size:12px}.portal-stats b{font-size:27px}}
@media(prefers-reduced-motion:reduce){#customerPortal *{animation:none!important;transition:none!important}}