/* Shared navigation and collection experience. Plate/discovery visuals are scoped in their modules. */
body{--muted:#b1baa7;--text:#f2f3e9}
.sidebar{width:228px}.app-shell{margin-left:228px;min-width:0}
.topbar{position:sticky;top:0;z-index:20;height:82px;background:#11170ff5;backdrop-filter:blur(16px);padding:0 clamp(22px,3vw,44px)}
.breadcrumb{font-size:13px}.top-actions{gap:12px}#account-button{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-alerts{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;border:1px solid #3c4633;border-radius:12px;background:#20271c}
.header-alerts b:not(:empty){position:absolute;top:-4px;right:-4px;min-width:18px;padding:2px 5px;border-radius:12px;color:#11170f;background:#ff7945;font-size:10px}
.header-alerts[hidden]{display:none}
#experience-tools{padding:18px clamp(22px,3vw,44px) 0}
.context-shell{display:flex;align-items:center;gap:16px;min-width:0;border-bottom:1px solid #34412e;padding-bottom:14px}
.workspace-tools.context-tabs{display:flex;align-items:center;gap:5px;flex:1;flex-wrap:nowrap;min-width:0;overflow-x:auto;margin:0;padding:2px;scrollbar-width:thin;scrollbar-color:#4a5939 transparent}
.workspace-tools.context-tabs>button{flex-shrink:0;display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px;white-space:nowrap;border:1px solid transparent;border-radius:9px;padding:10px 13px;color:#bbc4af;background:transparent}
.workspace-tools.context-tabs>button:hover{background:#242f1e;color:#fff}
.workspace-tools.context-tabs>[aria-current=page]{background:#303d25;border-color:#526540;color:#e9f2df}
.context-tabs b{font-size:11px}.context-help{position:relative;flex-shrink:0;font-size:13px}
.context-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:7px;padding:10px;color:#c8d0bb;list-style:none}
.context-help summary::after{content:'⌄';color:#ff986c}.context-help summary::-webkit-details-marker{display:none}
.context-help[open] summary{color:#ff986c}.context-help>div{position:absolute;right:0;top:48px;z-index:31;width:230px;padding:8px;border:1px solid #556143;border-radius:12px;background:#182014;box-shadow:0 18px 40px #0008}
.context-help button{display:block;width:100%;padding:13px 12px;min-height:44px;text-align:left;border:0;border-radius:7px;background:transparent;font-size:13px}
.context-help button:hover{background:#344329}
main{padding:28px clamp(22px,3vw,44px) 42px;max-width:1560px;margin-inline:auto;min-width:0;scroll-margin-top:96px}
.plate-card{border-color:#384531}.plate-card-cap{font-size:10px}.price-label{font-size:10px}.serial-length{font-size:10px}.result-count{font-size:13px;margin:22px 0}
.card-tools button{min-height:36px}.card-tools span{font-size:11px}.card-top h3{overflow-wrap:anywhere}.card-bottom{gap:12px;flex-wrap:wrap}
.card-total{display:block;color:#b6c3a6;font-size:11px;line-height:1.6;margin-top:5px}.buy-button{min-height:42px;font-size:12px}.price{font-variant-numeric:tabular-nums}
.catalog-section{scroll-margin-top:106px}.catalog-heading h2{font-size:clamp(25px,3vw,37px)}.section-index{font-size:11px}.filter{min-height:42px;font-size:12px}
.catalog-controls{padding:18px;border:1px solid #35432d;border-radius:15px;background:#151e12}
.discovery-budget{padding:0 0 18px;margin-bottom:15px;border-bottom:1px solid #35432d}.discovery-budget label{font-size:12px;line-height:1.5}.discovery-budget select{font-size:14px;min-height:44px}
.search-field input,.toolbar select{font-size:15px;min-height:44px}.search-hint{font-size:10px}.toolbar{margin-bottom:0}
.fine-print{color:#aeb9a0;font-size:12px!important;line-height:1.65}.footer{font-size:11px;line-height:1.7}.footer button{min-height:44px}
.collection-welcome{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:32px;border:1px solid #465336;border-radius:20px;background:radial-gradient(ellipse at 85% 5%,#3b432222,transparent 60%),linear-gradient(130deg,#202b1a,#131c12);overflow:hidden}
.collection-welcome h1{font-size:clamp(30px,3.5vw,48px);line-height:1.13;margin:14px 0;overflow-wrap:anywhere;letter-spacing:-1.6px}.collection-welcome h1>span{color:#ff7945}
.collection-welcome p{color:#bac4ad;line-height:1.7;max-width:510px;font-size:15px}.collection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.collection-seal{flex-shrink:0;width:185px;min-height:165px;border:1px solid #62744b;border-radius:15px;padding:19px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;transform:rotate(4deg);background:#192414;box-shadow:10px 12px 0 #0e160d}
.collection-seal b{font-size:58px;font-weight:500;line-height:1.25;color:#e9f1d4}.collection-seal span,.collection-seal small{font-size:10px;letter-spacing:1.4px;color:#bdcaa9}
.collection-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 34px}
.collection-metrics>article,.collection-metrics>button{padding:23px;text-align:left;border:1px solid #3a4831;border-radius:15px;background:#182114;min-width:0}
.collection-metrics span,.collection-metrics small{display:block;color:#bbc6ad;font-size:12px;line-height:1.6}.collection-metrics strong{display:block;margin:10px 0;font-size:32px;font-weight:500;color:#eef3df}.collection-metrics em{font-size:15px;font-style:normal;color:#b2c19f}
.collection-metrics button:hover{border-color:#829658;background:#212e1a}
.collection-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.collection-section-heading h2{font-size:26px;margin:0 0 8px}.collection-section-heading p{margin:0;color:#b1bda4;font-size:13px;line-height:1.6}
.collection-empty{text-align:center;border:1px dashed #536441;border-radius:18px;background:#141e11;padding:44px 24px}.collection-empty h2{font-size:27px;margin:25px 0 12px}.collection-empty p{max-width:490px;margin:0 auto 24px;color:#b6c3a8;line-height:1.8;font-size:14px}.collection-empty>.text-button{display:block;margin:18px auto 0;min-height:44px}
.collection-empty-art{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:350px;margin:auto;border:2px solid #718157;border-radius:14px;padding:24px 20px;transform:rotate(-3deg);position:relative;color:#d9e2c6;box-shadow:7px 8px 0 #0c130a}
.collection-empty-art>span{font-size:30px;color:#ff7945}.collection-empty-art b{font-size:22px;letter-spacing:2px}.collection-empty-art small{position:absolute;bottom:6px;left:0;width:100%;font-size:7px;letter-spacing:1.3px;color:#a2b48e}
.welcome-space{max-width:760px;margin:20px auto;padding:45px 35px;text-align:center;border:1px solid #425337;border-radius:24px;background:radial-gradient(ellipse at top,#34432855,transparent 65%),#141e12}
.welcome-space .eyebrow{font-size:11px}.welcome-symbol{display:grid;place-items:center;width:74px;height:74px;border:1px solid #5b6d44;border-radius:22px;margin:22px auto;background:#26381c;color:#dcf0c7}.welcome-symbol .icon{width:34px;height:34px}
.welcome-space h1{font-size:clamp(29px,4vw,44px);line-height:1.2;letter-spacing:-1px;margin:20px 0}.welcome-space>p{color:#b9c6ab;font-size:15px;line-height:1.8;max-width:530px;margin:0 auto 25px}.welcome-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.welcome-steps{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;padding:22px 0 0;margin:28px 0;border-top:1px solid #3f5032;gap:16px;color:#c0cdb1;font-size:12px}.welcome-steps b{color:#ffa375;margin-right:5px}
.modal-head .close{min-width:44px;min-height:44px}.live-label{font-size:12px}.auction-stats small,.bidder-row small,.ledger-row small{font-size:12px}.quick-bids button{min-height:44px}.live-section-heading{font-size:18px}
@media(min-width:801px) and (max-width:1050px){.sidebar{width:92px;padding:24px 8px}.app-shell{margin-left:92px}.sidebar .brand>span:not(.brand-icon),.sidebar-bottom,.nav-caption{display:none}#nav{margin-top:30px}.nav-item{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px 3px;font-size:10px;min-width:0}.brand{justify-content:center}.context-tabs>button{padding-inline:10px!important}}
@media(max-width:800px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:calc(76px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);background:#111a0ff5;border-top:1px solid #435635;z-index:35;backdrop-filter:blur(18px)}.sidebar .brand,.sidebar-bottom,.nav-caption{display:none}#nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0;gap:2px}#nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:62px;padding:6px 2px;margin:0;border-radius:12px;font-size:10px;white-space:nowrap}#nav .nav-item .icon{width:21px;height:21px}#nav .nav-item.active{background:#39432a;color:#ffae83}.app-shell{margin-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:70px;padding:0 16px;gap:8px}.mobile-brand{display:flex;gap:8px;align-items:center}.mobile-brand strong{font-size:15px}.mobile-brand .brand-icon{width:29px;height:29px;font-size:22px}.breadcrumb{display:none}.top-actions{gap:6px}.top-actions .network-badge{display:none}.top-actions .button{font-size:12px;padding:10px 12px;min-height:42px;max-width:155px}.header-alerts{width:38px;height:40px}.top-actions .header-alerts .icon{display:block;width:18px;height:18px}.top-actions #account-button .icon{display:none}#experience-tools{padding:12px 16px 0}.context-shell{gap:3px;padding-bottom:10px}.context-help summary{font-size:11px;padding-inline:6px}.workspace-tools.context-tabs>button{font-size:12px;padding:10px;min-height:42px}.context-help>div{width:215px}main{padding:22px 16px 32px}.plate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-controls{padding:13px}.discovery-budget{gap:13px}.discovery-budget label{flex:1 1 120px}.discovery-budget select{width:100%;font-size:16px}.discovery-budget .text-button{font-size:12px;min-height:44px}.toolbar .search-field{flex-basis:100%}.toolbar select{width:100%;font-size:16px}.card-top h3{font-size:17px}.card-tools span{font-size:10px}.plate-card-cap{font-size:9px}.plate-card-cap span:last-child{font-size:8px}.price-label{font-size:9px}.card-total{font-size:10px}.card-bottom{align-items:stretch}.card-bottom>div{width:100%}.buy-button{width:100%;min-height:44px;font-size:12px}.collection-welcome{padding:24px;gap:15px}.collection-seal{display:none}.collection-actions .button{font-size:12px}.collection-metrics{gap:9px;margin-bottom:26px}.collection-metrics>article,.collection-metrics>button{padding:16px 12px}.collection-metrics strong{font-size:25px}.collection-metrics small{font-size:10px}.collection-metrics span{font-size:11px}.collection-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.collection-empty{padding:32px 18px}.collection-empty-art b{font-size:18px}.welcome-space{margin:0;padding:30px 20px;border-radius:18px}.welcome-space>p{font-size:14px}.welcome-steps{flex-direction:column;gap:12px}#toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));font-size:13px}#compare-dock{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}.footer{font-size:10px}.filter{font-size:12px}.result-count{font-size:12px}.catalog-section{scroll-margin-top:86px}}
@media(max-width:360px){.mobile-brand strong{font-size:13px}.mobile-brand{gap:5px}.topbar{padding-inline:12px}.top-actions .button{max-width:137px;font-size:11px}.header-alerts{width:32px}.collection-metrics{grid-template-columns:1fr}.collection-metrics>article,.collection-metrics>button{display:grid;grid-template-columns:1fr auto;gap:3px 12px}.collection-metrics strong{grid-column:2;grid-row:1 / 3;margin:0}.collection-empty-art{padding-inline:13px}.collection-empty-art b{font-size:16px}.plate-grid{gap:9px}.card-top h3{font-size:15px}.card-tools{padding-inline:6px}.card-tools span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.topbar{backdrop-filter:none}}
