/* Whole issuer listings (Task219-backed location pages, .l219): the design's cards grouped by province, the result
   bar, the relative-position diagram and one shared detail sheet, plus the overview table. Loaded only by those
   pages, after v2-location-217.css whose .l217 tokens, panel, bar, diagram and sheet styles they use. */
.l219-results{padding-bottom:28px}
.l219-pnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.l219-pnav-l{font-size:13px;font-weight:600;color:var(--muted);margin-right:2px}
.l219-pnav .l217-pchip:hover{box-shadow:inset 0 0 0 1px var(--orange)}
.l219-pnav .l217-pchip[aria-current="true"]{background:var(--ink);color:#fff;box-shadow:none}
.l219-search{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
.l219-grid{margin-top:4px}
.l219-prov{margin-top:22px;scroll-margin-top:96px}
.l219-prov:first-of-type{margin-top:4px}
.l219-prov-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--ink);font-size:20px;font-weight:600;letter-spacing:-.01em}
.l219-prov-n{font-size:13px;font-weight:500;color:var(--muted)}
.l219 .l219-items{gap:10px}
.l219-up{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--muted)!important}
.l219-up:hover{text-decoration:underline}
.l217-on .l219-up{display:none}

/* card: icon column spanning the title and address rows, kind pill at the end of the title row, foot across */
.l219-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:14px 16px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--bd);transition:box-shadow .15s}
.l217-on .l219-card{cursor:pointer}
.l217-hov .l219-card{box-shadow:0 0 0 1.5px var(--ink)}
.l217-sel .l219-card{box-shadow:0 0 0 2px var(--orange)}
.l219-ic{grid-row:1 / span 2;grid-column:1;position:relative;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.l219-ic svg{width:22px;height:22px}
.l219-ic-machine{background:#FFF2E6;color:var(--orange-t)}
.l219-ic-staff{background:var(--ink);color:var(--orange)}
.l219-card .l219-n{grid-row:1;grid-column:2;display:block;padding-right:150px;font-size:16px;font-weight:600;line-height:1.3}
.l219-card .l217-kind{grid-row:1;grid-column:2;justify-self:end;align-self:start;margin-top:1px}
.l219-card .l219-a{grid-row:2;grid-column:2;font-size:14px;line-height:1.5;color:var(--body)}
.l219-f{grid-row:3;grid-column:1 / span 2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:6px;padding-top:10px;border-top:1px solid var(--bd-s);font-size:13px;color:var(--body)}
.l219-h{display:flex;align-items:center;gap:6px}
.l219-acts{display:flex;gap:8px;margin-left:auto}
.l219-dir{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--bd-x);color:var(--ink)!important;font-size:13px;font-weight:600;white-space:nowrap}
.l219-dir:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.l219-open{height:34px}

/* diagram: matching points not yet on the page are small dots behind the numbered pins */
.l217-dotpin{position:absolute;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 2px rgba(43,24,56,.25);z-index:0}
.l217-dotpin-machine{background:#F2B48A}
.l217-dotpin-staff{background:#8E7A9B}

/* shared detail sheet: opened by the script (hidden attribute + class), same box as the Task217 sheet */
.l219-sheet{display:none}
.l219-sheet.l219-sheet-on{display:block;position:fixed;inset:0;z-index:300}
.l219-sheet [data-l219-sh-hours]{font-size:14.5px}

/* overview */
.l219-ov{margin-top:22px}
.l219-ov-h{margin:0 0 10px;font-size:20px;font-weight:600;letter-spacing:-.01em}
.l219-tbl{width:100%;max-width:720px;border-collapse:collapse;font-size:14px}
.l219-tbl th,.l219-tbl td{padding:9px 10px;border-bottom:1px solid var(--bd-s);text-align:left}
.l219-tbl thead th{font-size:12.5px;font-weight:600;color:var(--muted);border-bottom:2px solid var(--ink)}
.l219-tbl td{font-variant-numeric:tabular-nums}
.l219-tbl td a{font-weight:600;color:var(--orange-t)!important}
.l219-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.l219-kinds li{display:flex;gap:8px;align-items:baseline;padding:8px 14px;border-radius:12px;background:var(--lilac);font-size:14px}
.l219-src{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}

@media (max-width:1179px){.l219-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:899px){
  .l219-search{grid-template-columns:minmax(0,1fr)}
  /* 31 province chips: one row that scrolls sideways (the select above lists them all) */
  .l217-on .l219-pnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1 * clamp(16px,3vw,40px));margin-right:calc(-1 * clamp(16px,3vw,40px));padding:2px clamp(16px,3vw,40px)}
  .l217-on .l219-pnav::-webkit-scrollbar{display:none}
  .l217-on .l219-pnav .l217-pchip{flex:none}
  .l219-card{grid-template-columns:40px minmax(0,1fr)}
  .l219-ic{width:40px;height:40px;grid-row:1 / span 3}
  .l219-card .l219-n{padding-right:0}
  .l219-card .l217-kind{grid-row:2;justify-self:start;margin-top:0}
  .l219-card .l219-a{grid-row:3}
  .l219-f{grid-row:4}
}
@media (max-width:599px){.l219-prov-h{font-size:18px}.l219-tbl th,.l219-tbl td{padding:8px 6px}.l219-pnav .l217-pchip{height:32px;padding:0 10px}.l219-f{flex-direction:column;align-items:flex-start}.l219-acts{margin-left:0}}

/* overview page with script: the tables give way to the cards built from the data module */
.l217-on .l219-ovs{display:none}
.l219-lazy-note{margin:8px 0 0;font-size:14px;color:var(--muted)}
.l219-ovs .l219-ov:first-child{margin-top:4px}
