
.tc .chead{padding:var(--s-3) var(--s-4)}
.tc-tag{font-family:var(--display);font-size:var(--fs-meta);font-weight:var(--fw-semi);color:var(--faint);margin-right:auto}
.tc .chead{justify-content:flex-start}

.tc-tools{display:grid;gap:var(--s-2);padding:0 var(--s-4) var(--s-3)}
.tc-tools[hidden]{display:none}
.lh-ft.tc-warn:not(.on) b{color:var(--brand-solid)}
.lh-ft[hidden]{display:none}

.tc-bulk{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin:0 var(--s-4) var(--s-3);
  padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--navy);color:var(--n-0);
  font-family:var(--display);font-size:var(--fs-meta);font-weight:var(--fw-semi)}
.tc-bulk[hidden]{display:none}
.tc-bulk>span{margin-right:auto}
.tc-bulk button.ghost{background:transparent;color:var(--n-0);border-color:var(--n-400)}
.tc-bulk button.ghost:hover{background:var(--navy-2);color:var(--n-0);border-color:var(--n-0)}

.tc-tw{min-width:0}
.tc-t{width:100%;border-collapse:collapse}
.tc-t th{font-family:var(--display);font-size:var(--fs-label);font-weight:var(--fw-semi);letter-spacing:var(--tr-label);
  text-transform:uppercase;color:var(--faint);text-align:left;padding:var(--s-2) var(--s-3);background:none;
  border-bottom:1px solid var(--line);white-space:nowrap}
.tc-t td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--n-100);vertical-align:middle;min-width:0}
.tc-t th:first-child,.tc-t td:first-child{padding-left:var(--s-4)}
.tc-t th:last-child,.tc-t td:last-child{padding-right:var(--s-4)}
.tc-t tr.sel td{background:var(--n-50)}
.tc-t.tc-busy tbody{opacity:.55}
.tc-ck{width:36px}
.tc-ck input{width:16px;height:16px;accent-color:var(--navy);cursor:pointer}
.tc-held td{height:50px}
.tc-none td{padding:var(--s-5) var(--s-3);text-align:center;color:var(--mut)}
.tc-none b{display:block;font-family:var(--display);font-weight:var(--fw-semi);color:var(--navy);margin-bottom:2px}

.tc-who{display:flex;align-items:center;gap:var(--s-3);min-width:0}
.tc-who>div{min-width:0}
.tc-who b{display:block;font-family:var(--display);font-weight:var(--fw-semi);color:var(--navy);overflow-wrap:anywhere}
.tc-who small{display:block;font-size:var(--fs-meta);color:var(--faint)}
.tc-attn{display:block;font-family:var(--display);font-size:var(--fs-meta);font-weight:var(--fw-semi);color:var(--brand-solid)}
.tc-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;
  font-family:var(--display);font-size:var(--fs-label);font-weight:var(--fw-semi);color:var(--n-0);background:var(--navy)}
.tc-av.off{background:var(--n-200);color:var(--navy)}
.tc-stm{display:none;margin-top:var(--s-1)}

.tc-pl{display:inline-block;font-family:var(--display);font-size:var(--fs-meta);font-weight:var(--fw-semi);
  border-radius:var(--r-pill);padding:2px var(--s-3);white-space:nowrap}
.tc-pl.p-on{background:var(--status-active-bg);color:var(--status-active-txt)}
.tc-pl.p-cov{background:var(--status-new-bg);color:var(--status-new-txt)}
.tc-pl.p-away{background:var(--status-off-bg);color:var(--status-off-txt)}
.tc-pl.p-next,.tc-pl.p-off{background:var(--n-50);color:var(--navy)}
.tc-pl.p-gap{background:var(--status-alert-bg);color:var(--status-alert-txt)}

.tc-hrs{display:flex;gap:var(--s-2);align-items:center;font-size:var(--fs-meta);color:var(--ink)}
.tc-gapt{color:var(--brand-solid)}
.tc-wk{display:inline-grid;grid-template-columns:repeat(7,14px);gap:2px;flex:none}
.tc-wk i{height:14px;border-radius:3px;background:var(--n-50);display:grid;place-items:center;font-style:normal;
  font-family:var(--display);font-size:9px;font-weight:var(--fw-semi);color:var(--faint)}
.tc-wk i.on{background:var(--status-active-line);color:var(--status-active-txt)}
.tc-wk i.cv{background:var(--status-new-line);color:var(--status-new-txt)}

.tc-pager{padding:var(--s-3) var(--s-4) var(--s-4)}
.tc-pager[hidden]{display:none}

.tc-add{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:var(--s-2) var(--s-3);align-items:end;
  margin:0 var(--s-4) var(--s-3);padding:var(--s-3);border-radius:var(--r-sm);background:var(--n-50)}
.tc-add[hidden]{display:none}
.tc-add>*{min-width:0}
.tc-acts{display:flex;gap:var(--s-2)}
.tc-acts button{min-height:40px}
.tc-add label.tc-chk{grid-column:1 / -1;display:flex;gap:var(--s-2);align-items:center;margin:0;
  font-size:var(--fs-meta);font-weight:var(--fw-body);text-transform:none;letter-spacing:normal;color:var(--ink)}
.tc-chk input{width:16px;height:16px;accent-color:var(--navy)}
.tc-err{grid-column:1 / -1;color:var(--status-alert-txt);font-size:var(--fs-meta)}
.tc-err:empty{display:none}

.lh-ill text.tc-ilt{fill:var(--n-0);font-weight:var(--fw-semi)}

@media (max-width:900px){
  .tc-hc{display:none}
  .tc-add{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .tc .chead{padding:var(--s-3)}
  .tc-tools{padding:0 var(--s-3) var(--s-3)}
  .tc-bulk,.tc-add{margin:0 var(--s-3) var(--s-3)}
  .tc-stc{display:none}
  .tc-stm{display:block}
  .tc-t th:first-child,.tc-t td:first-child{padding-left:var(--s-3)}
  .tc-t th:last-child,.tc-t td:last-child{padding-right:var(--s-3)}
  .tc-t th,.tc-t td{padding-left:var(--s-2);padding-right:var(--s-2)}
  .tc-pager{padding:var(--s-3)}
  .tc-who small,.tc-attn,.tc-pl,.tc-tag,.tc-t th,.tc-bulk,.tc-chk{font-size:12px}
  .tc-acts button{flex:1}
  .tc .chead{position:relative}
  .tc .lh-info{position:static}
  .tc .lh-pop{position:absolute;left:var(--s-3);right:var(--s-3);top:calc(100% - var(--s-2));width:auto;margin-top:0}
}
@media (pointer:coarse){
  .tc-bulk button,.tc-acts button,.tc-pager button{min-height:44px}
  .tc-ck input,.tc-chk input{width:22px;height:22px}
  .tc-t td{height:52px}
  .tc-who small,.tc-attn,.tc-pl,.tc-t th{font-size:12px}
  .tc-wk{grid-template-columns:repeat(7,18px)}
  .tc-wk i{height:18px;font-size:12px}
}
