/* Zeitstempel-Konverter: Live-Uhr, Hinweise, Zeitzonen-Tabelle. */
.tl-ts-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--tl-ok); }
@keyframes tl-ts-pulse { 50% { opacity: .35; } }
.tl-ts-clock { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.3fr); }
@media (max-width: 760px) { .tl-ts-clock { grid-template-columns: minmax(0, 1fr); } }
.tl-ts-clock__item { position: relative; display: grid; gap: 4px; min-width: 0; padding: 12px 44px 12px 16px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 12px; }
.tl-ts-clock__item--wide { padding-right: 16px; }
.tl-ts-clock__item .tl-btn--icon { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); }
.tl-ts-clock__label { font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-3); }
.tl-ts-clock__value { font: 600 clamp(19px, 2.4vw, 24px)/1.2 var(--font-mono); color: var(--ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tl-ts-clock__value--sm { font-size: clamp(15px, 1.8vw, 18px); }
.tl-ts-notes { gap: 10px; }
.tl-ts-notes:empty { display: none; }
.tl-ts-zones td { vertical-align: top; }
.tl-ts-zones td small { display: block; margin-top: 2px; font: 11.5px/1.35 var(--font-sans); color: var(--ink-3); }
.tl-ts-zones td:first-child { font-family: var(--font-sans); }
.tl-ts-zones tr.is-mine td { background: hsl(var(--tl-hue) 90% 55% / .06); }
.tl-ts-copy { width: 1%; padding-left: 0 !important; }
@media (prefers-reduced-motion: reduce) { .tl-ts-dot { animation: none; } }