:root{
  --imala-accent:#ff4d94;
  --imala-bg1:#fff5f8;
  --imala-bg2:#ffffff;
  --imala-border:#ececec;
  --imala-text:#111;
  --imala-muted:#3f3f46;
  --imala-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.imala-wrap{max-width:1100px;margin:0 auto;background:linear-gradient(var(--imala-bg1),var(--imala-bg2));border:1px solid #eee;border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(0,0,0,.06);font-family:var(--imala-font);color:var(--imala-text)}
.imala-title{font-size:28px;font-weight:800;margin:0 0 10px}
.imala-sub{color:var(--imala-muted);margin:0 0 12px}
.imala-help{background:#fff;border:1px dashed var(--imala-border);border-radius:12px;padding:12px;margin:10px 0;color:#444}
.imala-help b{color:#111}
.imala-grid{display:grid;gap:16px}
@media(min-width:900px){.imala-grid{grid-template-columns:1fr 1fr}}
.imala-card{background:#fff;border:1px solid var(--imala-border);border-radius:14px;padding:14px}
.imala-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.imala-input{flex:1 1 120px;display:flex;gap:6px;align-items:center}
.imala-input input,.imala-input select{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;color:var(--imala-text)}
.imala-badge{border:1px solid #ddd;border-radius:10px;padding:6px 10px;background:#fff;cursor:pointer}
.imala-badge.active{background:var(--imala-accent);color:#fff;border-color:var(--imala-accent)}
.imala-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.imala-pill{border:1px solid #eee;border-radius:12px;padding:10px;text-align:center}
.imala-legend{font-size:12px;color:#444;margin-top:8px}
.imala-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.imala-btn{border:1px solid #ddd;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
.imala-kpi{font-size:26px;font-weight:800}
.imala-muted{font-size:12px;color:var(--imala-muted)}
.imala-footer{margin-top:18px;text-align:center;color:var(--imala-muted);font-size:12px}
.imala-note{font-size:12px;color:#555;background:#fff;border:1px solid var(--imala-border);border-radius:10px;padding:8px}
.imala-micro{font-size:12px;color:#444;margin-top:6px}
.imala-label{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--imala-text)}

/* --- Macros choice buttons --- */
.imala-choices{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:520px){.imala-choices{grid-template-columns:1fr 1fr}}
.imala-choice{border:1px solid #ddd;border-radius:12px;padding:10px;text-align:left;background:#fff;cursor:pointer}
.imala-choice .title{font-weight:700;margin:0 0 4px;font-size:14px}
.imala-choice .desc{font-size:12px;color:#444}
.imala-choice.active{border-color:var(--imala-accent);box-shadow:0 0 0 2px rgba(255,77,148,.15)}