/* RoVault V31 — marketplace filter + card polish */

/* The old left rail remains in the DOM for backwards-compatible state wiring, but it is no longer part of the UI. */
#page-market .market-sidebar,
#page-market .sidebar-scrim,
#page-market .mobile-filter-button{display:none!important}
#page-market .market-frame{display:block!important;width:min(var(--wrap),calc(100% - 40px))!important}
#page-market .market-content{padding:24px 0 76px!important}
#page-market .v31-legacy-actions{display:none!important}
#page-market .browse-controls-row{margin-top:10px!important}

.v31-filterbar{position:relative;margin-top:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.v31-filterbar-main{display:flex;align-items:center;gap:7px;min-width:0}
.v31-filterbar-spacer{flex:1}
.v31-sort-control{height:36px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 9px;white-space:nowrap}
.v31-sort-control>span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.v31-sort-control select{appearance:none;border:0;outline:0;background:transparent;color:var(--text);font-size:9.5px;font-weight:760;padding-right:14px;cursor:pointer}
.v31-filter-control{position:relative}
.v31-filter-pill,.v31-clear-button{height:36px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;font-size:9.5px;font-weight:730;white-space:nowrap;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.v31-filter-pill:hover{border-color:var(--line2);background:var(--surface2)}
.v31-filter-pill:active{transform:translateY(1px)}
.v31-filter-pill>strong{font-size:8.5px;color:var(--muted);font-weight:700}
.v31-filter-pill>i{font-style:normal;color:var(--muted2);font-size:8px;margin-left:1px}
.v31-filter-pill.is-active{border-color:color-mix(in srgb,var(--text) 34%,var(--line));background:var(--surface2)}
.v31-toggle-pill[aria-pressed="true"]{border-color:color-mix(in srgb,var(--good) 42%,var(--line));background:color-mix(in srgb,var(--good) 7%,var(--surface))}
.v31-toggle-dot{width:12px;height:12px;border-radius:999px;border:1px solid var(--line2);background:var(--surface3);position:relative}
.v31-toggle-pill[aria-pressed="true"] .v31-toggle-dot{background:var(--good);border-color:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 12%,transparent)}
.v31-clear-button{border-color:transparent;background:transparent;color:var(--muted);padding-inline:8px}
.v31-clear-button:hover{color:var(--text);background:var(--surface2)}
#v31AdvancedBadge{display:none;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--text);color:var(--bg);font-size:7.5px;font-style:normal;place-items:center}
#v31AdvancedBadge.show{display:grid}

.v31-filter-popover{display:none;position:absolute;top:44px;left:0;z-index:55;width:300px;border:1px solid var(--line2);border-radius:13px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 22px 70px rgba(0,0,0,.30);backdrop-filter:blur(18px);padding:13px}
.v31-filter-popover.open{display:block;animation:v31PopoverIn .14s ease-out}
@keyframes v31PopoverIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.v31-popover-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px}
.v31-popover-title strong{font-size:11px}.v31-popover-title small{font-size:8px;color:var(--muted)}
.v31-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v31-price-fields label{display:grid;gap:5px}.v31-price-fields label>span{font-size:8px;color:var(--muted)}
.v31-price-fields label>div{height:38px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);padding:0 10px;font-size:10px;color:var(--muted)}
.v31-price-fields input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}
.v31-price-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.v31-price-presets button,.v31-rep-options button,.v31-chip-row button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;height:32px;font-size:8.5px;font-weight:730}
.v31-price-presets button:hover,.v31-rep-options button:hover,.v31-chip-row button:hover{color:var(--text);border-color:var(--line2);background:var(--surface2)}
.v31-popover-actions{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
.v31-text-action{border:0;background:transparent;color:var(--muted);font-size:8.5px;padding:7px}.v31-text-action:hover{color:var(--text)}
.v31-apply{height:33px;border:0;border-radius:8px;background:var(--accent);color:var(--accentText);font-size:8.5px;font-weight:820;padding:0 14px}
.v31-rep-popover{width:260px}
.v31-rep-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.v31-rep-options button.active{color:var(--accentText);border-color:var(--accent);background:var(--accent)}

.v31-advanced-panel{display:none;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:11px 0 2px;margin-top:9px;border-top:1px solid var(--line)}
.v31-advanced-panel.open{display:grid}
.v31-advanced-group{display:flex;align-items:center;gap:12px;min-width:0}
.v31-advanced-group>span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:820;white-space:nowrap}
.v31-chip-row{display:flex;gap:6px;flex-wrap:wrap}.v31-chip-row button{height:30px;padding:0 10px}
.v31-chip-row button.active{border-color:var(--text);background:var(--text);color:var(--bg)}

/* Explore grid: less noisy hierarchy and more useful seller context. */
#page-market .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px!important}
#page-market .product-card{border-radius:12px!important;box-shadow:none!important}
#page-market .product-card:hover{transform:translateY(-2px);border-color:var(--line2)!important;box-shadow:0 16px 36px rgba(0,0,0,.15)!important}
#page-market .product-visual{aspect-ratio:1.16!important}
#page-market .product-visual img{width:82%!important;height:82%!important}
#page-market .product-info{padding:13px 14px 14px!important}
#page-market .product-name-row h3{font-size:11px!important}
#page-market .card-reference{margin-top:6px!important}
#page-market .v31-card-marketmeta{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:8px;color:var(--muted)}
#page-market .v31-card-marketmeta span{display:inline-flex;align-items:center;gap:4px}
#page-market .v31-card-marketmeta i{width:3px;height:3px;border-radius:50%;background:var(--muted2)}
#page-market .v31-card-marketmeta .rep{color:var(--good);font-weight:780}
#page-market .card-price{margin-top:11px!important;padding-top:11px!important;align-items:flex-end}
#page-market .card-price>span{line-height:1.45!important}
#page-market .v31-offer-cta{display:block;color:var(--text);font-weight:790;margin-top:2px}
#page-market .card-sub{display:none!important}

/* Community should read like a small signal, not another marketplace shelf. */
#page-market .v29-discovery{margin:11px 0 20px!important}
#page-market .v29-community-strip .v29-discovery-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
#page-market .v29-community-strip .v29-discovery-card:nth-child(n+5){display:none!important}
#page-market .v29-community-strip .v29-discovery-card{min-height:58px!important;padding:6px!important;grid-template-columns:46px minmax(0,1fr)!important;border-radius:9px!important;background:transparent!important}
#page-market .v29-community-strip .v29-discovery-card:hover{background:var(--surface)!important;transform:none!important}
#page-market .v29-community-strip .v29-discovery-art{width:46px!important;height:46px!important;border-radius:7px!important}
#page-market .v29-community-strip .v29-discovery-head{margin-bottom:5px!important}
#page-market .v29-community-strip .v29-discovery-head h2{font-size:12px!important}
#page-market .v29-community-strip .v29-discovery-card strong{font-size:9px!important}
#page-market .v29-community-strip .v29-discovery-card small,#page-market .v29-community-strip .v29-discovery-card em{font-size:7.5px!important}

/* Active filter chips stay subtle underneath Explore. */
#page-market .active-filters{gap:6px!important}
#page-market .active-chip,#page-market .clear-all-chip{border-radius:999px!important;font-size:8px!important;padding:6px 9px!important}

/* Light mode coverage. */
html[data-theme="light"] .v31-sort-control,
html[data-theme="light"] .v31-filter-pill,
html[data-theme="light"] .v31-filter-popover{background:#fff;border-color:var(--line)}
html[data-theme="light"] .v31-filter-popover{box-shadow:0 22px 60px rgba(40,48,58,.12)}
html[data-theme="light"] .v31-price-fields label>div{background:#f7f8fa;border-color:var(--line)}
html[data-theme="light"] .v31-toggle-pill[aria-pressed="true"]{background:#eff9f3;border-color:#b9ddc9}
html[data-theme="light"] #page-market .v29-community-strip .v29-discovery-card{background:transparent!important}
html[data-theme="light"] #page-market .v29-community-strip .v29-discovery-card:hover{background:#fff!important}

@media(max-width:1180px){
  #page-market .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v31-filterbar-main{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.v31-filterbar-main::-webkit-scrollbar{display:none}
  .v31-filterbar-spacer{display:none}.v31-view-switch{margin-left:auto;flex:0 0 auto}
  #page-market .v29-community-strip .v29-discovery-row{grid-template-columns:repeat(4,minmax(170px,1fr))!important;overflow-x:auto}
}
@media(max-width:820px){
  #page-market .market-frame{width:calc(100% - 28px)!important}
  #page-market .market-content{padding-top:20px!important}
  .v31-filterbar{margin-top:10px;padding:9px 0}
  .v31-sort-control,.v31-filter-pill,.v31-clear-button{flex:0 0 auto}
  .v31-advanced-panel{grid-template-columns:1fr;gap:10px}
  .v31-advanced-group{align-items:flex-start;flex-direction:column;gap:7px}
  #page-market .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  #page-market .market-frame{width:calc(100% - 20px)!important}
  .v31-filterbar-main{margin-right:-10px;padding-right:10px}
  .v31-sort-control{padding-inline:8px}.v31-sort-control>span{display:none}
  .v31-filter-pill{height:34px;padding:0 9px}.v31-clear-button{height:34px}
  .v31-filter-popover{position:fixed;left:10px!important;right:10px!important;top:auto!important;bottom:14px;width:auto!important;z-index:100;border-radius:14px}
  .v31-advanced-panel{padding-top:10px}
  #page-market .product-grid{gap:8px!important}
  #page-market .product-info{padding:10px!important}
  #page-market .v31-card-marketmeta{gap:5px;font-size:7px}
  #page-market .v31-card-marketmeta .rep{display:none}
  #page-market .v29-community-strip .v29-discovery-row{display:flex!important}
  #page-market .v29-community-strip .v29-discovery-card{min-width:150px!important}
}