/* MyTradeHub Auction hub — same standard asset size as Trade Hub/Inventory, smaller size reserved for trade slots. */
.auction-heading{margin-bottom:18px}.auction-heading-note{font-size:.76rem;color:var(--muted);font-weight:700}.auction-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 14px;scrollbar-width:none}.auction-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:800;padding:9px 13px;border-radius:999px;white-space:nowrap;transition:.16s ease}.auction-tabs button.active{background:var(--mint);border-color:#b7dec9;color:var(--green)}:root[data-theme="night"] .auction-tabs button.active{background:rgba(80,197,138,.11);border-color:rgba(80,197,138,.34);color:#72d9a4}.auction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.auction-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:0;overflow:hidden;text-align:left;transition:.18s ease}.auction-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.auction-visual{height:106px;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center;position:relative}.auction-symbol{font-size:40px;line-height:1;filter:drop-shadow(0 5px 9px rgba(0,0,0,.12))}.auction-status{position:absolute;left:8px;top:8px;background:rgba(20,35,29,.86);color:#fff;border-radius:7px;padding:4px 7px;font-size:.56rem;font-weight:900;letter-spacing:.06em}.auction-body{padding:10px}.auction-body h3{font-family:'DM Sans',sans-serif;font-size:.82rem;line-height:1.2;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-location{display:block;color:var(--muted);font-size:.66rem;margin-bottom:10px}.auction-bid-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.auction-bid-row div{display:flex;flex-direction:column}.auction-bid-row small{font-size:.6rem;color:var(--muted)}.auction-bid-row strong{font-family:Manrope,sans-serif;font-size:.88rem}.auction-time{text-align:right}.auction-meta{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:9px;padding-top:8px}.auction-meta span{font-size:.58rem;background:var(--surface-2);border-radius:6px;padding:4px 6px;color:var(--muted);font-weight:800}.auction-proposed-note{margin-top:20px;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:13px 15px;display:flex;flex-direction:column;gap:4px;font-size:.75rem}.auction-proposed-note span,.auction-modal-location,.auction-approval-copy{color:var(--muted)}.auction-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.auction-modal-stats>div{background:var(--surface-2);border-radius:10px;padding:11px;display:flex;flex-direction:column}.auction-modal-stats span{font-size:.65rem;color:var(--muted)}.auction-modal-stats strong{font-family:Manrope,sans-serif;font-size:.95rem;margin-top:2px}.auction-rule-note{font-size:.74rem;line-height:1.45;padding:11px 12px;border:1px solid var(--line);border-radius:10px;margin:12px 0;color:var(--muted)}.deposit-preview{margin-top:8px;background:var(--surface-2);padding:10px 12px;border-radius:9px;font-weight:800}.auction-finance-check{display:flex;gap:10px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:11px;background:transparent;transition:.16s ease}.auction-finance-check:hover{background:var(--surface-2)}.auction-finance-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--green)}.auction-finance-check span{display:flex;flex-direction:column;gap:3px}.auction-finance-check small{color:var(--muted);line-height:1.35}

/* Highlight hierarchy: one strong primary action, softer secondary states, muted modal background. */
.modal-backdrop.open{background:rgba(5,12,9,.74);backdrop-filter:blur(4px) saturate(.7)}
.modal-backdrop.open .modal{border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.42)}
.modal:has(.auction-approval-copy) .eyebrow{color:var(--muted);letter-spacing:.12em}
.modal:has(.auction-approval-copy) .modal-input{background:var(--surface-2);border-color:var(--line);box-shadow:none}
.modal:has(.auction-approval-copy) .modal-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(80,197,138,.10)}
.modal:has(.auction-approval-copy) .deposit-preview{background:var(--surface-2);border:1px solid transparent;color:var(--ink)}
.modal:has(.auction-approval-copy) .partner-note{border:1px solid var(--line);background:var(--surface-2)}
.modal:has(.auction-approval-copy) .quiet{background:transparent}
.modal:has(.auction-approval-copy) .primary{box-shadow:none}
.modal:has(.auction-approval-copy) .primary:disabled{background:var(--surface-2);border-color:var(--line);color:var(--muted);opacity:.72;box-shadow:none;cursor:not-allowed}
.nav-link.active{background:var(--mint);color:var(--green)}
:root[data-theme="night"] .nav-link.active{background:rgba(80,197,138,.12);color:#72d9a4}

/* Toasts must never look like stray white buttons, especially over a modal. */
.toast{background:#16231d!important;color:#f6faf7!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;box-shadow:0 14px 38px rgba(0,0,0,.28)!important}
:root[data-theme="night"] .toast{background:#202622!important;color:#f3f5f3!important;border-color:#343b37!important}

@media(max-width:1000px){.auction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.auction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auction-visual{height:84px}.auction-symbol{font-size:35px}.auction-heading{align-items:flex-start}.auction-heading-note{max-width:150px;text-align:right}.auction-modal-stats{grid-template-columns:1fr 1fr}.auction-modal-stats>div:last-child{grid-column:1/-1}.auction-card:hover{transform:none}.modal-backdrop.open{backdrop-filter:blur(3px) saturate(.72)}}
@media(max-width:420px){.auction-body{padding:8px}.auction-body h3{font-size:.74rem}.auction-bid-row strong{font-size:.78rem}.auction-meta span{font-size:.54rem}}