
.tp .ta{overflow:visible}
.ta .chead{padding:var(--s-3) var(--s-4)}
.ta-hold{height:220px;margin:var(--s-3) var(--s-4) var(--s-4);border-radius:var(--r-sm);background:var(--n-25)}
.ta-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ta .ta-why{margin:0;padding:var(--s-3) var(--s-4) 0;color:var(--status-alert-txt);font-weight:var(--fw-semi)}
.ta-set{display:grid;padding:var(--s-2) var(--s-4) var(--s-3)}
.ta-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;
  padding:var(--s-3) var(--s-1);border-top:1px solid var(--line)}
.ta-row:first-child{border-top:0}
.ta-k{font-family:var(--display);font-size:var(--fs-meta);font-weight:var(--fw-semi);color:var(--mut)}
.ta-v{display:flex;gap:var(--s-2) var(--s-3);align-items:center;flex-wrap:wrap;min-width:0;font-size:var(--fs-body);color:var(--ink)}
.ta-v b{font-family:var(--display);font-weight:var(--fw-semi);color:var(--navy)}
.ta-v select{max-width:100%}
.ta-hrs{display:grid;grid-template-columns:auto auto;gap:2px var(--s-3);font-size:var(--fs-meta)}
.ta-hrs span:nth-child(odd){color:var(--faint)}
.ta-c:empty{display:none}
.lh-ill .ta-wait{fill:var(--status-new-bg);stroke:var(--status-new-line)}
.lh-ill text.ta-waittxt{fill:var(--status-new-txt);font-weight:var(--fw-semi)}

.ta-adm{width:100%}
.ta-adm td{vertical-align:middle}
.ta-who{display:flex;align-items:center;gap:var(--s-2);min-width:0}
.ta-who b{display:block;font-family:var(--display);font-weight:var(--fw-semi);color:var(--navy)}
.ta-who small{display:block;font-size:var(--fs-meta);color:var(--faint);overflow-wrap:anywhere}
.ta-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)}
.ta-chips{display:flex;gap:6px;flex-wrap:wrap}
.ta-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 10px 4px 8px;border-radius:var(--r-pill);
  font-family:var(--display);font-size:var(--fs-meta);font-weight:var(--fw-semi);line-height:var(--lh-snug);
  border:1px solid var(--line);background:var(--card);color:var(--faint)}
.ta-chip::before{content:"";width:12px;height:12px;border-radius:50%;box-sizing:border-box;border:2px solid var(--line-strong);flex:none}
.ta-chip.on{background:var(--status-active-bg);border-color:var(--status-active-line);color:var(--status-active-txt)}
.ta-chip.on::before{border:0;background:var(--status-active-txt)}
button.ta-chip{cursor:pointer;min-height:0}
button.ta-chip:hover{border-color:var(--navy)}
button.ta-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}
button.ta-chip:disabled{opacity:.6;cursor:progress}
.ta-act{text-align:right;white-space:nowrap}
.ta-more{padding:var(--s-3) var(--s-4) 0}
.ta-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:var(--s-3);align-items:end;
  margin:var(--s-3) var(--s-4) var(--s-3);padding:var(--s-3);border-radius:var(--r-sm);background:var(--n-50)}
.ta-form label{display:block;font-family:var(--display);font-size:var(--fs-meta);font-weight:var(--fw-semi);color:var(--mut);margin-bottom:var(--s-1)}
.ta-form input{width:100%;box-sizing:border-box}
.ta .ta-note{margin:0}
.ta .ta-note b{font-family:var(--display);color:var(--navy)}

.tp [data-later="foot"]{display:grid;gap:var(--s-4)}
.tp [data-later="foot"][hidden]{display:none}
.tp [data-later="foot"]>div:empty{display:none}

@media (max-width:640px){
  .ta-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--s-2) var(--s-3)}
  .ta-k{grid-column:1 / -1}
  .ta-set{padding:var(--s-1) var(--s-3) var(--s-2)}
  .ta .chead{padding:var(--s-3)}
  .ta .ta-why{padding:var(--s-3) var(--s-3) 0}
  .ta-form{grid-template-columns:minmax(0,1fr);margin:var(--s-3)}
  .ta-more{padding:var(--s-3) var(--s-3) 0}
  .ta-adm thead{display:none}
  .ta-adm tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-2)}
  .ta-adm td{display:block}
  .ta-adm td:nth-child(2){grid-column:1 / -1;grid-row:2}
  .ta-chip,.ta-who small,.ta-hrs,.ta-k{font-size:12px}
  .ta .chead{position:relative}
  .ta .lh-info{position:static}
  .ta .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){
  button.ta-chip{min-height:44px;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2)}
  .ta-chip,.ta-who small,.ta-hrs{font-size:12px}
}
