/* maes-common.css — shared styles for MPM and Studio */

/* ── CSS Custom Properties ── */
:root {
  --bg:#f5f3f0;--surface:#ffffff;--surface2:#f8f6f3;--surface3:#f0ede8;
  --border:rgba(0,0,0,.09);--border2:rgba(0,0,0,.07);
  --gold:#e8a030;--gold-dim:rgba(232,160,48,.12);--gold-dark:#7a3e0c;--gold-light:#f5b845;
  --cyan:#06b6d4;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--orange:#f97316;--purple:#a855f7;--blue:#3b82f6;
  --text:#111014;--text2:#4a4540;--muted:#9e9690;
  --mono:'JetBrains Mono',monospace;
}

/* ── Scrollbar ── */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}

/* ── Status badges ── */
.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}
.badge-green{background:rgba(34,197,94,.12);color:#16a34a}
.badge-amber{background:rgba(245,158,11,.12);color:#d97706}
.badge-gray{background:rgba(158,150,144,.12);color:var(--muted)}
.badge-red{background:rgba(239,68,68,.12);color:var(--red)}
.badge-blue{background:rgba(59,130,246,.10);color:#2563eb}
.badge-purple{background:rgba(168,85,247,.10);color:#7c3aed}

/* ── Modal backdrop ── */
.modal-backdrop{position:fixed;inset:0;background:rgba(17,16,20,.5);display:flex;align-items:center;justify-content:center;z-index:9999}
.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:620px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 48px rgba(0,0,0,.22)}
.modal-header{padding:18px 22px 14px;border-bottom:1px solid var(--border);flex-shrink:0}
.modal-header h3{font-size:15px;font-weight:700;margin-bottom:10px}
.modal-body{flex:1;overflow-y:auto;padding:18px 22px}
.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}

/* ── Spin keyframe ── */
@keyframes spin { to { transform: rotate(360deg); } }