/* TrostEngage — shared TROST design tokens & components (mockup = production skeleton) */
:root{
  --bg:#081420;--panel:#0F2338;--panel2:#132C46;--border:#1E3A54;
  --navy:#14304D;--navy-bright:#4A8FD6;--lime:#C6D400;
  --text:#E8E8F0;--text-dim:#9AA7B5;--text-dim2:#6E7E90;
  --eg-a:#2F9BFF;--eg-st:#2ED573;--eg-s:#FF4757;--eg-c:#FFD500;
  --ok:#2ED573;--warn:#F4A261;--bad:#FF4757;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
.chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:5px 10px}
.chip img{display:block;height:22px;width:auto}
.btn{border:none;border-radius:10px;padding:.8rem 1.2rem;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}
.btn-lime{background:var(--lime);color:var(--bg)}
.btn-navy{background:var(--navy-bright);color:var(--bg)}
.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}
.btn:disabled{opacity:.4;cursor:not-allowed}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1rem}
.tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px}
.tag-ok{background:rgba(46,213,115,.15);color:var(--ok);border:1px solid rgba(46,213,115,.35)}
.tag-wait{background:rgba(244,162,97,.15);color:var(--warn);border:1px solid rgba(244,162,97,.35)}
.tag-off{background:rgba(255,255,255,.06);color:var(--text-dim);border:1px solid var(--border)}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.pulse{animation:pulse 1.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.fadeup{animation:fadeup .3s ease}
@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
::placeholder{color:rgba(255,255,255,.25)}
input,textarea,select{font-family:inherit}
.modal-back{position:fixed;inset:0;background:rgba(4,10,16,.75);display:none;align-items:center;justify-content:center;z-index:100;padding:1rem}
.modal-back.show{display:flex}
.modal{background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:1.5rem;max-width:480px;width:100%;max-height:85vh;overflow-y:auto}