/* RoVault V43 — portfolio polish + onboarding */

/* Portfolio hierarchy */
.v43-summary-grid>div{padding:16px 18px}
.v43-summary-grid strong{font-size:22px}
.v43-summary-grid>div:nth-child(1) strong,.v43-summary-grid>div:nth-child(2) strong,.v43-summary-grid>div:nth-child(3) strong{font-size:23px}

/* Compact inventory cards */
.v42-inventory-grid{gap:10px}
.v42-item-card{grid-template-columns:104px minmax(0,1fr);min-height:148px;background:color-mix(in srgb,var(--surface2) 96%,transparent)}
.v42-item-art{min-height:148px}
.v42-item-art img{width:82%;height:82%}
.v42-item-body{padding:11px 12px;gap:7px}
.v42-item-title{align-items:center;gap:6px;min-height:20px}
.v42-item-title strong{font-size:11.5px}
.v42-item-title>span{margin-right:auto}
.v43-ownership{margin-left:auto;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:3px 6px;font-size:6.8px!important;font-style:normal;color:var(--muted);white-space:nowrap}
.v43-ownership-verified,.v43-ownership-listed{color:#8ddfb2;border-color:color-mix(in srgb,#70d9a3 24%,var(--line))}
.v43-ownership-reserved{color:#d9bb82;border-color:color-mix(in srgb,#d9bb82 25%,var(--line))}
.v43-ownership-attention,.v43-ownership-paused{color:#c9a178}
.v42-item-tags{gap:4px;min-height:18px}
.v42-item-tags span{padding:3px 5px;border-color:color-mix(in srgb,var(--line) 78%,transparent);font-size:6.6px;background:transparent}
.v42-item-tags .liq{border-color:transparent;padding-left:0}
.v42-item-tags .liq-high,.v42-item-tags .liq-very-high{color:#82d6a9}
.v42-item-tags .liq-low,.v42-item-tags .liq-very-low{color:#c9a77d}
.v43-rare-card{border-color:color-mix(in srgb,#c7b38a 20%,var(--line))}
.v43-rare-card .v42-item-art{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,#b59d72 7%,var(--surface3)),var(--surface3) 64%)}
.v42-item-metrics{border-radius:8px}
.v42-item-metrics span{padding:7px 8px}
.v42-item-metrics .v43-market-metric{background:color-mix(in srgb,var(--surface) 93%,var(--text) 7%)}
.v42-item-metrics .v43-market-metric strong{font-size:10px}
.v42-item-foot{align-items:center;gap:10px}
.v42-item-foot>span{max-width:min(48%,280px)}
.v42-item-foot small,.v42-item-foot em{font-size:7.2px}
.v43-card-actions{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto}
.v43-list-action,.v43-manage-action,.v43-view-action{height:34px;border-radius:9px;font-family:inherit;font-size:8.5px;font-weight:760;cursor:pointer;white-space:nowrap;transition:var(--rv-transition,160ms ease)}
.v43-list-action{display:inline-flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line2);background:var(--surface);color:var(--text);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 3%,transparent)}
.v43-list-action i{font-style:normal;color:var(--muted);transition:transform 150ms ease,color 150ms ease}
.v43-list-action:hover{border-color:color-mix(in srgb,var(--text) 28%,var(--line));background:color-mix(in srgb,var(--surface) 94%,var(--text) 6%);transform:translateY(-1px)}
.v43-list-action:hover i{transform:translateX(2px);color:var(--text)}
.v43-manage-action{padding:0 11px;border:1px solid var(--line);background:var(--surface);color:var(--text)}
.v43-manage-action:hover{border-color:var(--line2);background:var(--surface3)}
.v43-view-action{padding:0 4px;border:0;background:transparent;color:var(--muted)}
.v43-view-action:hover{color:var(--text)}

/* Selling opportunity cards explain the recommendation. */
.v42-opportunity-row>button{position:relative;grid-template-columns:48px minmax(0,1fr) auto;padding:9px 10px}
.v42-op-art{width:48px;height:48px}
.v42-opportunity-row>button>i{font-style:normal;font-size:8px;color:var(--muted);align-self:center}
.v42-opportunity-row em{text-transform:none;color:#8eddb3}

/* Compact first-use checklist */
.v43-onboarding{margin:10px 0 16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);padding:12px 13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.v43-onboarding-copy{display:grid;gap:5px;min-width:155px}
.v43-onboarding-copy>div{display:grid;gap:2px}
.v43-onboarding-copy strong{font-size:11px}
.v43-onboarding-copy small{font-size:7.5px;color:var(--muted)}
.v43-onboarding-steps{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:4px;min-width:0}
.v43-onboarding-steps button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;text-align:left;padding:5px 4px;min-width:0}
.v43-onboarding-steps button i{width:20px;height:20px;flex:0 0 20px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:7px;font-weight:800}
.v43-onboarding-steps button span{font-size:7.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v43-onboarding-steps button.done{color:color-mix(in srgb,#77d9a5 82%,var(--text))}
.v43-onboarding-steps button.done i{background:color-mix(in srgb,#69d99f 11%,var(--surface));border-color:color-mix(in srgb,#69d99f 28%,var(--line))}
.v43-onboarding-steps button.current{color:var(--text)}
.v43-onboarding-steps button.current i{border-color:var(--line2);background:var(--surface3)}
.v43-onboarding-next{height:34px;border:1px solid var(--line2);border-radius:9px;background:var(--surface2);color:var(--text);padding:0 10px;font:inherit;font-size:8px;font-weight:760;white-space:nowrap}
.v43-onboarding-next span{margin-left:5px;color:var(--muted)}
.v43-onboarding-next:hover{background:var(--surface3);border-color:color-mix(in srgb,var(--text) 24%,var(--line))}

/* Contextual education only appears once. */
.v43-context-hint{margin:0 0 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.v43-context-hint>div{display:grid;gap:3px}
.v43-context-hint strong{font-size:10.5px}
.v43-context-hint p{margin:0;color:var(--muted);font-size:8.5px;line-height:1.45}
.v43-context-hint>button{height:30px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:8px;font-weight:750;padding:0 10px}

/* Portfolio mobile usability */
@media(max-width:1180px){
  .v43-onboarding{grid-template-columns:1fr auto}.v43-onboarding-steps{grid-column:1/-1;grid-row:2}.v43-onboarding-copy{min-width:0}
}
@media(max-width:820px){
  .v42-toolbar{position:sticky;top:64px;z-index:16;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);padding:8px 0;margin:0 0 10px}
  .v42-item-card{grid-template-columns:88px minmax(0,1fr);min-height:142px}.v42-item-art{min-height:142px}
  .v42-item-foot>span{max-width:100%}.v43-card-actions{width:100%;justify-content:flex-start!important}.v43-list-action,.v43-manage-action{flex:0 0 auto}
  .v43-onboarding-steps{display:flex;overflow:auto;scrollbar-width:none}.v43-onboarding-steps button{min-width:120px}.v43-onboarding{grid-template-columns:1fr auto}
}
@media(max-width:560px){
  .v43-onboarding{grid-template-columns:1fr;padding:11px}.v43-onboarding-next{width:100%}.v43-onboarding-steps{grid-column:1;grid-row:auto}
  .v42-item-card{grid-template-columns:82px minmax(0,1fr)}.v42-item-body{padding:9px}.v42-item-title{flex-wrap:wrap}.v43-ownership{margin-left:0;order:3}.v42-item-metrics{grid-template-columns:1fr 1fr}.v42-item-foot{align-items:flex-start}.v43-card-actions{flex-wrap:wrap}.v43-list-action,.v43-manage-action{height:36px}.v43-view-action{height:36px}
  .v43-context-hint{align-items:flex-start;flex-direction:column}.v43-context-hint>button{width:100%}
}

html[data-theme="light"] .v43-list-action,html[data-theme="light"] .v43-manage-action,html[data-theme="light"] .v43-onboarding,html[data-theme="light"] .v43-context-hint{background:#fff}
html[data-theme="light"] .v42-item-metrics .v43-market-metric{background:#f6f8f9}
html[data-theme="light"] .v42-toolbar{background:rgba(248,249,250,.93)}