/* Acela Equipment reports (live map). Popup block matches the Reported Unit block; the form
   uses 4px corners and 36px navy filled + outlined buttons. Acela headers: #00B3E3 with white text. */

/* ---------- live map Acela popup block (sits with the Reported Unit block) ---------- */
.acela-equip-pop { --acela-ink: #006e8c; }
.acela-equip-pop .loco-report-text { margin-bottom: 8px; }
.acela-equip-pop-label { font-size: 11px; font-weight: 700; color: #5c6480; margin-bottom: 2px; }
.acela-equip-pop-type { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--acela-ink); }
.acela-equip-pop-type[data-type="legacy"],
.acela-equip-pop-type[data-type="split"] { color: #07093e; }
.acela-equip-pop-type.is-empty { color: #6b7288; font-weight: 600; }
.acela-equip-pop-src { margin-top: 2px; font-size: 12px; font-weight: 500; color: #4b5568; }
.acela-equip-pop-split { margin-top: 1px; font-size: 11px; font-weight: 500; color: #7a8296; }
.acela-equip-by { color: var(--mt-muted, #5f6673); }
.acela-equip-pop-sample { margin-top: 6px; }
.acela-equip-sample { display: inline-block; font-size: 11px; font-weight: 600; color: #6b4e00; background: #fff6db; border: 1px solid #f1d27a; border-radius: 4px; padding: 1px 6px; }
/* MyTrips hides map-only Menu items (like Report a train). */
html.rr-mytrips-page #btn-acela-equip-menu { display: none !important; }

/* Form summary list labels */
.acela-equip-type { font-weight: 700; color: var(--acela-ink, #006e8c); }
.acela-equip-type[data-type="legacy"] { color: #07093e; }

/* ---------- Report Acela Equipment modal ---------- */
.acela-equip-backdrop { z-index: 100060; }
.acela-equip-modal,
.acela-equip-modal * { font-family: inherit; box-sizing: border-box; }
.acela-equip-modal { width: min(440px, 100%); border-radius: 4px; overflow: hidden auto; background: var(--mt-surface, #fff); color: var(--mt-ink, #1a1f2e); }
.acela-equip-modal .acela-equip-header { background: #00B3E3; color: #fff; font-size: 17px; font-weight: 700; padding: 14px 16px; }
.acela-equip-modal .rr-modal-close { color: #fff; font-size: 26px; width: 36px; height: 36px; }
.acela-equip-modal .rr-modal-body { padding: 16px 18px 18px; }
.acela-equip-lead { margin: 0 0 6px; font-size: 13px; line-height: 1.45; color: var(--mt-muted, #5f6673); }
.acela-equip-sample-note {
  margin: 8px 0 2px; padding: 6px 10px; border-radius: 4px; font-size: 12px; font-weight: 600;
  background: #fff6db; color: #6b4e00; border: 1px solid #f1d27a;
}
.acela-equip-modal .rr-modal-body label { font-size: 12px; font-weight: 600; color: var(--mt-ink, #3a4250); margin: 14px 0 6px; }
.acela-equip-modal .rr-modal-body input[type="text"],
.acela-equip-modal .rr-modal-body input[type="date"] {
  width: 100%; height: 40px; min-height: 40px; padding: 0 10px; border-radius: 4px; font-size: 14px;
  border: 1px solid var(--mt-field, #c5cad3); background: var(--mt-surface-2, #fff); color: var(--mt-ink, #07093e);
}
.acela-equip-modal input:focus-visible { outline: 2px solid #00B3E3; outline-offset: 0; border-color: #00B3E3; }
.acela-equip-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.acela-equip-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.acela-equip-choice {
  display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left;
  padding: 10px 12px; border-radius: 4px; cursor: pointer;
  border: 1px solid var(--mt-field, #c5cad3); background: var(--mt-surface, #fff); color: var(--mt-ink, #07093e);
}
.acela-equip-choice:hover { border-color: var(--mt-navy, #07093e); }
.acela-equip-choice.is-on { border: 2px solid #00B3E3; padding: 9px 11px; background: rgba(0, 179, 227, 0.08); }
.acela-equip-choice-name { font-size: 14px; font-weight: 700; }
.acela-equip-choice-sub { font-size: 12px; color: var(--mt-muted, #5f6673); }
.acela-equip-current-box:empty { display: none; }
.acela-equip-current-box { margin-top: 14px; padding: 10px 12px; border-radius: 4px; background: var(--mt-bg, #f5f6f8); border: 1px solid var(--mt-line, #e3e6eb); }
.acela-equip-current-title { margin: 0 0 6px; font-size: 12px; font-weight: 600; color: var(--mt-ink, #1a1f2e); }
.acela-equip-current { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 12px; color: var(--mt-muted, #5f6673); }
.acela-equip-current .acela-equip-type { font-size: 12px; margin-right: 4px; }
.acela-equip-none { margin: 0; font-size: 12px; color: var(--mt-muted, #5f6673); }
.acela-equip-modal .rr-modal-error { margin-top: 12px; border-radius: 4px; }
.acela-equip-actions { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.acela-equip-submit,
.acela-equip-cancel {
  height: 36px; padding: 0 16px; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer;
  border: 1px solid var(--mt-navy, #07093e);
}
.acela-equip-submit { background: var(--mt-navy, #07093e); color: #fff; }
.acela-equip-submit:hover { background: #1b1f5c; }
.acela-equip-submit:disabled { opacity: .6; cursor: default; }
.acela-equip-cancel { background: var(--mt-surface, #fff); color: var(--mt-navy, #07093e); }
.acela-equip-fine { margin: 12px 0 0; font-size: 11px; line-height: 1.4; color: var(--mt-faint, #8a919c); }
@media (max-width: 420px) {
  .acela-equip-backdrop { padding: 10px; align-items: flex-end; }
  .acela-equip-modal { max-height: 94vh; }
}
/* Reported unit inside the Acela Reported Equipment box */
.acela-equip-pop-unit { margin-top: 6px; font-size: 13px; font-weight: 700; color: #07093e; }
.acela-equip-pop .loco-report-meta,
.acela-equip-pop .loco-report-comment { font-size: 11px; }
.acela-equip-pop-unit-link { display: block; margin: 8px auto 0; padding: 4px 6px; background: none; border: 0; font: inherit; font-size: 12px; font-weight: 600; color: #07093e; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }