/* ── hyMarket v1.1 ──────────────────────────────────────────────────────── */

/* Page-local aliases — all backed by token vars */
:root{
  --hsm-accent:var(--accent);
  --hsm-bg:var(--bg-deep);
  --hsm-card:var(--bg-card);
  --hsm-surface:var(--bg-surface);
  --hsm-border:var(--border);
  --hsm-text:var(--text);
  --hsm-muted:var(--muted);
  --hsm-glass-bg:var(--glass-bg,var(--bg-card));
  --hsm-glass-border:var(--glass-border,var(--border));
  --hsm-glass-radius:var(--glass-radius,16px);
  --hsm-spring:cubic-bezier(.2,.9,.3,1);
  --hsm-warn:var(--warning);
  --hsm-blue:var(--info);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;font-family:var(--font-ios,-apple-system,BlinkMacSystemFont,system-ui,sans-serif);background:var(--hsm-bg);color:var(--hsm-text)}
body{padding-top:env(safe-area-inset-top,0px)}

/* ── Layout ─────────────────────────────────────────────────────────────── */
.hsm-app{display:flex;height:100vh;height:100dvh;padding-top:52px}
.hsm-sidebar{width:240px;background:var(--hsm-surface);border-right:1px solid var(--hsm-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}
.hsm-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}

/* ── Sidebar ─────────────────────────────────────────────────────────────── */
.hsm-sidebar-header{padding:14px 16px;border-bottom:1px solid var(--hsm-border)}
.hsm-sidebar-header h2{font-size:15px;font-weight:900;color:var(--hsm-accent);letter-spacing:.04em;display:flex;align-items:center;gap:8px}
.hsm-sidebar-header h2 iconify-icon{font-size:20px}
.hsm-sidebar-header .tag{font-size:10px;color:var(--hsm-muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;display:block}
.hsm-nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background .15s;border-left:3px solid transparent;font-size:13px;font-weight:600;color:var(--hsm-muted);min-height:44px}
.hsm-nav-item:hover{background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--hsm-text)}
.hsm-nav-item.active{background:color-mix(in srgb,var(--hsm-accent) 6%,transparent);border-left-color:var(--hsm-accent);color:var(--hsm-accent)}
.hsm-nav-item iconify-icon{font-size:18px;width:20px;text-align:center}
.hsm-nav-item .badge{margin-left:auto;background:var(--hsm-accent);color:var(--hsm-bg);border-radius:99px;font-size:10px;font-weight:800;padding:1px 7px;min-width:18px;text-align:center}
.hsm-nav-divider{height:1px;background:var(--hsm-border);margin:8px 16px}
.hsm-cat-list{padding:4px 0}
.hsm-cat-item{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 24px;cursor:pointer;font-size:12px;color:var(--hsm-muted);transition:all .15s;min-height:44px}
.hsm-cat-item:hover{color:var(--hsm-text);background:color-mix(in srgb,var(--text) 3%,transparent)}
.hsm-cat-item.active{color:var(--hsm-accent)}
.hsm-cat-item iconify-icon{font-size:16px}
.hsm-section-label{padding:12px 16px 4px;font-size:10px;font-weight:700;color:var(--hsm-muted);text-transform:uppercase;letter-spacing:.06em}

/* ── Toolbar ─────────────────────────────────────────────────────────────── */
.hsm-toolbar{padding:10px 16px;border-bottom:1px solid var(--hsm-border);display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}
.hsm-search-wrap{position:relative;flex:1;min-width:160px}
.hsm-search-wrap iconify-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--hsm-muted)}
.hsm-search-wrap input{width:100%;padding:10px 14px 10px 36px;border-radius:12px;border:1px solid var(--hsm-border);background:var(--hsm-card);color:var(--hsm-text);font-size:16px;font-family:inherit;outline:none}
.hsm-search-wrap input:focus{border-color:var(--hsm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hsm-accent) 10%,transparent)}
.hsm-zip-wrap{position:relative}
.hsm-zip-wrap iconify-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--hsm-muted)}
.hsm-zip-wrap input{width:108px;padding:10px 10px 10px 30px;border-radius:10px;border:1px solid var(--hsm-border);background:var(--hsm-card);color:var(--hsm-text);font-size:16px;font-family:inherit;outline:none}
.hsm-zip-wrap input:focus{border-color:var(--hsm-accent)}
.hsm-select{padding:10px 12px;border-radius:10px;border:1px solid var(--hsm-border);background:var(--hsm-card);color:var(--hsm-text);font-size:13px;font-family:inherit;outline:none;min-height:44px;cursor:pointer}
.hsm-condition-pills{display:flex;gap:6px;flex-wrap:wrap}
.hsm-cond-pill{padding:6px 12px;border-radius:99px;border:1px solid var(--hsm-border);background:var(--hsm-card);color:var(--hsm-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;min-height:34px;display:flex;align-items:center}
.hsm-cond-pill:hover{border-color:var(--hsm-accent);color:var(--hsm-text)}
.hsm-cond-pill.active{background:var(--hsm-accent);color:var(--hsm-bg);border-color:var(--hsm-accent)}
.hsm-view-toggle{display:flex;border:1px solid var(--hsm-border);border-radius:10px;overflow:hidden}
.hsm-view-toggle button{background:var(--hsm-card);border:none;color:var(--hsm-muted);padding:0 12px;min-height:44px;cursor:pointer;font-size:18px;display:flex;align-items:center}
.hsm-view-toggle button.active{background:var(--hsm-accent);color:var(--hsm-bg)}
.hsm-tool-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--hsm-border);background:var(--hsm-card);color:var(--hsm-text);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.hsm-tool-btn:hover{border-color:var(--hsm-accent);color:var(--hsm-accent)}

/* ── Content + grid ─────────────────────────────────────────────────────── */
.hsm-content{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}
.hsm-view-title{font-size:20px;font-weight:900;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.hsm-listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.hsm-listing-card{background:var(--hsm-glass-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--hsm-glass-border);border-radius:var(--hsm-glass-radius);overflow:hidden;cursor:pointer;transition:all .25s var(--hsm-spring)}
.hsm-listing-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4);border-color:color-mix(in srgb,var(--hsm-accent) 20%,transparent)}
.hsm-listing-photo{height:180px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--info) 6%,transparent));position:relative;overflow:hidden}
.hsm-listing-photo img{width:100%;height:100%;object-fit:cover}
.hsm-listing-photo .ph-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:48px;color:var(--hsm-muted);opacity:.3}
.hsm-listing-photo .save-btn{position:absolute;top:8px;right:8px;background:color-mix(in srgb,var(--bg-deep) 50%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:var(--text);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s}
.hsm-listing-photo .save-btn:hover,.hsm-listing-photo .save-btn.saved{color:var(--danger)}
.hsm-listing-photo .condition-tag{position:absolute;bottom:8px;left:8px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;background:color-mix(in srgb,var(--bg-deep) 60%,transparent);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hsm-listing-photo .count-tag{position:absolute;bottom:8px;right:8px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;background:color-mix(in srgb,var(--bg-deep) 60%,transparent);color:var(--text);display:flex;align-items:center;gap:3px}
.hsm-listing-photo .sold-flag{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-deep) 45%,transparent);display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.1em;color:var(--text);font-size:18px}
.hsm-listing-body{padding:12px 14px}
.hsm-listing-title{font-size:14px;font-weight:700;color:var(--hsm-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsm-listing-price{font-size:20px;font-weight:900;color:var(--hsm-accent);margin-bottom:6px}
.hsm-listing-price .currency{font-size:12px;font-weight:600;opacity:.7}
.hsm-listing-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--hsm-muted);gap:8px}
.hsm-listing-meta .seller,.hsm-listing-meta .location{display:flex;align-items:center;gap:4px;min-width:0}
.hsm-listing-meta .location span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsm-listing-meta iconify-icon{font-size:13px;flex-shrink:0}
.hsm-dist{color:var(--hsm-accent);font-weight:700}

/* ── Map (distance rings) ────────────────────────────────────────────────── */
.hsm-map-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.hsm-map{width:100%;max-width:560px}
.hsm-map svg{width:100%;height:auto}
.hsm-map .ring{fill:none;stroke:var(--hsm-border);stroke-width:1}
.hsm-map .ring-lbl{fill:var(--hsm-muted);font-size:10px}
.hsm-map .center{fill:var(--hsm-accent)}
.hsm-map .dot{fill:var(--hsm-blue);cursor:pointer;transition:r .15s}
.hsm-map .dot:hover{fill:var(--hsm-accent)}
.hsm-map-hint{color:var(--hsm-muted);font-size:13px;text-align:center;max-width:420px}

/* ── Detail modal ────────────────────────────────────────────────────────── */
.hsm-detail-bg,.hsm-modal-bg{display:none;position:fixed;inset:0;background:color-mix(in srgb,var(--bg-deep) 70%,transparent);z-index:9999;align-items:center;justify-content:center;padding:16px}
.hsm-detail-bg.open,.hsm-modal-bg.open{display:flex}
.hsm-detail{background:var(--hsm-glass-bg);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border:1px solid var(--hsm-glass-border);border-radius:20px;width:100%;max-width:680px;max-height:90dvh;overflow-y:auto;box-shadow:0 16px 80px rgba(0,0,0,.6);animation:hsm-slide-up .35s var(--hsm-spring)}
@keyframes hsm-slide-up{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.hsm-detail-header{display:flex;justify-content:flex-end;padding:12px 16px;border-bottom:1px solid var(--hsm-border)}
.hsm-detail-header button{background:none;border:1px solid var(--hsm-border);color:var(--hsm-muted);border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px}
.hsm-detail-header button:hover{color:var(--hsm-text);border-color:var(--hsm-accent)}
.hsm-detail-photos{height:300px;background:var(--hsm-card);position:relative;overflow:hidden}
.hsm-detail-photos img{width:100%;height:100%;object-fit:contain}
.hsm-detail-photos .photo-nav{position:absolute;top:50%;transform:translateY(-50%);background:color-mix(in srgb,var(--bg-deep) 50%,transparent);border:none;color:var(--text);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}
.hsm-detail-photos .photo-nav.prev{left:8px}
.hsm-detail-photos .photo-nav.next{right:8px}
.hsm-detail-photos .photo-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:4px}
.hsm-detail-photos .photo-dots span{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--text) 40%,transparent)}
.hsm-detail-photos .photo-dots span.active{background:var(--text)}
.hsm-detail-content{padding:20px 24px}
.hsm-detail-content h2{font-size:22px;font-weight:900;margin-bottom:6px}
.hsm-detail-content .price{font-size:28px;font-weight:900;color:var(--hsm-accent);margin-bottom:12px}
.hsm-detail-content .badges{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.hsm-badge{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.hsm-badge.condition{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--hsm-blue);border:1px solid color-mix(in srgb,var(--info) 20%,transparent)}
.hsm-badge.category{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--hsm-accent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}
.hsm-badge.shipping{background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--hsm-warn);border:1px solid color-mix(in srgb,var(--warning) 15%,transparent)}
.hsm-badge.location{background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--hsm-muted);border:1px solid var(--hsm-border)}
.hsm-badge.verified{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--hsm-accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.hsm-detail-content .description{font-size:14px;line-height:1.6;opacity:.85;margin-bottom:18px;white-space:pre-wrap}
.hsm-seller-card{background:var(--hsm-card);border:1px solid var(--hsm-border);border-radius:14px;padding:14px;display:flex;align-items:center;gap:14px;margin-bottom:16px}
.hsm-seller-avatar{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--hsm-accent);font-weight:700;flex-shrink:0;border:2px solid var(--hsm-border);overflow:hidden}
.hsm-seller-info{flex:1;min-width:0}
.hsm-seller-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}
.hsm-seller-stats{font-size:11px;color:var(--hsm-muted);display:flex;gap:12px;margin-top:2px;flex-wrap:wrap}
.hsm-seller-stats span{display:flex;align-items:center;gap:3px}
.hsm-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.hsm-btn{padding:10px 22px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s var(--hsm-spring);border:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.hsm-btn-buy{background:var(--hsm-accent);color:var(--bg-deep);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 25%,transparent)}
.hsm-btn-buy:hover{transform:translateY(-1px);box-shadow:0 6px 28px color-mix(in srgb,var(--accent) 35%,transparent)}
.hsm-btn-msg{background:var(--hsm-card);color:var(--hsm-text);border:1px solid var(--hsm-border)}
.hsm-btn-msg:hover{border-color:var(--hsm-accent);color:var(--hsm-accent)}
.hsm-btn-save{background:none;border:1px solid var(--hsm-border);color:var(--hsm-muted);border-radius:12px}
.hsm-btn-save:hover,.hsm-btn-save.saved{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}
.hsm-btn-ghost{background:none;border:1px solid var(--hsm-border);color:var(--hsm-muted);border-radius:12px;font-size:12px;padding:8px 14px}
.hsm-btn-ghost:hover{color:var(--hsm-text);border-color:var(--hsm-accent)}
.hsm-btn-report{background:none;border:1px solid color-mix(in srgb,var(--danger) 15%,transparent);color:var(--hsm-muted);border-radius:12px;font-size:12px;padding:8px 14px}
.hsm-btn-report:hover{color:var(--danger)}

/* ── Safety tips ─────────────────────────────────────────────────────────── */
.hsm-safety{background:color-mix(in srgb,var(--warning) 6%,transparent);border:1px solid color-mix(in srgb,var(--warning) 15%,transparent);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.hsm-safety summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--hsm-warn);display:flex;align-items:center;gap:8px;list-style:none}
.hsm-safety summary::-webkit-details-marker{display:none}
.hsm-safety ul{margin:10px 0 2px 0;padding-left:20px;font-size:12px;color:var(--hsm-text);opacity:.85;line-height:1.7}

/* ── Reviews ─────────────────────────────────────────────────────────────── */
.hsm-reviews{margin-bottom:16px}
.hsm-reviews h4{font-size:13px;font-weight:800;margin-bottom:8px;color:var(--hsm-muted);text-transform:uppercase;letter-spacing:.05em}
.hsm-review{border-top:1px solid var(--hsm-border);padding:8px 0;font-size:12px}
.hsm-review .stars{color:var(--hsm-warn);font-size:12px}
.hsm-review .who{color:var(--hsm-muted);margin-left:6px}
.hsm-review .txt{margin-top:2px;opacity:.85}

/* ── Modals (create + buy + review) ─────────────────────────────────────── */
.hsm-modal{background:var(--hsm-glass-bg);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border:1px solid var(--hsm-glass-border);border-radius:20px;padding:24px;width:100%;max-width:520px;max-height:88dvh;overflow-y:auto;box-shadow:0 16px 80px rgba(0,0,0,.6);animation:hsm-slide-up .35s var(--hsm-spring)}
.hsm-modal h3{font-size:18px;font-weight:900;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.hsm-modal h3 iconify-icon{color:var(--hsm-accent)}
.hsm-form-group{margin-bottom:14px}
.hsm-form-group label{display:block;font-size:12px;font-weight:700;color:var(--hsm-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
.hsm-form-group input,.hsm-form-group textarea,.hsm-form-group select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--hsm-border);background:var(--hsm-card);color:var(--hsm-text);font-size:16px;font-family:inherit;outline:none;transition:border-color .15s}
.hsm-form-group input:focus,.hsm-form-group textarea:focus,.hsm-form-group select:focus{border-color:var(--hsm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.hsm-form-group textarea{min-height:80px;resize:vertical}
.hsm-form-row{display:flex;gap:12px}
.hsm-form-row .hsm-form-group{flex:1}
.hsm-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--hsm-text);cursor:pointer}
.hsm-check input{width:auto}
.hsm-photo-drop{border:2px dashed var(--hsm-border);border-radius:12px;padding:22px;text-align:center;cursor:pointer;transition:all .2s;color:var(--hsm-muted);font-size:13px}
.hsm-photo-drop:hover,.hsm-photo-drop.dragover{border-color:var(--hsm-accent);background:color-mix(in srgb,var(--accent) 4%,transparent)}
.hsm-photo-drop iconify-icon{font-size:32px;display:block;margin-bottom:8px;color:var(--hsm-accent)}
.hsm-photo-preview{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.hsm-thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--hsm-border)}
.hsm-thumb img{width:100%;height:100%;object-fit:cover}
.hsm-thumb.uploading{display:flex;align-items:center;justify-content:center;color:var(--hsm-muted);font-size:18px}
.hsm-thumb button{position:absolute;top:2px;right:2px;background:color-mix(in srgb,var(--bg-deep) 60%,transparent);border:none;color:var(--text);border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hsm-modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.hsm-btn-sm{padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;border:1px solid var(--hsm-border);min-height:44px;display:inline-flex;align-items:center;gap:6px}
.hsm-btn-sm.primary{background:var(--hsm-accent);color:var(--hsm-bg);border-color:var(--hsm-accent)}
.hsm-btn-sm.primary:hover{filter:brightness(1.15)}
.hsm-btn-sm.secondary{background:var(--hsm-card);color:var(--hsm-text)}
.hsm-btn-sm.secondary:hover{border-color:var(--hsm-accent)}

/* ── Fulfillment chooser ─────────────────────────────────────────────────── */
.hsm-fulfil{display:flex;gap:12px;margin-bottom:14px}
.hsm-fulfil-opt{flex:1;border:1px solid var(--hsm-border);border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:all .2s}
.hsm-fulfil-opt:hover{border-color:var(--hsm-accent)}
.hsm-fulfil-opt.active{border-color:var(--hsm-accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.hsm-fulfil-opt iconify-icon{font-size:26px;color:var(--hsm-accent);display:block;margin-bottom:6px}
.hsm-fulfil-opt .t{font-weight:800;font-size:13px}
.hsm-fulfil-opt .s{font-size:11px;color:var(--hsm-muted);margin-top:2px}
.hsm-fulfil-opt.disabled{opacity:.35;pointer-events:none}
.hsm-pay-summary{background:var(--hsm-card);border:1px solid var(--hsm-border);border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:13px}
.hsm-pay-summary .row{display:flex;justify-content:space-between;margin-bottom:4px}
.hsm-pay-summary .total{font-weight:900;color:var(--hsm-accent);font-size:16px;border-top:1px solid var(--hsm-border);padding-top:6px;margin-top:6px}

/* ── Star input ──────────────────────────────────────────────────────────── */
.hsm-stars-input{display:flex;gap:4px;font-size:28px;color:var(--hsm-muted);cursor:pointer}
.hsm-stars-input iconify-icon:hover,.hsm-stars-input iconify-icon.on{color:var(--hsm-warn)}

/* ── Seller dashboard + orders ───────────────────────────────────────────── */
.hsm-stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}
.hsm-stat-card{background:var(--hsm-glass-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--hsm-glass-border);border-radius:14px;padding:16px;text-align:center}
.hsm-stat-card .val{font-size:26px;font-weight:900;color:var(--hsm-accent)}
.hsm-stat-card .lbl{font-size:11px;color:var(--hsm-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}
.hsm-dash-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.hsm-dash-tab{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;background:var(--hsm-card);color:var(--hsm-muted);border:1px solid var(--hsm-border);transition:all .15s;font-family:inherit;min-height:44px;display:flex;align-items:center}
.hsm-dash-tab:hover{border-color:var(--hsm-accent);color:var(--hsm-text)}
.hsm-dash-tab.active{background:var(--hsm-accent);color:var(--hsm-bg);border-color:var(--hsm-accent)}
.hsm-order-card{background:var(--hsm-glass-bg);border:1px solid var(--hsm-glass-border);border-radius:14px;padding:14px;display:flex;gap:14px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.hsm-order-thumb{width:60px;height:60px;border-radius:10px;background:var(--hsm-card);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--hsm-muted);font-size:22px}
.hsm-order-thumb img{width:100%;height:100%;object-fit:cover}
.hsm-order-info{flex:1;min-width:140px}
.hsm-order-info .t{font-weight:700;font-size:14px}
.hsm-order-info .m{font-size:12px;color:var(--hsm-muted);margin-top:2px;display:flex;gap:10px;flex-wrap:wrap}
.hsm-status{padding:2px 9px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.hsm-status.pending{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--hsm-warn)}
.hsm-status.paid{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--hsm-blue)}
.hsm-status.shipped{background:color-mix(in srgb,var(--purple) 15%,transparent);color:color-mix(in srgb,var(--purple) 80%,white)}
.hsm-status.completed{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--hsm-accent)}
.hsm-status.cancelled{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.hsm-order-actions{display:flex;gap:6px;flex-wrap:wrap}

/* ── Empty + toast ───────────────────────────────────────────────────────── */
.hsm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}
.hsm-empty iconify-icon{font-size:48px;color:var(--hsm-muted);opacity:.4;margin-bottom:12px}
.hsm-empty h3{font-size:16px;font-weight:700;margin-bottom:4px}
.hsm-empty p{font-size:13px;color:var(--hsm-muted);margin-bottom:16px}
.hsm-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--hsm-accent);color:var(--hsm-bg);padding:10px 24px;border-radius:12px;font-size:13px;font-weight:700;z-index:99999;transition:transform .4s var(--hsm-spring);pointer-events:none;max-width:90vw;text-align:center}
.hsm-toast.show{transform:translateX(-50%) translateY(0)}

/* ── Mobile ──────────────────────────────────────────────────────────────── */
@media(max-width:768px){
  .hsm-sidebar{position:fixed;left:0;top:52px;bottom:0;z-index:100;width:240px;transform:translateX(-100%);transition:transform .35s var(--hsm-spring)}
  .hsm-sidebar.open{transform:translateX(0)}
  .hsm-overlay{display:none;position:fixed;inset:0;background:color-mix(in srgb,var(--bg-deep) 40%,transparent);z-index:99}
  .hsm-overlay.open{display:block}
  .hsm-mobile-toggle{display:flex!important}
  .hsm-content{padding:12px}
  .hsm-listings-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .hsm-listing-photo{height:140px}
  .hsm-toolbar{padding:8px 10px}
  .hsm-condition-pills{display:none}
  .hsm-detail{max-width:100%;border-radius:16px}
  .hsm-detail-photos{height:240px}
  .hsm-detail-content{padding:16px}
  .hsm-stats-row{grid-template-columns:repeat(2,1fr)}
}
.hsm-mobile-toggle{display:none;position:fixed;top:58px;left:8px;z-index:98;background:var(--hsm-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hsm-glass-border);border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--hsm-text)}
@keyframes hsm-particle{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx,10px),-60px) scale(0);opacity:0}}
@keyframes hsm-spin{to{transform:rotate(360deg)}}
.hsm-spin{animation:hsm-spin 1s linear infinite;display:inline-block}

/* Clear the fixed hySocial bottom tab-bar (mobile / tablet only) */
@media(max-width:1023px){
  .hsm-content.hy-has-tabbar{padding-bottom:calc(12px + var(--hy-tabbar-h,56px) + var(--safe-bottom,env(safe-area-inset-bottom,0px)))}
}