.sf-account-layer{--account-navy: var(--sf-navy);--account-navy-hover: var(--sf-navy);--account-orange: var(--sf-orange);--account-orange-ink: var(--sf-orange-ink);--account-ink: var(--sf-navy);--account-copy: var(--sf-text-muted);--account-muted: var(--sf-text-muted);--account-canvas: var(--sf-surface-soft);--account-surface: #fff;--account-line: var(--sf-line);--account-soft: var(--sf-pale);--account-active: var(--sf-pale);--account-orange-soft: var(--sf-orange-soft);--account-success-soft: var(--sf-success-soft);--account-success-ink: var(--sf-success);z-index:140;display:grid;padding:clamp(.75rem,2vw,2rem);place-items:center;font-family:var(--sf-font-body)}html.sf-layer-open{overflow:hidden;overscroll-behavior:none}.sf-account-layer[hidden]{display:none}.sf-account-layer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#233c6a9e;opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity var(--sf-motion-panel) var(--sf-ease),backdrop-filter var(--sf-motion-panel) var(--sf-ease)}.sf-account-layer.is-open .sf-account-layer__backdrop{opacity:1;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.sf-account-modal{position:relative;display:grid;min-width:0;width:min(72rem,100%);max-width:100%;height:min(44rem,calc(100dvh - clamp(1.5rem,4vw,4rem)));max-height:calc(100dvh - clamp(1.5rem,4vw,4rem));grid-template-rows:5.8rem minmax(0,1fr);overflow:clip;border-radius:var(--sf-radius-md);background:var(--account-surface);color:var(--account-ink);box-shadow:0 2.2rem 6rem #233c6a57;opacity:0;transform:translateY(1rem) scale(.985);transition:opacity var(--sf-motion-panel) var(--sf-ease),transform var(--sf-motion-panel) var(--sf-ease)}.sf-account-layer.is-open .sf-account-modal{opacity:1;transform:none}.sf-account-modal *{box-sizing:border-box}.sf-account-modal :is(button,input){font:inherit}.sf-account-modal button{border:0;color:inherit;cursor:pointer}.sf-account-modal svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sf-account-modal :is(a,button,input):focus-visible{outline:0;box-shadow:inset 0 calc(var(--sf-focus-line) * -1) 0 var(--sf-focus-color)}.sf-account-modal ::selection{background:var(--account-orange);color:#fff}.sf-account-modal [hidden]{display:none!important}.sf-account-modal .sf-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sf-account-modal__header{position:relative;z-index:2;display:grid;grid-template-columns:14rem minmax(0,1fr) auto auto;min-height:5.8rem;align-items:center;border-bottom:0;background:#fff}.sf-account-modal__brand{height:100%;padding:1.35rem 1.4rem;display:flex;align-items:center;border-right:1px solid var(--account-line)}.sf-account-modal__brand img{display:block;width:min(10.25rem,100%);height:auto}.sf-account-modal__heading{min-width:0;padding:0 2.75rem}.sf-account-modal__heading h2{margin:0;font-family:var(--sf-font-display);font-size:1.65rem;font-weight:600;letter-spacing:-.025em}.sf-account-modal__heading small{display:block;margin-top:.15rem;color:var(--account-muted);font-size:.7rem}.sf-account-modal__identity{display:flex;min-width:0;padding-left:1rem;align-items:center;gap:.75rem}.sf-account-modal__identity>span{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:var(--sf-radius-md);background:var(--account-orange-soft);color:var(--account-navy);font:600 .72rem var(--sf-font-display);text-transform:uppercase}.sf-account-modal__identity strong,.sf-account-modal__identity small{display:block;max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-account-modal__identity strong{font:600 .75rem var(--sf-font-display)}.sf-account-modal__identity small{margin-top:.1rem;color:var(--account-muted);font-size:.7rem}.sf-account-modal__close{display:grid;width:2.75rem;height:2.75rem;margin:0 1.35rem 0 .8rem;padding:0;place-items:center;border-radius:var(--sf-radius-md);background:var(--account-soft);transition:background-color var(--sf-motion-ui) var(--sf-ease),color var(--sf-motion-ui) var(--sf-ease)}.sf-account-modal__close:hover{background:var(--account-navy);color:#fff}.sf-account-modal__state{min-height:0;padding:clamp(2.5rem,7vw,6rem);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:var(--account-canvas)}.sf-account-modal__state-icon{display:grid;width:3.4rem;height:3.4rem;margin-bottom:1.4rem;place-items:center;border-radius:var(--sf-radius-md);background:var(--account-orange-soft);color:var(--account-orange-ink)}.sf-account-modal__state-icon svg{width:1.45rem;height:1.45rem}.sf-account-modal__state>p{max-width:39rem;margin:1rem 0 0;color:var(--account-copy)}.sf-account-modal__state>.sf-account-modal__primary{margin-top:1.6rem}.sf-account-modal__state>div{margin-top:1.6rem;display:flex;align-items:center;gap:1.2rem}.sf-account-modal__state>div .sf-account-modal__primary{margin:0}.sf-account-modal__state>div>a:last-child{font-size:.75rem}.sf-account-modal__state>small{margin-top:1rem;color:var(--account-muted);font-size:.7rem}.sf-account-modal__notice{padding:.9rem 1rem;border-radius:var(--sf-radius-md);background:#fff}.sf-account-modal:not(.sf-account-modal--approved){width:min(44rem,100%);height:auto;grid-template-rows:auto minmax(0,1fr)}.sf-account-modal:not(.sf-account-modal--approved) .sf-account-modal__header{grid-template-columns:minmax(0,1fr) auto}.sf-account-modal:not(.sf-account-modal--approved) :is(.sf-account-modal__heading,.sf-account-modal__identity){display:none}.sf-account-modal:not(.sf-account-modal--approved) .sf-account-modal__state{overflow-y:auto}.sf-account-modal__primary{display:inline-flex;min-height:48px;padding:.8rem 1.25rem;align-items:center;gap:1rem;background:var(--sf-orange);color:#fff;border-radius:8px;font-weight:600}.sf-account-modal__primary:hover{background:var(--sf-navy)}.sf-account-modal__state h1{margin:0;font:600 clamp(1.8rem,3vw,2.5rem)/1.1 var(--sf-font-display)}.sf-account-modal--approved{width:min(78rem,100%);height:min(52rem,calc(100dvh - 2rem))}.sf-account-modal--approved .sf-account-modal__header{grid-template-columns:14rem 1fr auto;border-bottom:1px solid var(--sf-line)}.sf-account-modal--approved .sf-account-modal__identity{display:none}.sf-account-modal--approved .sf-account-modal__brand{border:0}.sf-account-modal--approved .sf-customer{padding:2rem;overflow-y:auto;overscroll-behavior:contain}.sf-account-layer--page{position:relative;z-index:auto;padding:clamp(2rem,4vw,4rem) 0 clamp(3rem,6vw,6rem)}.sf-account-layer--page .sf-account-modal{width:var(--sf-content-width);height:auto;max-height:none;overflow:visible;opacity:1;transform:none;box-shadow:none;border:0;border-radius:0;display:block}.sf-account-layer--page .sf-customer{padding:0;overflow:visible}.sf-customer{min-width:0;font-size:1rem;line-height:1.5;color:var(--sf-navy)}.sf-customer :is(h1,h2,h3,h4,p){margin:0}.sf-customer :is(h1,h2,h3,h4){font-family:var(--sf-font-display);text-wrap:balance}.sf-customer h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;font-weight:600;letter-spacing:-.035em}.sf-customer h2{font-size:1.4rem;line-height:1.3;font-weight:600;letter-spacing:-.02em}.sf-customer h3{font-size:1.05rem;line-height:1.4;font-weight:600}.sf-customer h4{font-size:.95rem;font-weight:600;margin-bottom:.65rem}.sf-customer button{background:transparent}.sf-customer :is(a,button,summary,input):focus-visible{outline:0;box-shadow:inset 0 -3px 0 currentColor}.sf-customer :is(button,a){-webkit-tap-highlight-color:transparent}.sf-customer button:disabled{opacity:.55;cursor:wait}.sf-customer__header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:2rem}.sf-customer__header p{color:var(--sf-text-muted);margin-top:.5rem}.sf-customer .sf-customer__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:2rem;padding:.9rem 1.4rem;background:var(--sf-orange);border-radius:8px;color:#fff;font-weight:600;white-space:nowrap;transition:background-color .16s ease}.sf-customer .sf-customer__button:hover{background:var(--sf-navy)}.sf-customer__tabs{display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--sf-line);margin-bottom:2rem}.sf-customer__tabs button{position:relative;min-height:54px;padding:.75rem 0;font-weight:600;color:var(--sf-text-muted)}.sf-customer__tabs button[aria-current]{color:var(--sf-navy)}.sf-customer__tabs button[aria-current]:after{content:"";position:absolute;height:3px;background:var(--sf-orange);inset:auto 0 -1px}.sf-customer__logout{display:inline-flex;align-items:center;min-height:48px;gap:.8rem;margin-left:auto;color:var(--sf-text-muted);font-size:.9rem}.sf-customer__panels{display:grid;align-items:start}.sf-customer__panels>[data-account-panel]{grid-area:1 / 1;min-width:0}.sf-account-modal .sf-customer__panels>[data-account-panel=overview][hidden]{display:block!important;visibility:hidden;pointer-events:none}.sf-customer [data-account-recent]{min-block-size:calc(3 * var(--account-activity-height, 8.75rem) + 1.6rem)}.sf-customer__overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);gap:clamp(1.5rem,4vw,4rem);align-items:start}.sf-customer__section-title{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.sf-customer__section-title p{margin-top:.4rem;color:var(--sf-text-muted)}.sf-customer__text-button,.sf-customer__text-link{display:inline-flex;min-height:44px;align-items:center;justify-content:flex-start;gap:.65rem;padding:0;color:var(--sf-navy);font-size:.9rem;font-weight:600}.sf-customer :is(.sf-customer__text-button,.sf-customer__text-link,.sf-customer__logout):hover{text-decoration:underline;text-decoration-color:var(--sf-orange);text-underline-offset:5px}.sf-customer__card{padding:1.7rem;border:1px solid var(--sf-line);border-radius:12px;background:#fff}.sf-customer__profile-data{margin:1.4rem 0 .75rem;display:grid;gap:1.15rem}.sf-customer__profile-data dt{color:var(--sf-text-muted);font-size:.82rem}.sf-customer__profile-data dd{margin:.25rem 0 0;font-weight:600;overflow-wrap:anywhere}.sf-customer__help{margin-top:1.5rem;padding:1.5rem 1.7rem;border-radius:12px;background:var(--sf-surface-soft)}.sf-customer__help h2{font-size:1.1rem}.sf-customer__help p{margin:.5rem 0 .8rem;color:var(--sf-text-muted);font-size:.95rem}.sf-customer__help a{display:flex;min-height:44px;align-items:center;gap:.65rem;font-weight:600}.sf-customer__recent-row{min-block-size:var(--account-activity-height, 8.75rem);display:flex;width:100%;align-items:center;gap:1.2rem;padding:1.4rem;text-align:left;border:1px solid var(--sf-line)!important;border-radius:12px;transition:background-color .16s ease}.sf-customer__recent-row+.sf-customer__recent-row{margin-top:.8rem}.sf-customer__recent-row:hover{background:var(--sf-surface-soft)}.sf-customer__recent-row>span:not(.sf-customer__no-image){min-width:0;display:grid;gap:.35rem}.sf-customer__recent-row>svg{margin-left:auto;flex-shrink:0}.sf-customer__recent-row strong{font-size:1.05rem}.sf-customer__recent-row small{color:var(--sf-text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.sf-customer__status{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:6px;font-size:.8rem;line-height:1.4;font-weight:600;white-space:nowrap}.sf-customer__status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.sf-customer__status--pending{background:var(--sf-orange-soft);color:var(--sf-navy)}.sf-customer__status--approved{background:var(--sf-success-soft);color:var(--sf-success)}.sf-customer__status--cancelled{background:var(--sf-surface-soft);color:var(--sf-text-muted)}.sf-customer__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.sf-customer__filters{display:flex;flex-wrap:wrap;gap:.25rem}.sf-customer__filters button{min-height:44px;padding:.65rem .9rem;border-radius:7px;font-size:.9rem;color:var(--sf-text-muted)}.sf-customer__filters button[aria-pressed=true]{background:var(--sf-navy);color:#fff}.sf-customer__filters button:hover:not([aria-pressed=true]){background:var(--sf-surface-soft)}.sf-customer__search{display:flex;flex:0 1 17rem;min-width:0;min-height:46px;align-items:center;gap:.6rem;padding:0 .85rem;border:1px solid var(--sf-line);border-radius:8px}.sf-customer__search:focus-within{border-color:var(--sf-navy);background:var(--sf-pale)}.sf-customer__search input{width:100%;min-width:0;padding:.65rem 0;border:0;background:transparent;color:var(--sf-navy);font-size:.9rem}.sf-customer .sf-customer__search input:focus-visible{outline:0;box-shadow:none}.sf-customer__search input::placeholder{color:var(--sf-text-muted);opacity:1}.sf-customer__order-list{display:grid;gap:1rem}.sf-customer__order{border:1px solid var(--sf-line);border-radius:12px;overflow:clip;background:#fff}.sf-customer__order-meta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(10rem,1fr);gap:1.5rem;align-items:center;padding:1.2rem 1.5rem;background:var(--sf-surface-soft);border-bottom:1px solid var(--sf-line)}.sf-customer__order-meta time{display:block;margin-top:.3rem;font-size:.85rem;color:var(--sf-text-muted)}.sf-customer__amount{text-align:right;font-variant-numeric:tabular-nums}.sf-customer__amount small{display:block;margin-bottom:.25rem;color:var(--sf-text-muted);font-size:.8rem}.sf-customer__amount strong{font-size:1.05rem}.sf-customer__order-preview{display:flex;gap:1.3rem;align-items:center;padding:1.5rem}.sf-customer__order-preview p{margin-top:.45rem;color:var(--sf-text-muted);font-size:.9rem}.sf-customer :is(.sf-customer__order-preview,.sf-customer__recent-row,.sf-customer__items li)>img,.sf-customer__no-image{display:grid;width:76px;height:76px;flex-shrink:0;object-fit:contain;padding:.4rem;border:1px solid var(--sf-line);border-radius:8px;background:#fff;place-items:center}.sf-customer__no-image svg{width:28px;height:28px;color:var(--sf-text-muted)}.sf-customer__details>summary{display:flex;align-items:center;gap:.6rem;min-height:48px;padding:.75rem 1.5rem;border-top:1px solid var(--sf-line);font-size:.9rem;font-weight:600;list-style:none;cursor:pointer}.sf-customer__details>summary::-webkit-details-marker{display:none}.sf-customer__details>summary:hover{background:var(--sf-surface-soft)}.sf-customer__details>summary svg{margin-left:auto;transition:transform .16s ease}.sf-customer__details[open]>summary svg{transform:rotate(180deg)}.sf-customer__details:not([open]) .sf-customer__hide-label,.sf-customer__details[open] .sf-customer__show-label{display:none}.sf-customer__detail-content{padding:1.5rem;border-top:1px solid var(--sf-line)}.sf-customer__notice{padding:1rem 1.2rem;border-radius:8px;background:var(--sf-orange-soft);font-size:.95rem}.sf-customer__items{list-style:none;margin:0 0 1.5rem;padding:0}.sf-customer__items li{display:flex;align-items:center;gap:1rem;padding:1.3rem 0;border-bottom:1px solid var(--sf-line)}.sf-customer__items li>div{min-width:0;flex:1}.sf-customer__items li>div strong{display:block;font-size:.95rem}.sf-customer__items li small{display:block;margin-top:.2rem;color:var(--sf-text-muted);font-size:.85rem}.sf-customer__items li>strong{text-align:right;font-size:.95rem;font-variant-numeric:tabular-nums}.sf-customer__detail-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:2rem;padding-top:.5rem}.sf-customer__detail-grid section{min-width:0}.sf-customer__detail-grid p{font-size:.9rem;color:var(--sf-text-muted);overflow-wrap:anywhere}.sf-customer__totals dl{margin:0;font-size:.9rem}.sf-customer__totals dl>div{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem}.sf-customer__totals dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.sf-customer__grand-total{padding-top:.7rem;border-top:1px solid var(--sf-line);font-weight:600}.sf-customer__reference{margin-top:1.25rem!important;font-size:.9rem}.sf-customer__tracking{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.sf-customer__tracking a{display:flex;align-items:center;gap:.6rem;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:.9rem}.sf-customer__error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:1rem;padding:1rem 1.2rem;background:var(--sf-orange-soft);border-radius:8px}.sf-customer__empty{padding:clamp(2rem,4vw,4rem);border:1px solid var(--sf-line);border-radius:12px;background:var(--sf-surface-soft)}.sf-customer__empty h3{font-size:1.35rem}.sf-customer__empty p{max-width:50ch;margin-top:.6rem;color:var(--sf-text-muted)}.sf-customer__empty button{margin-top:1rem}.sf-customer__more{display:flex;align-items:center;flex-direction:column;gap:1rem;margin-top:1.5rem}.sf-customer__more p{color:var(--sf-text-muted);font-size:.85rem}.sf-customer__secondary{min-height:48px;padding:.75rem 1.5rem;border:1px solid var(--sf-line)!important;border-radius:8px;font-weight:600}.sf-customer__secondary:hover{background:var(--sf-surface-soft)}.sf-customer__loading{display:flex;align-items:center;gap:.85rem;min-block-size:var(--account-activity-height, 8.75rem);padding:1.4rem;border:1px solid var(--sf-line);border-radius:12px;background:var(--sf-surface-soft);color:var(--sf-text-muted);font-size:.95rem}.sf-customer__spinner{flex:0 0 20px;width:20px;height:20px;border:2px solid var(--sf-line);border-top-color:var(--sf-orange);border-radius:50%;animation:sf-account-loading-spin .8s linear infinite}@keyframes sf-account-loading-spin{to{transform:rotate(360deg)}}@media(max-width:64rem){.sf-customer__overview{grid-template-columns:minmax(0,1fr) 19rem;gap:1.5rem}.sf-customer__toolbar{align-items:stretch;flex-direction:column}.sf-customer__search{flex:auto;max-width:none}.sf-customer__detail-grid{grid-template-columns:1fr 1fr}.sf-customer__totals{grid-column:1/-1;max-width:28rem}}@media(max-width:47.5rem){.sf-account-layer{padding:.5rem}.sf-account-layer--page{padding:2rem 0 3rem}.sf-account-modal--approved{height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);grid-template-rows:4.5rem minmax(0,1fr)}.sf-account-modal__header{min-height:4.5rem}.sf-account-modal--approved .sf-account-modal__header{grid-template-columns:1fr auto}.sf-account-modal__heading,.sf-account-modal__identity{display:none}.sf-account-modal__brand{padding:1rem}.sf-account-modal__close{margin:0 1rem}.sf-account-modal--approved .sf-customer{padding:1.25rem}.sf-account-layer--page .sf-customer{padding:0}.sf-customer{--account-activity-height:7.75rem}.sf-customer__header{align-items:flex-start;flex-direction:column;gap:1.25rem;padding-bottom:1.5rem}.sf-customer__tabs{gap:1.25rem;flex-wrap:wrap;margin-bottom:1.5rem}.sf-customer__tabs button{min-height:48px;font-size:.9rem}.sf-customer__logout{margin-left:0;margin-top:-.75rem}.sf-customer__overview{grid-template-columns:1fr;gap:2rem}.sf-customer__section-title{gap:1rem;margin-bottom:1rem}.sf-customer__section-title h2{font-size:1.2rem}.sf-customer__section-title p{font-size:.95rem}.sf-customer__section-title>button{flex-shrink:0}.sf-customer__recent-row{padding:1rem;gap:.8rem}.sf-customer__recent-row>img,.sf-customer__recent-row>.sf-customer__no-image{width:56px;height:64px}.sf-customer__recent-row .sf-customer__status{font-size:.72rem;padding:.3rem .5rem}.sf-customer__recent-row small{font-size:.8rem}.sf-customer__card,.sf-customer__help{padding:1.25rem}.sf-customer__filters button{padding:.6rem .7rem;font-size:.85rem}.sf-customer__order-meta{grid-template-columns:1fr auto;gap:1rem;padding:1rem}.sf-customer__order-meta>.sf-customer__status{grid-row:2;grid-column:1/-1}.sf-customer__order-meta>.sf-customer__amount{grid-row:1;grid-column:2}.sf-customer__order-meta strong{font-size:.95rem}.sf-customer__order-preview{padding:1rem;gap:1rem}.sf-customer__order-preview>img,.sf-customer__order-preview>.sf-customer__no-image{width:60px;height:70px}.sf-customer__order-preview h3{font-size:.95rem}.sf-customer__details>summary{padding:.75rem 1rem}.sf-customer__detail-content{padding:1rem}.sf-customer__items li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.8rem}.sf-customer__items li>img,.sf-customer__items li>.sf-customer__no-image{width:48px;height:60px}.sf-customer__items li>strong{grid-column:2;text-align:left}.sf-customer__detail-grid{grid-template-columns:1fr;gap:1.5rem}.sf-customer__empty{padding:1.5rem}.sf-customer__empty h3{font-size:1.15rem}.sf-account-modal__state{padding:2rem 1.25rem}}@media(prefers-reduced-motion:reduce){.sf-account-layer__backdrop,.sf-account-modal,.sf-customer *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sunflex-account-modal.css.map */