/* Selective migration of the reviewed Lovable private-order world, using live data. */
.member-workspace{max-width:1200px;margin:auto;padding:28px 32px 64px;color:var(--ink)}
.member-return{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted-foreground);font-size:13px;margin-bottom:12px}
.member-return:hover{color:var(--primary)}.member-return .ui-icon{width:16px;height:16px}
.member-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.member-page-heading h1{font:500 36px/1.4 var(--font-display);margin:0;letter-spacing:0}
.member-page-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.member-page-actions>button{min-height:44px;margin:0;padding:8px 12px;font-size:13px}.member-page-actions .member-support-launch{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;color:var(--ink);border:1px solid var(--border)}.member-support-launch .ui-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body:has(.member-workspace) #faq-open{display:none!important}body:has(.member-workspace) #faq-assistant:not(.is-open){pointer-events:none}
.member-page-nav{display:flex;gap:28px;overflow:auto;border-bottom:1px solid var(--border);padding-bottom:0;margin-bottom:28px;scrollbar-width:thin}
.member-page-nav a{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted-foreground)}
.member-page-nav a[aria-current],.member-page-nav a:hover{border-bottom-color:var(--primary);color:var(--ink)}
.member-status-tabs{display:flex;gap:24px;overflow:auto;margin-bottom:16px;scrollbar-width:thin}
.member-status-tabs a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap;color:var(--muted-foreground);border-bottom:2px solid transparent}
.member-status-tabs a[aria-current]{border-color:var(--primary);color:var(--ink)}
.member-workspace .records-filter{display:flex;flex-wrap:wrap;align-items:end;margin:0 0 24px;gap:8px;border:0;padding:0;background:none;box-shadow:none}
.member-workspace .records-filter label{flex:1;min-width:0;font-size:12px;color:var(--muted-foreground);gap:6px}
.member-workspace .records-filter input{width:100%;font-size:16px;min-height:44px;box-sizing:border-box;background:var(--card);border-color:var(--border)}
.member-workspace .records-filter button{min-height:44px;margin:0;font-size:13px;padding:10px 16px}
.member-workspace .records-filter #consumer-clear{background:transparent;color:var(--muted-foreground);border:1px solid var(--border)}
.member-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.member-order,.member-cart,.member-service-record,.member-address,.member-message{min-width:0;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:4px}
.member-order-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted-foreground)}
.member-state{font-size:12px;line-height:1.6;white-space:nowrap;color:var(--ink);font-weight:500}
.member-state[data-state=shipped],.member-state[data-state=received]{color:#765828}
.member-product-summary{display:flex;align-items:center;gap:16px;padding:20px 0;min-width:0}
.member-product-summary>img,.member-image-placeholder{width:72px;height:82px;object-fit:contain;background:#efebe3;border-radius:3px;flex-shrink:0}
.member-image-placeholder{display:grid;place-items:center;color:var(--gold)}.member-image-placeholder .ui-icon{width:26px;height:26px}
.member-product-summary>div{flex:1;min-width:0}
.member-product-summary h2,.member-product-summary h4{font:500 18px/1.6 var(--font-display);margin:0 0 6px;overflow-wrap:anywhere}
.member-product-summary p{font-size:12px;line-height:1.7;margin:4px 0 0;color:var(--muted-foreground)}
.member-order-amount{font:500 18px/1.5 var(--font-mono,monospace);color:var(--ink);white-space:nowrap;align-self:flex-start;padding-top:4px}
.member-order-reference{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:var(--muted-foreground);padding:0 0 16px;border-bottom:1px solid var(--border)}
.member-order-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0 0}
.member-order-actions button,.member-order-actions .button{min-height:44px;margin:0;padding:10px 14px;font-size:13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}
.member-order-actions button.secondary,.member-order-actions a.secondary{background:transparent;border-color:var(--border);color:var(--ink)}
.member-order-actions button.secondary:hover,.member-order-actions a.secondary:hover{border-color:var(--gold);background:var(--secondary)}
.member-order-notice{font-size:12px;line-height:1.8;margin:12px 0;color:var(--muted-foreground);overflow-wrap:anywhere}
.member-empty{padding:56px 20px;text-align:center;border-block:1px solid var(--border)}
.member-empty>.ui-icon{width:28px;height:28px;color:var(--gold);margin-bottom:16px}.member-empty h2{font:500 24px/1.5 var(--font-display);margin:0 0 12px}.member-empty p{font-size:14px;line-height:1.8;color:var(--muted-foreground);margin:0 0 24px}
.member-empty .button{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.member-service-list,.member-cart-list,.member-message-list{display:grid;gap:20px}.member-address-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.member-service-record h2,.member-message h2,.member-address h2{font:500 18px/1.6 var(--font-display);margin:0}
.member-service-record>p,.member-address>p,.member-message>p{font-size:14px;line-height:1.9;margin:16px 0;color:var(--muted-foreground);overflow-wrap:anywhere}
.member-service-record>a{display:inline-flex;min-height:44px;align-items:center;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.member-return-address,.member-merchant-reply{padding:20px 0;border-top:1px solid var(--border);margin-top:20px}.member-return-address h3,.member-merchant-reply h3{font:500 18px/1.6 var(--font-display);margin:0 0 8px}.member-return-address p,.member-merchant-reply p{font-size:14px;line-height:1.8;margin:8px 0;color:var(--muted-foreground)}
.member-address-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.member-default{font-size:11px;line-height:1.6;border:1px solid var(--gold);color:#765828;padding:3px 8px}
.member-message-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--border)}.member-message-foot time{font-size:12px;color:var(--muted-foreground)}.member-message-foot button{min-height:44px;font-size:13px;flex-shrink:0}
.member-message.is-unread .member-state{color:var(--primary)}
.member-footnote{font-size:13px;line-height:1.9;margin:24px 0;color:var(--muted-foreground)}
.member-profile-details{max-width:680px;padding:24px;border-block:1px solid var(--border);background:var(--card)}
.member-detail-facts{margin:0}.member-detail-facts>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.6fr);gap:16px;padding:12px 0;font-size:14px;line-height:1.8}
.member-detail-facts dt{color:var(--muted-foreground)}.member-detail-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}.member-detail-total{border-top:1px solid var(--border);margin-top:8px}.member-detail-total dd{font:500 22px/1.5 var(--font-mono,monospace)}
/* One shared protected-focus container: structured detail drawer and editing sheet. */
#dialog{padding:0;background:var(--paper,#f7f4ed);border-radius:6px;max-width:none;max-height:calc(100dvh - 48px);width:min(560px,calc(100vw - 32px));color:var(--ink);box-shadow:0 24px 80px rgb(26 26 26 / .22);overflow:hidden}
#dialog::backdrop{background:rgb(26 26 26 / .62)}
#dialog>form{display:flex;flex-direction:column;max-height:inherit;margin:0;min-height:0}
.member-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0}
#dialog .member-dialog-heading h2{font:500 24px/1.5 var(--font-display);margin:0}
#dialog-close{width:44px;min-height:44px;flex-shrink:0;padding:11px!important;background:none!important;border:1px solid var(--border)!important;color:var(--muted-foreground)!important;display:grid;place-items:center;transition:background .18s}
#dialog-close .ui-icon{width:20px;height:20px}#dialog-close:hover{background:var(--secondary)!important;color:var(--ink)!important}
#dialog #fields{padding:24px;overflow:auto;overscroll-behavior:contain;min-height:0}
#dialog #fields>label{display:block;margin:0 0 20px;font-size:14px;line-height:1.8;color:var(--ink)}
#dialog #fields>label>input,#dialog #fields>label>select{min-height:48px;width:100%;box-sizing:border-box;margin-top:8px;padding:10px 12px;font-size:16px;border-color:var(--border);background:var(--card)}
#dialog #fields>p{font-size:13px;line-height:1.9;margin:0 0 16px;color:var(--muted-foreground)}
#dialog #form>footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);margin:0;flex-shrink:0;background:var(--paper,#f7f4ed)}
#dialog #form>footer button{min-height:44px;margin:0;font-size:14px}
#dialog [hidden]{display:none!important}
#dialog[data-variant=order]{position:fixed;inset:0;width:min(660px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0}
#dialog[data-variant=order]>form{height:100%}
#dialog[data-variant=order] #fields{flex:1}
.member-detail-status{padding-bottom:24px;border-bottom:1px solid var(--border)}.member-detail-status>.member-state{font:500 24px/1.5 var(--font-display);white-space:normal}.member-detail-status p{font-size:12px;color:var(--muted-foreground);overflow-wrap:anywhere}.member-detail-status button{min-height:44px;font-size:12px}
.member-detail-section{padding:24px 0;border-bottom:1px solid var(--border)}.member-detail-section:last-child{border:0;padding-bottom:0}.member-detail-section h3{font:500 22px/1.6 var(--font-display);margin:0 0 12px}.member-detail-section p{font-size:14px;line-height:1.9;margin:8px 0;color:var(--muted-foreground)}.member-detail-section .member-product-summary{padding:0}
.member-detail-history{max-width:none;margin:0;padding:0;border-bottom:1px solid var(--border)}.member-detail-history>summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;font-size:14px;cursor:pointer}.member-detail-history .ui-icon{width:16px;height:16px;color:var(--gold)}.member-detail-history[open] .ui-icon{transform:rotate(90deg)}
.member-timeline{list-style:none;padding:0 0 0 18px;margin:20px 0 0;border-left:1px solid var(--border)}.member-timeline li{position:relative;display:grid;gap:6px;padding:0 0 20px;font-size:14px;line-height:1.7}.member-timeline li:last-child{padding-bottom:0}.member-timeline li::before{content:'';position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;left:-22px;top:8px}.member-timeline time{font-size:12px;color:var(--muted-foreground)}
#dialog[open]{animation:member-panel-in .18s cubic-bezier(.2,.7,.2,1)}@keyframes member-panel-in{from{transform:translateX(12px);opacity:.85}to{transform:none;opacity:1}}
.member-leave-state{padding:32px 24px;min-height:200px}.member-leave-state h3{font:500 24px/1.6 var(--font-display);margin:0 0 12px}.member-leave-state p{font-size:14px;line-height:1.8;color:var(--muted-foreground)}
#dialog button:focus-visible,#dialog input:focus-visible,#dialog select:focus-visible,.member-workspace a:focus-visible,.member-workspace button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Actual account tasks come before supplementary disclosures. */
.reference-account-hero{padding:32px 0!important;min-height:0!important}.reference-account-hero h1{font-size:36px!important;margin:0 0 12px!important}.reference-account-hero .sub-hero-lead{font-size:14px!important}
.reference-account .account-profile{padding:24px;gap:18px;margin-bottom:24px}
.reference-account .member-banner.member-banner{background:var(--card);border:1px solid var(--border)}
.reference-account .member-stats{gap:0;border-block:1px solid var(--border)}.reference-account .member-stats>a{background:none;border-radius:0;min-height:84px;border-right:1px solid var(--border)}.reference-account .member-stats>a:last-child{border-right:0}.reference-account .member-stats b{font:500 26px/1.5 var(--font-mono,monospace)}
.reference-account .member-heading{margin-bottom:16px}.reference-account .member-heading h2{font-size:24px}.reference-account .member-section:has(.member-stats){padding-bottom:0}
.account-utility-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:24px 0;border-block:1px solid var(--border);padding:12px 0}.account-utility-links a,.account-utility-links button{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;background:none;color:var(--ink);padding:8px 0;border:0;margin:0}.account-utility-links .ui-icon{width:18px;height:18px;color:var(--gold)}.account-utility-links button:hover,.account-utility-links a:hover{background:none;color:var(--primary)}
.reference-account .account-detail-groups{margin-top:28px}.reference-account .member-links{margin-top:24px}
@media(max-width:900px){.member-order-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.member-workspace{padding:12px 20px 40px}.member-return{margin-bottom:4px}.member-page-heading{margin-bottom:8px}.member-page-heading h1{font-size:27px}.member-page-heading>button{min-height:44px;font-size:13px;padding:8px 12px}.member-page-nav{gap:24px;margin-bottom:16px}.member-status-tabs{gap:20px;margin-bottom:12px}.member-workspace .records-filter{margin-bottom:12px}.member-workspace .records-filter label{font-size:0;gap:0}.member-workspace .records-filter label input{font-size:16px}.member-workspace .records-filter #consumer-clear{padding-inline:10px}.member-workspace .records-filter button{padding-inline:12px}.member-order,.member-cart,.member-service-record,.member-address,.member-message{padding:18px}.member-order-meta{padding-bottom:12px;gap:8px}.member-product-summary{gap:12px;padding:16px 0}.member-product-summary>img,.member-image-placeholder{width:58px;height:68px}.member-product-summary h2,.member-product-summary h4{font-size:16px}.member-product-summary p{font-size:11px}.member-order-amount{font-size:16px}.member-order-reference{font-size:10px;padding-bottom:12px}.member-order-actions{margin-top:12px;gap:8px}.member-order-actions button,.member-order-actions .button{font-size:12px;padding:8px 12px}.member-order-list{gap:16px}.member-address-list{grid-template-columns:minmax(0,1fr)}.member-empty{padding:40px 16px}.member-detail-facts>div{font-size:13px;gap:12px;grid-template-columns:minmax(84px,1fr) minmax(0,1.7fr)}#dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px);margin:auto;border-radius:6px}.member-dialog-heading{padding:14px 18px}#dialog .member-dialog-heading h2{font-size:22px}#dialog #fields{padding:20px 18px}#dialog #form>footer{padding:14px 18px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}#dialog[data-variant=order]{width:100%;margin:0;max-height:100dvh}.member-detail-section{padding:20px 0}.member-detail-section h3{font-size:20px}.reference-account-hero{padding:24px 0!important}.reference-account-hero h1{font-size:29px!important}.reference-account-hero .sub-hero-lead{font-size:12px!important;max-width:46ch}.reference-account .account-profile{padding:18px;gap:12px}.reference-account .member-avatar{width:44px;height:44px;font-size:22px}.reference-account .member-banner h2{font-size:20px}.reference-account .member-stats>a{min-height:76px;padding:10px 4px}.reference-account .member-stats b{font-size:24px}.account-utility-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.account-utility-links a,.account-utility-links button{font-size:13px}.reference-account .member-links{margin-top:16px}.member-profile-details{padding:20px 16px}}
@media(max-width:359px){.member-workspace{padding-inline:16px}.member-order{padding:14px}.member-product-summary{flex-wrap:wrap}.member-order-amount{margin-left:auto;padding-top:0}.member-order-actions button{padding-inline:10px}.member-message-foot{gap:8px;flex-wrap:wrap}}
@media(max-width:700px){.member-workspace .table-wrap table{min-width:0}.member-workspace .table-wrap thead{display:none}.member-workspace .table-wrap tbody,.member-workspace .table-wrap tr,.member-workspace .table-wrap td{display:block}.member-workspace .table-wrap tbody>tr{border:1px solid var(--border);padding:14px;background:var(--card);margin:0 0 16px}.member-workspace .table-wrap td{padding:8px 0;border:0;min-width:0;overflow-wrap:anywhere}.member-workspace .table-wrap td[data-label]{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.member-workspace .table-wrap td[data-label]::before{content:attr(data-label);font-size:12px;color:var(--muted-foreground)}.member-workspace .table-wrap{overflow:visible;background:none}.member-workspace .table-wrap button{min-height:44px;margin:0 8px 8px 0}.member-workspace .table-wrap .empty{padding:24px!important}}
@media(prefers-reduced-motion:reduce){.member-workspace *{scroll-behavior:auto;transition:none}.member-detail-history .ui-icon{transition:none}#dialog[open]{animation:none}}
