/* Storefront extras from seller-tools.js: "Updated" badge and line, "Report this product". */
.updated-tag{position:absolute;left:7px;bottom:8px;font-size:11px;font-weight:700;padding:4px 6px;border-radius:4px;background:#e6f6ee;color:#11703f;border:1px solid #b8e3c9}
.product-updated{margin:6px 0 0;font-size:13.5px;color:#11703f}
.product-updated a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.report-product{margin-top:10px;background:none;border:0;padding:0;cursor:pointer;font-size:12.5px;opacity:.85;text-decoration:underline;text-underline-offset:3px}
.report-product:hover{opacity:1}
.report-form{display:grid;gap:12px;min-width:min(460px,80vw)}
.report-form select,.report-form textarea{width:100%}
html[data-theme=dark] .updated-tag{background:#143a26;color:#8fe0b3;border-color:#23573a}
html[data-theme=dark] .product-updated{color:#8fe0b3}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .updated-tag{background:#143a26;color:#8fe0b3;border-color:#23573a}html:not([data-theme=light]) .product-updated{color:#8fe0b3}}
/* Buyer ↔ seller messages */
.ask-seller{margin-top:12px;margin-right:12px}
.inbox-count{display:inline-block;min-width:18px;padding:0 6px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.inbox{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-width:min(520px,82vw)}
.inbox-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:10px 12px;border:1px solid #d9e2ec;border-radius:10px;background:none;cursor:pointer}
.inbox-row span,.inbox-row small{grid-column:1}.inbox-row .inbox-count{grid-column:2;grid-row:1/3;align-self:center}
.inbox-row small{opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-row.unread{border-color:#0068d6;background:#eef5ff}
.chat{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px;max-height:46vh;overflow:auto;min-width:min(520px,82vw)}
.chat-msg{max-width:85%;padding:8px 12px;border-radius:12px;background:#f1f5f9}
.chat-msg.mine{justify-self:end;background:#e6f0ff}
.chat-msg p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-who{font-size:11.5px;opacity:.7}
.chat-form{display:grid;gap:10px}
html[data-theme=dark] .inbox-row{border-color:#2a3b52}
html[data-theme=dark] .inbox-row.unread{background:#10243d;border-color:#3b82f6}
html[data-theme=dark] .chat-msg{background:#1a2638}
html[data-theme=dark] .chat-msg.mine{background:#16324f}

/* Account home: become a seller */
.seller-join { margin: 18px 0 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; border-radius: 18px; color: #fff;
  background: linear-gradient(135deg, #1a8cff 0%, #0068d6 55%, #4b3bd6 100%); box-shadow: 0 10px 30px rgba(0, 104, 214, .22); }
.seller-join h3 { margin: 0 0 4px; font-size: 20px; color: #fff; letter-spacing: -.01em; }
.seller-join p { margin: 0 0 12px; color: rgba(255, 255, 255, .92); }
.seller-join small { display: block; margin-top: 10px; color: rgba(255, 255, 255, .8); font-size: 12px; max-width: 640px; }
.seller-join-steps { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.seller-join-steps li { padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .35); font-size: 13px; font-weight: 700; }
.seller-join-button { flex-shrink: 0; display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 12px; background: #fff; color: #0068d6; font-weight: 800; text-decoration: none; box-shadow: 0 6px 16px rgba(0, 0, 0, .15); }
.seller-join-button:hover { background: #eef5ff; }
@media (max-width: 760px) { .seller-join { flex-direction: column; align-items: flex-start; } }