/* Phase 0 split — extracted from index.html. Do not edit by hand mid-merge. */

/* === INSTRUMENT INFO MODAL === */
.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9000;display:none;align-items:flex-start;justify-content:center;padding:40px 16px 16px;overflow:auto}
.modal-back.show{display:flex}
.modal-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;padding:18px 18px 14px;box-shadow:0 12px 40px rgba(0,0,0,.5);animation:modalIn .18s ease-out}
@keyframes modalIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.modal-title{font-size:17px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}
.modal-close{width:30px;height:30px;border-radius:50%;background:#1a1a22;border:none;color:#aaa;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.modal-close:hover{background:#26262e;color:#fff}
.spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;border-bottom:1px dashed rgba(255,255,255,.06);font-size:13.5px}
.spec-row:last-child{border-bottom:0}
.spec-key{color:#9aa0a6}
.spec-val{color:#e6e6e6;font-weight:500;text-align:right;max-width:60%}
.spec-val.green{color:#7ee787}
.spec-val.red{color:#ff8888}
.spec-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.4px}
.spec-pill.green{background:rgba(126,231,135,.12);color:#7ee787}
.spec-pill.red{background:rgba(255,136,136,.12);color:#ff8888}