/* ==========================================================================
   #/fmsimport — the FMS import screen (#720)
   --------------------------------------------------------------------------
   Two states this screen has to draw apart, and getting them the wrong way
   round is the easy mistake:

     .fms-pill--indet  HATCHED. "We could not look." The reader does not exist
                       yet, so there is no answer — not an answer of none. Same
                       five stops, same dashed border and same muted gold as
                       .badge--hatch (css/modules/intk.css) and .cmp-pill--indet,
                       because it is one visual language for "we cannot tell"
                       across the whole app and it should not be learned twice.
                       Defined here rather than reused because the CSS split
                       refuses one selector in two files — the rule is copied,
                       the SELECTOR is not.

     .fms-pill--none   DIMMED AND DASHED. "We looked and there is none." A known
                       negative, which is a fact we hold, and hatching it would
                       claim we do not know something we do. The counterpart
                       .fleet-swms__item--retired draws for a retired zone.

   Everything here is prefixed `fms-`, which is what makes this file the module
   and stops any selector appearing twice (tests/css-split-check.js).
   ========================================================================== */

#fms-import .fms-lede{padding:18px 20px;border-left:4px solid var(--blue)}
#fms-import .fms-lede p{margin:0 0 6px}
#fms-import .fms-lede ul{color:var(--muted);font-weight:700;font-size:12.5px;line-height:1.6;margin:10px 0 0;padding-left:18px}

/* The state strip. One row per piece of the import, and every row is DERIVED
   from whether the reader is actually present — never written down, so it
   cannot go stale as the other two tracks land. */
#fms-import .fms-state{width:100%;border-collapse:collapse;margin-top:4px}
#fms-import .fms-state th{text-align:left;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding:0 10px 6px 0}
#fms-import .fms-state td{padding:7px 10px 7px 0;border-top:1px solid var(--line,#e5e1d6);vertical-align:top;font-size:12.5px;font-weight:700}
#fms-import .fms-state td:first-child{white-space:nowrap}
#fms-import .fms-state .fms-blocks{color:var(--muted);font-weight:700;line-height:1.5;max-width:66ch}

.fms-pill{display:inline-block;padding:2px 9px;border-radius:11px;font-size:11px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.fms-pill--built{background:#e7f3e9;color:#2c6b39;border:1px solid #b6d8bf}

/* We could not look. */
.fms-pill--indet{
  background:repeating-linear-gradient(135deg,#f4f2ea,#f4f2ea 5px,#eae6d8 5px,#eae6d8 10px);
  color:#7a6520;border:1px dashed #c9b877}

/* We looked, and there is none. */
.fms-pill--none{background:transparent;color:var(--muted);border:1px dashed var(--line,#c9c4b6);opacity:.75}

/* The sentence under an empty panel. It carries which empty this is, in words,
   because a pill alone is a colour and a colour is not a claim anybody can act
   on — and it is body copy rather than a footnote for the same reason the
   compliance matrix prints its caveat ABOVE the table. */
#fms-import .fms-empty{font-weight:700;font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 0;max-width:82ch}
#fms-import .fms-empty b{color:var(--ink,#2b2b2b)}
#fms-import .fms-empty--indet{border-left:3px dashed #c9b877;padding-left:10px}
#fms-import .fms-empty--none{border-left:3px dashed var(--line,#c9c4b6);padding-left:10px}

#fms-import .fms-panel{margin-top:14px}
#fms-import .fms-panel h3{font-size:14px;letter-spacing:.2px;margin:0 0 4px}
#fms-import .fms-sub{color:var(--muted);font-weight:700;font-size:12px;line-height:1.55;margin:0 0 8px;max-width:88ch}

/* The number space. Counts and names, never a percentage — so the ambiguous
   list is a LIST, and the number beside it is a count of the names below it. */
#fms-import .fms-amb{margin:8px 0 0;padding-left:18px;font-weight:700;font-size:12.5px;line-height:1.7}
#fms-import .fms-amb code{font-size:12px}
#fms-import .fms-fig{font-size:22px;font-weight:800;letter-spacing:-.3px}
#fms-import .fms-figrow{display:flex;gap:26px;flex-wrap:wrap;margin:6px 0 2px}
#fms-import .fms-figrow div{min-width:120px}
#fms-import .fms-figlab{display:block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-top:2px}

/* The two worklists (#/fmsdelivered, #/fmsduplicates). They reuse this module's
   pills and empties, so all they add is the table. */
#fms-import .fms-wl{width:100%;border-collapse:collapse;margin-top:8px}
#fms-import .fms-wl th{text-align:left;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding:0 10px 6px 0}
#fms-import .fms-wl td{padding:7px 10px 7px 0;border-top:1px solid var(--line,#e5e1d6);font-size:12.5px;font-weight:700;vertical-align:top}
#fms-import .fms-wl code{font-size:12px}