/* Shipment UI is isolated from the cart, product options and member typography. */
.club-track-dialog,.club-tracking-page{--track-accent:#ffc36c;--track-border:#3a3a3a;--track-muted:#b5b5b5;color:#f2f2f2;background:#171717;font:400 14px/1.5 Arial,sans-serif;box-sizing:border-box}
body:has([data-legion]) .club-track-dialog,.club-tracking-page[data-proxy="/apps/legion"]{--track-accent:#e34848}
.club-track-dialog{width:min(700px,calc(100vw - 32px));height:min(720px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--track-border);border-radius:14px;box-shadow:0 18px 64px #0008;overflow:hidden}
.club-track-dialog::backdrop{background:#000b}
.club-track-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--track-border)}
.club-track-header h2{margin:0;font:700 18px/1.35 Arial,sans-serif;color:inherit}
.club-track-close{appearance:none;border:0;background:transparent;color:#eee;width:36px;height:36px;font-size:28px;line-height:1;cursor:pointer;border-radius:8px}
.club-track-close:hover,.club-track-close:focus-visible{background:#333;outline:2px solid var(--track-accent)}
.club-track-body{height:calc(100% - 72px);overflow:auto;overscroll-behavior:contain;padding:20px;box-sizing:border-box;scrollbar-color:#888 #252525;scrollbar-width:thin}
.club-track-order{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px}
.club-track-parcel{padding:18px 0;border-top:1px solid var(--track-border)}
.club-track-parcel h3{margin:4px 0 8px;color:var(--track-accent);font:700 17px/1.4 Arial,sans-serif}
.club-track-number{overflow-wrap:anywhere;margin:0 0 4px}
.club-track-muted{color:var(--track-muted);font-size:12px;line-height:1.5}
.club-track-empty{color:#c8c8c8;padding:12px 0;margin:0 0 8px}
.club-track-events{list-style:none;margin:20px 0;padding:0 0 0 17px;border-left:1px solid #555}
.club-track-events li{position:relative;padding:0 0 20px 8px;margin:0}.club-track-events li:last-child{padding-bottom:0}
.club-track-events li::before{content:'';width:7px;height:7px;border-radius:50%;background:#777;position:absolute;left:-21px;top:6px}
.club-track-events li:first-child::before{background:var(--track-accent)}
.club-track-events time{display:block;color:var(--track-muted);font-size:12px}.club-track-events p{margin:3px 0;overflow-wrap:anywhere}
.club-track-button,.club-tracking-page form button{appearance:none;cursor:pointer;background:var(--track-accent);color:#161616;border:1px solid var(--track-accent);border-radius:7px;padding:10px 16px;font:700 14px/1.3 Arial,sans-serif}
.club-track-button:focus-visible,.club-tracking-page input:focus-visible{outline:2px solid var(--track-accent);outline-offset:3px}
.club-track-fallback{color:var(--track-muted);font-size:12px;text-underline-offset:3px}
.club-tracking-page{max-width:760px;margin:32px auto;padding:28px;border:1px solid var(--track-border);border-radius:14px}
.club-tracking-page h1{font-size:28px;margin:0 0 8px;color:#fff}.club-tracking-page>p{color:var(--track-muted)}
.club-tracking-page form{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:end;gap:12px;margin:24px 0}
.club-tracking-page label{display:grid;gap:6px;font-size:13px}.club-tracking-page input{min-width:0;box-sizing:border-box;width:100%;border:1px solid #555;border-radius:7px;padding:11px 12px;background:#222;color:#fff;font:400 16px/1.3 Arial,sans-serif}
.club-tracking-page button:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.club-track-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:12px}.club-track-header{padding:12px 16px}.club-track-body{padding:16px}.club-tracking-page{margin:16px 12px;padding:20px}.club-tracking-page form{grid-template-columns:1fr}.club-tracking-page h1{font-size:24px}}