/* Customer auth modal — real Shopify accounts. Matches the .acm modal aesthetic. */
.auth{position:fixed;inset:0;z-index:1350;display:none;align-items:center;justify-content:center;padding:24px}
.auth.open{display:flex}
.auth__scrim{position:absolute;inset:0;background:rgba(28,26,24,.52);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .4s}
.auth.open .auth__scrim{opacity:1}
.auth__card{position:relative;z-index:2;width:min(430px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:0;box-shadow:0 40px 100px -30px rgba(28,26,24,.62);padding:clamp(30px,4vw,44px);transform:translateY(18px) scale(.98);opacity:0;transition:transform .5s var(--ease-out),opacity .5s}
.auth.open .auth__card{transform:none;opacity:1}
.auth__close{position:absolute;top:12px;right:12px;z-index:5;width:38px;height:38px;border:none;border-radius:0;background:rgba(255,255,255,.92);cursor:pointer;display:flex;align-items:center;justify-content:center}
.auth__close svg{width:17px;height:17px;stroke:var(--ocean-900);stroke-width:1.8;fill:none}
.auth__tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px}
.auth__tabs button{background:none;border:none;padding:0 0 12px;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);position:relative}
.auth__tabs button[aria-selected="true"]{color:var(--text-strong)}
.auth__tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ocean-900)}
.auth__pane{display:none;flex-direction:column;gap:12px}
.auth__pane.on{display:flex}
.auth__grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth input{height:48px;padding:0 15px;border:1px solid var(--line);background:var(--linen);font-family:var(--font-sans);font-size:14px;color:var(--text-body);border-radius:0;width:100%}
.auth input:focus{outline:none;border-color:var(--ocean-700)}
.auth__err{font-family:var(--font-sans);font-size:13px;color:var(--accent);background:rgba(200,90,60,.08);border:1px solid rgba(200,90,60,.25);border-radius:0;padding:10px 13px}
.auth__cta{margin-top:6px;height:52px;border:none;cursor:pointer;background:var(--ocean-900);color:var(--linen);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;border-radius:0;transition:background .3s}
.auth__cta:hover{background:var(--bronze-dk)}
.auth__cta:disabled{opacity:.6;cursor:default}
/* signed-in */
.auth__out{display:none}.auth__out.on{display:block}
.auth__in{display:none}.auth__in.on{display:block}
.auth__eyebrow{display:block;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.auth__in h3{font-family:var(--font-display);font-size:30px;color:var(--text-strong);margin:0 0 4px}
.auth__email{font-family:var(--font-sans);font-size:14px;color:var(--text-muted);margin:0 0 22px}
.auth__ordersh{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}
.auth__orders{border-top:1px solid var(--line);padding-top:18px;margin-bottom:22px}
.auth__ordersempty{font-family:var(--font-display);font-style:italic;font-size:15px;color:var(--text-muted);margin:0}
.auth__order{padding:12px 0;border-bottom:1px solid var(--line)}
.auth__order:last-child{border-bottom:none}
.auth__orderrow{display:flex;justify-content:space-between;align-items:baseline}
.auth__ordno{font-family:var(--font-display);font-size:18px;color:var(--text-strong)}
.auth__ordtot{font-family:var(--font-sans);font-size:14px;color:var(--text-strong)}
.auth__orddate{font-family:var(--font-sans);font-size:12px;color:var(--text-muted);margin-top:2px;text-transform:capitalize}
.auth__orditems{font-family:var(--font-sans);font-size:13px;color:var(--text-body);margin-top:5px;line-height:1.5}
.auth__signout{width:100%;height:48px;border:1px solid var(--line);background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-strong);border-radius:0;transition:all .3s}
.auth__signout:hover{border-color:var(--ocean-900);background:var(--sand-100)}
@media(max-width:420px){.auth__grid2{grid-template-columns:1fr}}