/* USB arena theme, using the owner's existing homepage artwork. */
:root{--bg:#030811;--panel:#091421;--line:#203b54;--muted:#a6b8ca;--gold:#53c8ff;--white:#f3f8ff}
body{background:linear-gradient(180deg,#020812d9,#030811f7 750px),url('assets/usb-banner.png') center top / 1800px auto no-repeat fixed;font-family:Arial,sans-serif}
.workspace-banner{background:#061d32;color:#96dcff;border-bottom:1px solid #1c4767}.workspace-banner span{color:#adc2d3}.workspace-banner button{color:#b3e6ff}
aside{background:linear-gradient(180deg,#051221f5,#030b16);border-right:1px solid #20405b}
.brand{gap:10px}.brandlogo{width:54px;height:54px;object-fit:contain;filter:invert(1)}.brand small{color:#75d2ff;letter-spacing:3px}.brand span{font-size:10px}.brand .mark{display:none}
.navlabel{color:#8ba4bc}nav button.active,.adminnav button.active{background:linear-gradient(90deg,#123759,#09213a);color:#b7e9ff;box-shadow:inset 3px 0 #31b6ff}nav button:hover,.adminnav button:hover{background:#10283e;color:white}
header{background:#05101cd9;border-bottom:1px solid #244762}.breadcrumb{color:#88a4bd}.balance{background:#082a43;border-color:#2a739c;color:#ade7ff}
main{padding-top:30px}.hero{min-height:390px;padding:46px;border:1px solid #2e749e;border-radius:10px;background:linear-gradient(90deg,#020914e8 0%,#030b16cc 42%,#030b1633 100%),url('assets/usb-banner.png') center / cover no-repeat;box-shadow:0 0 45px #068ade10,inset 0 0 35px #0007}
.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#109cff,#d3f4ff,#139cff);box-shadow:0 0 20px #078bff}
.hero .eyebrow{color:#95ddff;letter-spacing:3px}.hero h1{font-size:clamp(38px,4.2vw,62px);font-weight:900;letter-spacing:-2px;line-height:1.02;max-width:680px;margin:24px 0;text-transform:uppercase;text-shadow:0 3px 15px #0009}.hero h1 em{color:#73d6ff;text-shadow:0 0 22px #1e9bd755}.hero p{color:#dae7f3;max-width:440px;text-shadow:0 2px 7px #000}.heroicon{display:none}
.primary{background:linear-gradient(145deg,#a9ecff,#47bcff 65%,#1997de);border:1px solid #82d9ff;color:#021423;box-shadow:0 4px 20px #087cd52b}.primary:hover{background:#b0edff}.secondary{background:#06121ecc;border-color:#3e6e91;color:#d9eeff}.secondary:hover{background:#13364f}
.hero .primary,.hero .secondary{padding:14px 20px;margin-top:10px}.hero .primary{box-shadow:0 0 26px #0ca4ff42}
.stats{gap:17px;margin:23px 0 34px}.stat{background:linear-gradient(135deg,#0e2338ef,#071322);border-color:#254663;border-radius:7px;box-shadow:0 5px 20px #0003}.staticon{background:#082e4a;color:#74d6ff}.stat b{color:#e7f5ff}.stat small{color:#a8bfd4}
h2{font-weight:800}input,select,textarea{background:#061321;border-color:#2e526f;color:#e6f2ff}select option{background:#091827;color:#fff}input::placeholder,textarea::placeholder{color:#90a6b9}.filters button.active{color:#a7e6ff;border-color:#3c94bf}
.card{background:linear-gradient(145deg,#0c1b2c,#07111d);border-color:#294965;border-radius:7px;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:#53bdf5;transform:translateY(-3px);box-shadow:0 6px 25px #098be51c}.art{height:245px;background:radial-gradient(ellipse at 50% 45%,#183e5e,#071625 70%);border-bottom:1px solid #20415d}.art:after{content:'';position:absolute;bottom:0;height:1px;width:70%;background:linear-gradient(90deg,transparent,#3fb6ff,transparent)}.slab{transform:rotate(-5deg) scale(1.1);box-shadow:12px 15px 24px #0009}.badge{background:#081726d9;color:#97b6ce;border:1px solid #24415a}.sport{color:#72ceff}.card h3{font-size:16px}.card p{color:#a1b9cd}.price b{color:#f2f8ff}.price button{background:#0c3552;color:#a9e5ff;border-color:#2a6b94}.price button:hover{background:#165176}.price small{color:#a7bdd0}
.panel{background:linear-gradient(145deg,#0c1c2d,#07111dee);border-color:#2b4963}.notice{background:#10283d;color:#b9ddf4;border-color:#315c7d}.wallet{color:#89d8ff}.status{color:#ade5cb;background:#13372e}.status.pending{color:#c2e8ff;background:#17354c}.avatar{background:#123955;color:#a1e1ff}dialog{background:#081727;border-color:#386b90}dialog::backdrop{background:#000c}#toast{background:#a3e4ff;color:#062034}footer{color:#8da6bd;border-top-color:#23425b}
@media(min-width:1550px){.art{height:280px}}
@media(max-width:1100px){.hero{min-height:365px;padding:35px}.hero h1{font-size:43px;max-width:500px}.hero p{max-width:390px}}
@media(max-width:700px){body{background:#030b15}.hero{padding:27px 23px;min-height:360px;background:linear-gradient(90deg,#020914e8,#030b168f),url('assets/usb-banner.png') 58% center / cover no-repeat}.hero h1{font-size:37px;letter-spacing:-1.4px;max-width:330px}.hero p{font-size:12px;max-width:300px}.hero .primary,.hero .secondary{font-size:11px;padding:12px}.hero .secondary{margin-left:4px}.art{height:210px}.slab{transform:rotate(-5deg)}.card h3{font-size:13px}.brandlogo{width:43px;height:43px}.brand span{font-size:10px}.stats{gap:8px}.stat{padding:16px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

.brand .vault-wordmark{font-size:22px;font-weight:900;letter-spacing:2px;color:#e8f7ff;white-space:nowrap}
.partner-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:26px 30px;border:1px solid #2b648d;border-radius:8px;background:linear-gradient(110deg,#0a2943,#07121e)}
.offer-selection{display:flex;flex-direction:column;gap:9px;min-width:195px}.offer-selection select{padding:10px;font-size:11px}.offer-selection .primary{align-self:flex-start;padding:9px 13px}.dual-offer-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.status-flow{letter-spacing:1px;color:#91c4e6;margin:15px 0 22px}.buyback-tabs{margin-top:20px}select:disabled{color:#9cabb8;opacity:.65;cursor:not-allowed}
.partner-strip h2{margin:12px 0 8px}.partner-strip p{margin-bottom:0}.partner-hero{min-height:310px}.partner-card{max-width:760px;border:1px solid #3380b1;border-radius:10px;padding:32px;background:radial-gradient(ellipse at top left,#0b3e63,#081626 75%);box-shadow:0 0 25px #168ad418}.partner-identity{display:flex;gap:22px;align-items:center}.partner-monogram{display:grid;place-items:center;width:90px;height:90px;flex-shrink:0;border:2px solid #65caff;background:linear-gradient(135deg,#2372ac,#092740);color:#d9f4ff;font-size:35px;font-weight:900;letter-spacing:-3px;transform:rotate(-5deg);box-shadow:0 0 22px #159eef35}.partner-identity h2{font-size:30px;margin:10px 0}.partner-card>p{line-height:1.8;margin:25px 0}.partner-card .actions{margin-top:26px}
@media(max-width:700px){.partner-strip{align-items:flex-start;flex-direction:column;padding:23px}.partner-card{padding:24px}.partner-identity{gap:17px}.partner-monogram{width:67px;height:67px;font-size:27px}.partner-identity h2{font-size:23px}.partner-hero{min-height:330px}}
@media(max-width:1100px){.brand .vault-wordmark{font-size:18px;letter-spacing:1px}}

.approved-breaker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.approved-breaker-list .partner-card{margin:0}.approved-breaker-list .actions{margin-top:24px}@media(max-width:700px){.approved-breaker-list{grid-template-columns:1fr}}

.breaker-logo{width:80px;height:80px;object-fit:contain;flex-shrink:0;border-radius:12px;background:#fff;padding:5px}.breaker-link{display:inline-flex;text-decoration:none;border-radius:8px;padding:12px 18px;font-weight:700}.breaker-bio{white-space:pre-wrap;overflow-wrap:anywhere}.breaker-logo-preview{margin:12px 0}#breakerform label{margin-top:14px}#breakerform>button{margin-top:20px}.approved-breaker-list h2{overflow-wrap:anywhere}.approved-breaker-list .partner-identity{align-items:center}

.inventory-fulfillment{margin-top:28px;padding-top:24px;border-top:1px solid #25394f}

.admin-change{color:#8ecbff;font-weight:800;margin-left:4px;font-size:16px}.admin-change-note{color:#8ecbff!important}.edit-card-info{display:block;margin:8px 0;font-size:12px;padding:7px 10px}

.tracking-number{overflow-wrap:anywhere;word-break:break-word}

.condition-fields{grid-column:1/-1;border:1px solid #25394f;border-radius:10px;padding:16px;min-width:0}.condition-fields legend{padding:0 8px;font-weight:700}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.condition-fields .sub{margin-bottom:0}@media(max-width:600px){.condition-grid{grid-template-columns:1fr}}

.request-notes,.request-photos{grid-column:1/-1}.customer-notes{white-space:pre-wrap;overflow-wrap:anywhere}.request-photo-gallery{display:grid;gap:20px}.request-photo-gallery figure{margin:0}.request-photo-gallery img{display:block;width:100%;max-height:650px;object-fit:contain;background:#0a1320}.request-photo-gallery figcaption{margin-top:8px;color:#9eafc4}

.card-photo img{width:100%;height:100%;object-fit:contain}.workspace-banner a{margin-left:auto}form label{margin-bottom:12px}.adminnav[hidden]{display:none!important}

.inventory-photo-preview{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.inventory-photo-preview figure{margin:0;width:110px}.inventory-photo-preview img{width:110px;height:140px;object-fit:contain;background:#091323;border-radius:8px}.inventory-photo-preview figcaption{font-size:12px;color:#aabbcf;margin-top:6px}
.chat-panel{max-width:960px}#chat-log{height:420px;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:16px;margin:20px 0;border:1px solid #263d57;border-radius:12px;background:#081321}.chat-message{max-width:85%;align-self:flex-start;background:#18293d;border:1px solid #2c415a;border-radius:12px;padding:14px}.chat-message.mine{align-self:flex-end;background:#123858}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.chat-message small{color:#b9cce1}#chatform textarea{width:100%;min-height:100px}#chatform>small{display:block;margin-top:12px}@media(max-width:600px){#chat-log{height:350px}.chat-message{max-width:95%}}

.inventory-list{margin:32px 0;border-top:1px solid #263d57;padding-top:24px}.inventory-thumb{width:64px;height:90px;object-fit:contain;background:#081321;border-radius:5px}

.chat-launcher{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:10px;min-height:54px;padding:15px 22px;border:1px solid #b4eaff;border-radius:30px;background:linear-gradient(135deg,#a4e2ff,#5bb7f1);color:#04203a;font-weight:800;box-shadow:0 8px 28px #0009;cursor:pointer}.chat-launcher:hover{background:#c3efff}.chat-launcher:focus-visible{outline:3px solid white;outline-offset:4px}.shell footer{padding-bottom:100px}#toast{bottom:90px}@media(max-width:700px){.chat-launcher{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:13px 17px;font-size:13px;min-height:50px}.shell footer{padding-bottom:95px}}

.mobile-nav{display:none}@media(max-width:700px){aside{padding:16px;gap:12px}aside>nav,aside>.adminnav{display:none!important}.mobile-nav{display:block;width:100%;margin:0}.mobile-nav>span{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#91b4ce;margin-bottom:7px}.mobile-nav select{width:100%;height:46px;font-size:16px;border:1px solid #386b90;border-radius:10px;background:#0b2034;color:#e4f4ff;padding:10px 12px}.mobile-nav select:focus-visible{outline:2px solid #8fdcff;outline-offset:3px}.mobile-nav option{background:#0b2034;color:#e4f4ff}aside>.navlabel{display:none}}

.vault-auth{max-width:520px;margin:60px auto;padding:24px}.auth-brand{display:flex;align-items:center;gap:18px;color:var(--text);font-size:25px;font-weight:800;letter-spacing:2px;text-decoration:none;margin-bottom:28px}.auth-brand img{filter:invert(1)}.auth-form{display:grid;gap:18px;margin-top:24px}.auth-form input{width:100%;box-sizing:border-box}.auth-form .primary{margin-top:6px}.auth-links{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.auth-links a{color:#84d3ff}.auth-error{color:#ffaaa8}.workspace-banner #account-signout{float:right;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer}@media(max-width:600px){.vault-auth{margin:20px auto;padding:18px}}

.buyback-sheet-row{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0;display:grid;gap:14px;min-width:0}.buyback-sheet-row legend{color:#9fddff;font-weight:700;padding:0 8px}.buyback-sheet-row textarea,.buyback-sheet-row input{width:100%;box-sizing:border-box}.buyback-sheet-row [data-removesheetcard]{justify-self:start}.sheet-totals{background:#092236;border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.sheet-totals p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.sheet-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.sheet-actions .primary{margin-top:0}.sheet-feedback{color:#a9ddff}.buyback-card-details{margin:12px 0;max-width:360px}.buyback-card-details summary{cursor:pointer;color:#a9ddff}.buyback-card-details li{margin:8px 0;white-space:normal;overflow-wrap:anywhere}dialog{max-height:85dvh;overflow-y:auto;box-sizing:border-box}@media(max-width:600px){dialog{padding:22px 16px;width:94vw}.sheet-actions{flex-direction:column;align-items:stretch}.buyback-sheet-row{padding:14px}}

/* Keep photo dismissal visible while scrolling through submission images. */
#modal.photo-viewer{padding-top:0}
.photo-viewer #close{display:none}
.photo-viewer-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#081727;border-bottom:1px solid #386b90;padding:12px 0}
.photo-viewer-toolbar button{flex-shrink:0;min-height:44px;color:#fff;border-color:#89d8ff}
.photo-viewer .request-photo-gallery{margin-bottom:20px}
.offer-deadline{margin-top:10px;min-width:170px;color:#a9ddff;font-size:13px}.offer-deadline small{display:block;white-space:normal;margin-top:6px}.offer-deadline.expired{color:#ffbb9e}
.breaker-logo{border-radius:50%;background:#091727;border:2px solid #65caff;padding:0;box-sizing:border-box;object-fit:contain}.partner-monogram{border-radius:50%}.logo-proof{border:1px solid #386b90;border-radius:12px;padding:16px;margin-top:16px}.logo-proof[hidden]{display:none}.logo-proof #logo-proof-image{display:block;width:190px;height:190px;margin:18px auto;background:#091727}.logo-proof #logo-proof-image[hidden]{display:none}.logo-proof-approval{display:flex;gap:10px;align-items:center}.logo-proof-approval input{flex-shrink:0}#logo-fit{padding:0;accent-color:#65caff}.breaker-logo-preview small{display:block;margin-top:6px}
.approved-breaker-list{display:grid;gap:24px}.partner-card{width:100%;max-width:none;box-sizing:border-box}.breaker-logo-wrap{position:relative;flex-shrink:0}.live-pill{display:inline-flex;align-items:center;gap:5px;background:#cf1838;color:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;white-space:nowrap}.breaker-logo-wrap .live-pill{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%)}.breaker-is-live .breaker-logo{border-color:#ff3455;box-shadow:0 0 0 4px #ff34552b,0 0 20px #ff345560}.watch-live{background:#cf1838;color:#fff;border-color:#ff3455}.breaker-specialty{margin:0!important;color:#a9ddff;font-size:14px}.breaker-schedule{background:#0a2235;border-radius:10px;padding:14px;margin:16px 0}.breaker-schedule h3,.breaker-content h3{margin:0 0 10px}.breaker-schedule p{white-space:pre-wrap;margin:0;line-height:1.6}.breaker-live-show{color:#ffb4c2;margin:16px 0}.breaker-content{margin-top:24px}.breaker-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.breaker-video-grid iframe{display:block;width:100%;height:440px;border:1px solid #386b90;border-radius:12px;background:#06111c}.breaker-video-grid a{display:inline-block;color:#a9ddff;margin-top:10px}.live-breaker-banner{padding:14px 24px;background:#320b19;border-bottom:1px solid #b52a48;display:flex;gap:12px;flex-wrap:wrap}.live-breaker-banner[hidden]{display:none}.live-breaker-banner a{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#fff;text-decoration:none}.live-breaker-banner .breaker-logo{width:38px;height:38px;border-color:#ff3455}.live-breaker-banner a>span:last-child{color:#ffc0ce}.breaker-featured-fields{border:1px solid #386b90;border-radius:10px;padding:12px;margin-top:16px}#breakerliveform label{margin-top:16px}@media(max-width:600px){.live-breaker-banner{padding:12px 16px}.breaker-video-grid iframe{height:420px}.partner-identity{flex-wrap:wrap}}