/* LEADS — the calling queue. s79.
   Its own stylesheet: app.css is already the only shipped file over 60KB
   and this screen is not the thing that should push it further. */

.lq-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
/* Three tiles on the calling queue, s104. */
.lq-tiles-3{grid-template-columns:repeat(3,1fr)}
.lq-tile{border:1px solid var(--line);border-radius:10px;padding:13px 16px;background:var(--card)}
.lq-tile b{display:block;font-family:var(--serif);font-size:26px;font-weight:500;
  font-variant-numeric:tabular-nums;margin:5px 0 2px}
.lq-tile span{display:block;font-size:11.5px;color:var(--faint)}
.lq-tile.hot{border-color:#eed8d1;background:var(--red-soft)}
.lq-tile.hot b{color:var(--red)}
.lq-tile.hot .eyebrow{color:var(--red)}

.lq-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.lq-chip{border:1px solid var(--line);background:var(--card);border-radius:20px;
  padding:5px 13px;font-size:12px;font-family:var(--sans);color:var(--muted);cursor:pointer}
.lq-chip.on{background:var(--rail);border-color:var(--rail);color:#fff;font-weight:600}
.lq-search{flex:1;min-width:180px;border:1px solid var(--line);border-radius:7px;
  padding:7px 11px;font-size:13px;font-family:var(--sans);background:var(--card);color:var(--ink)}
.lq-adv{border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:13px;
  font-family:var(--sans);background:var(--card);color:var(--ink);cursor:pointer}
.lq-note{font-size:11.5px;color:var(--faint);margin-bottom:10px}

.lq-head,.lq-row{display:grid;
  grid-template-columns:1.6fr .7fr .7fr 1.2fr .7fr .8fr .8fr .7fr;
  gap:10px;align-items:center;padding:9px 18px}
.lq-head{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;
  color:var(--faint);border-bottom:1px solid var(--line)}
.lq-row{border-bottom:1px solid var(--line-2);font-size:13px}
.lq-row:last-child{border-bottom:0}
.lq-row:hover{background:#fcfbf9}
.lq-nm{cursor:pointer}
.lq-nm b{display:block;font-weight:600}
.lq-nm small{display:block;font-size:11px;color:var(--faint)}
.lq-n{font-variant-numeric:tabular-nums;color:var(--muted)}
.lq-n.warn{color:var(--red);font-weight:600}
.lq-tier{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  padding:2px 7px;border-radius:4px;background:var(--line-2);color:var(--muted);justify-self:start}
.lq-tier.t1{background:var(--gold-soft);color:#7d5f22}
.lq-tier.t2{background:var(--amber-soft);color:var(--amber)}
.lq-tier.t3{background:var(--blue-soft);color:var(--blue)}
.lq-sel{border:1px solid var(--line);border-radius:6px;padding:5px 7px;font-size:12.5px;
  font-family:var(--sans);background:var(--card);color:var(--ink);width:100%;cursor:pointer}
.lq-sel.blank{border-style:dashed;color:var(--faint)}
.lq-sel:disabled{opacity:.5;cursor:wait}
.lq-none{padding:22px 18px;color:var(--faint);font-size:13px}
.lq-out{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
  color:var(--red)}

@media(max-width:1100px){
  .lq-tiles{grid-template-columns:1fr 1fr}
  .lq-head,.lq-row{grid-template-columns:1.6fr .7fr 1.2fr .8fr;gap:8px}
  .lq-head>*:nth-child(2),.lq-row>*:nth-child(2){display:none}
  .lq-head>*:nth-child(n+6),.lq-row>*:nth-child(n+6){display:none}
  .lq-search{min-width:120px}
}


/* ALL LEADS TAB — read-only grid. s95. */
/* Arrived | Name | Prime code | Tier | Status | Last contact | Allocated to — s111 */
.lq-head-ro,.lq-row-ro{display:grid;
  grid-template-columns:.85fr 1.6fr .85fr .7fr 1.1fr .9fr .9fr;
  gap:10px;align-items:center;padding:9px 18px}
.lq-row-ro{border-bottom:1px solid var(--line-2);font-size:13px}
.lq-row-ro:last-child{border-bottom:0}
.lq-row-ro:hover{background:#fcfbf9}
.lq-nm-ro b{font-weight:600}
.lq-code{font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--muted)}
.lq-stage{font-size:12px;color:var(--muted)}
.lq-muted{font-size:12px;color:var(--muted)}

@media(max-width:1100px){
  /* Keep: Arrived, Name, Prime code, Tier. Drop the rest. s111 */
  .lq-head-ro,.lq-row-ro{grid-template-columns:.85fr 1.6fr .9fr .7fr;gap:8px}
  .lq-head-ro>*:nth-child(n+5),.lq-row-ro>*:nth-child(n+5){display:none}
}

/* Nobody has ever got hold of this person. Said in a word rather than left as
   a dash, because a dash reads as missing data and this is a fact. s105. */
.lq-never{font-style:normal;font-size:11.5px;color:var(--faint)}