/* XPM Frontend v1.2.3.1 */
.xpm-container{max-width:1100px;margin:0 auto;padding:16px}
.xpm-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}
.xpm-btn{display:inline-block;padding:10px 14px;border-radius:12px;background:#f28c38;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 2px 0 rgba(0,0,0,.06)}
.xpm-btn.secondary{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}
.xpm-btnbar{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.xpm-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:740px){.xpm-grid{grid-template-columns:1fr 1fr}}
.xpm-cards{grid-template-columns:1fr}
@media(min-width:880px){.xpm-cards{grid-template-columns:1fr 1fr}}
.xpm-card{border:1px solid #eaeaea;border-radius:16px;padding:14px;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.04)}
.xpm-card.lift{transition:transform .12s ease, box-shadow .12s ease}
.xpm-card.lift:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.xpm-meta{font-size:12px;color:#6b7280}
.xpm-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px}
.xpm-input,.xpm-select,textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}
.xpm-empty{padding:28px;text-align:center;border:1px dashed #ddd;border-radius:14px;background:#fff}
.xpm-thumb{width:100%;max-height:200px;object-fit:cover;border-radius:12px;border:1px solid #eee}
.xpm-form-title{font-weight:700;margin:12px 0 6px}
.xpm-title{margin:8px 0 6px;font-size:16px;line-height:1.3}
/* Breakdown */
.xpm-breakdown{display:grid;gap:8px;max-width:560px}
.xpm-breakdown>div{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #f0f0f0;border-radius:10px;background:#fafafa}
.xpm-breakdown .xpm-total{background:#fff7ed;border-color:#fed7aa}
.xpm-breakdown .xpm-conv{font-size:12px;color:#6b7280;margin-top:4px}