/* Timing table (templates/_timing.html): owner Desk watchlist and public watchlist. Same tokens as design.css. */
.tm{border:1px solid var(--line);border-radius:var(--r-md,14px);background:var(--surface);overflow:hidden}
.tm-h,.tm-r>summary,.tm-wait{display:grid;grid-template-columns:minmax(0,1.5fr) 68px 62px 66px 20px;align-items:center;gap:6px;padding:0 12px}
.tm-h{min-height:34px;font:600 11px/1.2 "Inter",system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);background:var(--surface-2)}
.tm-h>span:nth-child(n+3):not(.tm-x){text-align:right}
.tm-x{display:none}
.tm-grp{padding:8px 12px 6px;font:600 11px/1 "Inter",system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--line)}
.tm-h i{font-style:normal}.tm-lg{display:none}
.tm-r{border-bottom:1px solid var(--line)}.tm-r:last-child{border-bottom:0}
.tm-r>summary{list-style:none;cursor:pointer;min-height:52px;-webkit-tap-highlight-color:transparent}
.tm-r>summary::-webkit-details-marker{display:none}
.tm-r>summary>span:nth-child(3),.tm-r>summary>span:nth-child(4){text-align:right;font:600 13.5px/1 "Inter",system-ui,sans-serif;font-variant-numeric:tabular-nums}
.tm-n{display:flex;align-items:center;gap:8px;min-width:0}.tm-n .lgo{flex:0 0 auto}
.tm-t{font:600 14.5px/1 "General Sans","Inter",system-ui,sans-serif;letter-spacing:.01em;color:var(--ink)}
.tm-g{font:600 10px/1 "Inter",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tm-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:24px;padding:0 8px;border-radius:999px;font:600 12px/1 "Inter",system-ui,sans-serif;box-sizing:border-box}
.tm-ok{color:var(--up);background:var(--up-bg)}.tm-bad{color:var(--down);background:var(--down-bg)}.tm-na{color:var(--ink-3);background:var(--surface-2)}
.tm-p.up{color:var(--up)}.tm-p.down{color:var(--down)}
.tm-c{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--ink-3)}
.tm-c svg{transition:transform .15s}.tm-r[open] .tm-c svg{transform:rotate(180deg)}
.tm-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%!important;background:#38BDF8;box-shadow:0 0 0 3px rgba(56,189,248,.18)}
.tm-d{padding:2px 12px 14px 46px}
.tm-d dl{margin:0;display:grid;gap:6px}.tm-d dl>div{display:grid;grid-template-columns:104px 1fr;gap:8px;font-size:13px;line-height:1.35}
.tm-d dt{color:var(--ink-3);font-weight:600}.tm-d dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}
.tm-a{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.tm-a a{font:600 13px/1 "Inter",system-ui,sans-serif;color:var(--ink);text-decoration:none}
.tm-a form{margin:0}
.tm-bell{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid #0A1124;background:#0A1124;color:#F2F4F5;font:600 12.5px/1 "Inter",system-ui,sans-serif;cursor:pointer}
.tm-bell.tm-off{background:var(--surface);color:var(--ink-2);border-color:var(--line)}
html[data-theme=dark] .tm-bell:not(.tm-off){background:#38BDF8;border-color:#38BDF8;color:#0A1124}
.tm-wait{min-height:48px;grid-template-columns:minmax(0,1fr) auto}
.tm-foot{margin:8px 2px 0;line-height:1.45}
.tm-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 0 8px}.tm-head h2{margin:0}
.tm-legend{font-size:12px;color:var(--ink-3)}
@media (max-width:370px){.tm-h,.tm-r>summary{grid-template-columns:minmax(0,1fr) 60px 54px 58px 16px;gap:4px;padding:0 10px}.tm-g{display:none}.tm-pill{min-width:50px}}
@media (min-width:820px){
 .tm-h,.tm-r>summary{grid-template-columns:minmax(0,1fr) 70px 72px 78px 62px 128px minmax(0,1.5fr) 22px;gap:10px;padding:0 16px}
 .tm-sm{display:none}.tm-lg{display:inline}.tm-grp{padding:9px 16px 7px}
 .tm-x{display:block}.tm-r>summary>.tm-x{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .tm-d{padding-left:52px}.tm-d dl{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.tm-d dl>div{grid-template-columns:1fr;gap:2px}
}
