.customer-access-dialog.customer-account-dialog{--ink-muted:color-mix(in srgb, var(--ink) 78%, var(--catalog-surface));--account-brand:var(--catalog-primary,var(--primary));--account-brand-ink:color-mix(in srgb, var(--account-brand) 28%, var(--ink));--account-brand-tint:var(--catalog-primary-soft);--account-line:color-mix(in srgb, var(--ink) 24%, var(--catalog-surface));max-width:720px;height:720px;max-height:calc(100dvh - 48px);color:var(--ink);background:var(--catalog-surface);letter-spacing:0;grid-template-rows:auto auto minmax(0,1fr);padding:0;font-size:15px;line-height:1.5;display:grid;overflow:hidden;box-shadow:0 20px 64px #00000030}.customer-account-dialog .customer-access-header{background:var(--catalog-surface);border-top:5px solid var(--account-brand);color:var(--ink);padding:20px 24px}.customer-account-dialog .customer-access-header>div{min-width:0}.customer-account-dialog .customer-access-header span{color:var(--ink-muted);overflow-wrap:anywhere;font-size:14px}.customer-account-dialog .customer-access-header h2{color:var(--ink);font-size:24px;font-weight:600}.customer-account-dialog .icon-button{flex-shrink:0;width:44px;height:44px}.customer-account-dialog .customer-access-header .icon-button{background:var(--catalog-surface);border:1px solid var(--account-line);color:var(--ink);border-radius:6px}.customer-account-dialog .customer-access-header .icon-button:hover{background:var(--account-brand-tint)}.customer-account-tabs{border-bottom:1px solid var(--account-line);background:var(--catalog-surface);grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px;display:grid}.customer-account-tabs button{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 8px;font-weight:500;display:flex}.customer-account-tabs button[aria-selected=true]{border-bottom-color:var(--account-brand);color:var(--account-brand-ink);background:var(--account-brand-tint);font-weight:600}.customer-account-tabs button:not([aria-selected=true]):hover{color:var(--ink);background:var(--account-brand-tint)}.customer-account-tabs svg{flex-shrink:0;width:19px;height:19px}.customer-account-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;padding:20px 24px 24px;overflow-y:auto}.customer-account-content [hidden]{display:none}.customer-account-content [role=tabpanel]{min-width:0}.customer-account-dialog button:focus-visible{outline:2px solid var(--catalog-primary,var(--primary));outline-offset:2px}.customer-account-dialog .customer-account-view{gap:24px;padding-top:0}.customer-account-dialog .customer-account-summary{border-bottom:1px solid var(--account-line);background:0 0;align-items:flex-start;padding:0 0 20px}.customer-account-dialog .customer-account-summary>div{overflow-wrap:anywhere;min-width:0}.customer-account-dialog .customer-account-summary>svg{background:var(--account-brand-tint);width:40px;height:40px;color:var(--account-brand-ink);border-radius:6px;flex:0 0 40px;padding:8px}.customer-account-dialog .customer-account-summary strong{font-size:19px;font-weight:600}.customer-account-dialog .customer-account-summary span{color:var(--ink-muted);font-size:15px}.customer-account-dialog .customer-profile-edit{color:var(--account-brand-ink);border:1px solid var(--account-line);background:var(--catalog-surface);border-radius:6px}.customer-account-dialog .customer-profile-form label{font-size:14px;font-weight:500}.customer-account-dialog .customer-profile-form input{box-sizing:border-box;border-color:var(--account-line);background:var(--catalog-surface);min-width:0;color:var(--ink);font-size:16px}.customer-account-dialog .customer-profile-actions{flex-wrap:wrap}.customer-account-dialog .customer-profile-actions button{min-height:44px;font-size:14px}.customer-account-dialog .customer-logout-button{min-height:44px;color:var(--account-brand-ink);background:var(--catalog-surface);border-color:var(--account-line);font-size:15px}.customer-account-dialog .customer-logout-button:hover{background:var(--account-brand-tint)}.customer-google-linked{color:var(--ink);align-items:center;gap:8px;margin:0;display:flex}.customer-google-linked svg{width:20px;height:20px;color:var(--account-brand-ink);flex-shrink:0}.customer-profile-saved-address h3{align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:600;display:flex}.customer-profile-saved-address h3 svg{width:24px;height:24px;color:var(--account-brand-ink)}.customer-profile-saved-address p{overflow-wrap:anywhere;color:var(--ink-muted);margin:6px 0;font-size:16px}.customer-orders-filters{gap:8px;margin-bottom:18px;display:flex}.customer-orders-filters button{border:1px solid var(--account-line);background:var(--catalog-surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.customer-orders-filters button[aria-pressed=true]{background:var(--account-brand);border-color:var(--account-brand);color:var(--catalog-on-primary);font-weight:600}.customer-orders-filters button span{font-variant-numeric:tabular-nums;background:var(--account-brand-tint);min-width:24px;color:var(--ink);text-align:center;border-radius:4px;padding:2px 5px;font-size:12px}.customer-orders-filters button[aria-pressed=true] span{background:var(--catalog-surface);color:var(--account-brand-ink)}.customer-account-dialog .customer-orders-message{padding:32px 0;font-size:15px}.customer-orders-empty{text-align:center;color:var(--ink-muted);justify-items:center;gap:12px;padding:40px 12px;display:grid}.customer-orders-empty>svg{width:32px;height:32px}.customer-orders-empty p{margin:0}.customer-order-summary-button{background:var(--catalog-surface);width:100%;min-width:0;color:var(--ink);border:1px solid var(--account-line);border-left:4px solid var(--catalog-accent);font:inherit;text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:14px 16px;transition:background-color .12s,box-shadow .12s;display:flex;box-shadow:0 2px 3px #00000008}.customer-order-summary-button[data-status=converted]{border-left-color:var(--account-brand)}.customer-order-summary-button[data-status=cancelled]{border-left-color:var(--account-line)}.customer-order-summary-button[data-status=sentToWhatsapp],.customer-order-summary-button[data-status=readyForDelivery]{border-left-color:var(--account-brand)}.customer-order-summary-button:hover{background:var(--account-brand-tint);box-shadow:0 3px 10px #0000001a}.customer-order-summary-button>svg{width:22px;height:22px;color:var(--account-brand-ink);flex:0 0 22px}.customer-order-summary-main{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-width:0;display:grid}.customer-order-summary-main time{font-size:14px}.customer-order-reference{color:var(--ink);overflow-wrap:anywhere;font-size:15px;font-weight:600}.customer-order-summary-meta{color:var(--ink-muted);gap:2px;font-size:14px;display:grid}.customer-order-summary-main strong{text-align:right;color:var(--account-brand-ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.customer-account-dialog .customer-order-status{white-space:normal;overflow-wrap:anywhere;text-align:left;background:var(--catalog-accent);color:var(--catalog-on-accent);border:1px solid #0000;border-radius:4px;justify-self:end;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:600;display:inline-flex}.customer-account-dialog .customer-order-status svg{flex:0 0 15px;width:15px;height:15px}.customer-account-dialog .customer-order-status.is-converted{background:var(--account-brand);color:var(--catalog-on-primary)}.customer-account-dialog .customer-order-status.is-cancelled{background:var(--catalog-surface);color:var(--ink-muted);border-color:var(--account-line);border-style:dashed}.customer-account-dialog .customer-order-status.is-sentToWhatsapp,.customer-account-dialog .customer-order-status.is-readyForDelivery{background:var(--account-brand);color:var(--catalog-on-primary)}.customer-order-summary-delivery{color:var(--ink);border-top:1px solid var(--account-line);grid-column:1/-1;align-items:center;gap:6px;margin-top:4px;padding-top:10px;font-size:14px;display:flex}.customer-order-summary-delivery svg{flex:0 0 16px;width:16px;height:16px}.customer-orders-pagination{color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;font-size:14px;display:flex}.customer-orders-pagination>div{align-items:center;gap:4px;display:flex}.customer-orders-pagination .icon-button{background:var(--catalog-surface);border:1px solid var(--account-line);color:var(--ink);border-radius:6px}.customer-orders-pagination button:disabled{opacity:.35;cursor:not-allowed}.customer-order-detail{min-width:0}.customer-order-back{font:inherit;background:var(--catalog-surface);border:1px solid var(--account-line);min-height:44px;color:var(--account-brand-ink);cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:0 12px;display:flex}.customer-order-back svg{width:20px;height:20px}.customer-order-detail-heading{justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:20px;display:flex}.customer-order-detail-heading>div{min-width:0}.customer-order-detail-heading h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:18px;font-weight:600}.customer-order-detail-heading time{color:var(--ink-muted);font-size:14px}.customer-order-detail-section{border-top:1px solid var(--account-line);padding:20px 0}.customer-order-detail-section h4{align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:600;display:flex}.customer-order-detail-section h4 svg{width:24px;height:24px;color:var(--account-brand-ink)}.customer-order-detail-section p{overflow-wrap:anywhere;color:var(--ink-muted);margin:6px 0;font-size:16px}.customer-order-items{margin:0;padding:0;list-style:none}.customer-order-items li{justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0;display:flex}.customer-order-items li>div{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.customer-order-items li>span{flex-shrink:0}.customer-order-items small{color:var(--ink-muted);font-size:14px}.customer-order-totals{border-top:1px solid var(--account-line);margin:16px 0 0;padding-top:12px}.customer-order-totals>div{justify-content:space-between;gap:16px;padding:5px 0;display:flex}.customer-order-totals dd{font-variant-numeric:tabular-nums;margin:0}.customer-order-totals .customer-order-grand-total{background:var(--account-brand);color:var(--catalog-on-primary);border-left:4px solid var(--catalog-accent);margin-top:12px;padding:16px;font-size:18px;font-weight:600}.customer-order-grand-total dd{color:inherit;font-size:22px}.customer-order-detail .customer-order-schedule{color:var(--ink);align-items:flex-start;gap:6px;margin-top:16px;display:flex}.customer-order-detail .customer-order-schedule svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px}.customer-order-notes{white-space:pre-wrap}@media (max-width:640px){.overlay.customer-account-overlay{align-items:stretch;padding:0}.customer-access-dialog.customer-account-dialog{border:0;border-radius:0;max-width:none;height:100dvh;max-height:100dvh}.customer-account-dialog .customer-access-header{padding:calc(16px + env(safe-area-inset-top)) 16px 12px}.customer-account-tabs{padding:0 16px}.customer-account-content{padding:16px 16px calc(20px + env(safe-area-inset-bottom));scrollbar-gutter:auto}.customer-orders-filters button{flex:1;justify-content:center;gap:6px;padding:8px 6px}.customer-order-summary-button{gap:8px;padding:12px}.customer-order-summary-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.customer-order-summary-main time{font-size:14px}.customer-account-dialog .customer-order-status{max-width:100%;font-size:12px}.customer-order-summary-main strong{font-size:18px}.customer-order-totals .customer-order-grand-total{flex-wrap:wrap;gap:6px 12px}.customer-order-detail-heading{flex-direction:column;gap:10px}.customer-account-dialog .customer-profile-grid,.customer-account-dialog .customer-profile-address-grid{grid-template-columns:minmax(0,1fr)}.customer-account-dialog .customer-profile-clear{flex-basis:100%}}
