:root{
  --card-bg:#fff;
  --muted:#6b7280;
  --text:#111827;
  --accent:#007565;
  --accent-strong:#006457;
  --border:#e5e7eb;
  --radius:16px;
  --win-bg:rgba(16,185,129,.12);
}

.mxe-auction-room{max-width:1100px;margin:24px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
.mxe-auction-room h2{font-size:20px;margin:14px 0}

.mxe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}

.mxe-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 18px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column}

.mxe-gallery{background:#fff;position:relative}
.mxe-gallery .mxe-gwrap{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}
.mxe-gallery img{max-width:100%;max-height:100%;object-fit:contain}
.mxe-gallery .nav{position:absolute;top:50%;transform:translateY(-50%);border:1px solid var(--border);background:#fff;border-radius:999px;width:36px;height:36px;font-size:20px;cursor:pointer}
.mxe-gallery .nav.prev{left:8px}.mxe-gallery .nav.next{right:8px}

.mxe-body{padding:12px 12px 8px 12px;display:flex;flex-direction:column;gap:8px}
.mxe-title{font-weight:800;font-size:16px}
.mxe-notes{color:var(--muted);font-size:13px}

.mxe-desc{background:#f3f4f6;border:1px solid var(--border);padding:8px;border-radius:12px}

.mxe-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mxe-meta .blk{background:#f9fafb;border:1px solid var(--border);padding:10px;border-radius:12px}
.mxe-meta .label{font-size:12px;color:var(--muted);margin-bottom:4px}
.mxe-meta .count{font-variant-numeric:tabular-nums;font-weight:700}
.mxe-meta .current{font-size:18px;font-weight:800}

/* Responsive, friendly bid form */
.mxe-bid{border-top:1px solid var(--border);padding:10px 12px;display:grid;gap:10px}
.mxe-bid .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:640px){.mxe-bid .row{grid-template-columns:1fr}}
.mxe-bid input{padding:10px;border:1px solid var(--border);border-radius:10px;font-size:14px;min-width:0}
.mxe-bid .amt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mxe-bid .amt input.amount{flex:1 1 160px;min-width:0}
.mxe-bid .quick{border:1px solid var(--border);background:#f3f4f6;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}

.mxe-bid .row.submit{align-items:center;display:grid;grid-template-columns:1fr auto;gap:10px}
.mxe-bid input.amount-custom{padding:10px;border:1px solid var(--border);border-radius:10px;font-size:14px;min-width:0}

.mxe-bid .btn-place{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}
.mxe-bid .btn-place:hover{background:var(--accent-strong)}
.mxe-bid .btn-place:focus{outline:3px solid rgba(0,117,101,.2)}
.mxe-bid .btn-place[disabled],
.mxe-bid .btn-place[aria-disabled="true"]{opacity:.55;cursor:not-allowed;filter:saturate(.6)}

/* Bidders list */
.mxe-bidders{border-top:1px solid var(--border);padding:10px 12px 12px}
.mxe-bidders h4{margin:4px 0 8px 0;font-size:14px}
.mxe-bidders ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}
.mxe-bidders li{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border:1px solid var(--border);padding:8px 10px;border-radius:10px;font-size:14px}
.mxe-bidders li.top{background:var(--win-bg);border-color:#10b981}
.mxe-bidders .removed{color:var(--muted);font-size:12px;margin-top:6px}

/* Ended state */
.mxe-card.ended .mxe-bid{display:none}
.mxe-card.ended .mxe-meta{display:none}
.mxe-card .mxe-ended-note{display:none;margin-top:6px;color:#111;background:#fff3cd;border:1px solid #ffeeba;padding:8px;border-radius:8px;font-size:14px}
.mxe-card.ended .mxe-ended-note{display:block}

/* OTP modal */
.mxe-otp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:99999}
.mxe-otp-modal{background:#fff;border-radius:14px;border:1px solid var(--border);width:min(92vw,400px);padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.mxe-otp-modal h3{margin:0 0 8px 0;font-size:18px}
.mxe-otp-modal p{margin:0 0 10px 0;color:#6b7280}
.mxe-otp-modal input{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;font-size:16px;text-align:center;letter-spacing:2px}
.mxe-otp-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}
.mxe-otp-actions button{padding:10px 12px;border-radius:10px;border:1px solid var(--border);cursor:pointer}
.mxe-otp-actions .ok{background:var(--accent);color:#fff;border:none}
.mxe-otp-actions .ok:hover{background:var(--accent-strong)}

/* === v1.1.0 Verification Bar & Notices === */
.mxe-verify-bar{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin:12px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mxe-verify-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;flex:1}
@media (max-width:720px){.mxe-verify-form{grid-template-columns:1fr}}
.mxe-verify-form input{border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px}
.mxe-verify-form .v-send{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}
.mxe-verify-form .v-send:hover{background:var(--accent-strong)}
.mxe-verify-form .v-send:focus{outline:3px solid rgba(0,117,101,.2)}

.mxe-verify-badge{display:inline-flex;align-items:center;gap:10px;background:#ecfdf5;border:1px solid #10b98133;color:#065f46;border-radius:999px;padding:8px 12px;font-weight:700}
.mxe-verify-badge .v-change{background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 10px;cursor:pointer}
.mxe-verify-badge .v-change:hover{background:#f3f4f6}

.mxe-verify-note{background:#fff7ed;border:1px dashed #f59e0b;border-radius:12px;padding:8px 10px;margin:6px 0;color:#92400e;font-size:13px}