/* Watches desktop/phone layout from the approved artifact. */
.liquid-watches { max-width:1104px; margin:0 auto; color:var(--glass-body); }
.liquid-watch-heading { margin-bottom:22px; }
.liquid-watch-heading h1 { font-family:var(--font-display); font-size:34px; font-weight:600; line-height:1.2; color:var(--glass-ink); margin:0 0 10px; }
.liquid-watch-heading > p { font-size:15px; line-height:1.6; }
.liquid-watch-explanation { margin-top:8px; color:var(--glass-muted); font-size:13px; }
.liquid-watch-explanation summary { cursor:pointer; min-height:44px; display:flex; align-items:center; }
.liquid-watch-explanation summary::before { content:"+"; margin-right:8px; }
.liquid-watch-explanation[open] summary::before { content:"\2212"; }
.liquid-watch-explanation p { max-width:80ch; line-height:1.6; }
.liquid-watch-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.liquid-watch-tile { display:flex; flex-direction:column; gap:4px; min-width:0; padding:16px 18px; border:1px solid var(--glass-line); border-radius:14px; background:var(--glass-card); text-decoration:none; font-size:12.5px; color:var(--glass-muted); line-height:1.45; }
a.liquid-watch-tile:hover { border-color:var(--glass-line-strong); text-decoration:none; }
.liquid-watch-label { font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--glass-muted); }
.liquid-watch-tile strong { font-size:32px; font-weight:700; line-height:1.1; color:var(--glass-ink); font-variant-numeric:tabular-nums; }
.liquid-watch-tile strong small { font-size:15px; font-weight:500; color:var(--glass-muted); }
.liquid-watch-group { scroll-margin-top:84px; }
.liquid-watch-list { margin-top:8px; border:1px solid var(--glass-line); border-radius:14px; background:var(--glass-card); }
.liquid-watch-list > .liquid-watch-row { border:0; border-radius:0; background:transparent; box-shadow:none; padding:16px 18px; }
.liquid-watch-list > .liquid-watch-row + .liquid-watch-row { border-top:1px solid var(--glass-line); }
.liquid-watch-row-full .liquid-watch-content { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1fr); gap:12px 24px; flex-basis:100%; }
.liquid-watch-content > * { min-width:0; }
.liquid-watch-identity a { font-family:var(--font-sans); font-size:15px; font-weight:600; }
.liquid-watch-actions { justify-content:flex-end; width:100%; }
.liquid-watch-actions a,.liquid-watch-actions button { border-radius:999px; font-size:14px; min-height:44px; }
.liquid-watch-row-line .liquid-watch-actions { width:auto; }
.liquid-watch-row-line .liquid-watch-identity { display:inline; }
.liquid-watch-row-line .liquid-watch-alerts { font-size:12px; }
.liquid-watch-list > .liquid-watch-row-line { padding:8px 10px 8px 18px; }
@media(max-width:760px) {
 .liquid-watch-heading h1 { font-size:28px; }
 .liquid-watch-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .liquid-watch-tile { padding:14px; }
 .liquid-watch-tile strong { font-size:28px; }
 .liquid-watch-row-full .liquid-watch-content { grid-template-columns:minmax(0,1fr); gap:12px; }
 .liquid-watch-list > .liquid-watch-row { padding:14px 16px; }
 .liquid-watch-actions { justify-content:flex-start; }
 .liquid-watch-row-full .liquid-watch-actions > a { flex:1 1 100%; }
 .liquid-watch-row-line .liquid-watch-actions { width:100%; }
}

.liquid-watch-actions .liquid-watch-pause { background:var(--glass-card); color:var(--glass-ink); border:1px solid var(--glass-line-strong); }
.liquid-watch-actions .liquid-watch-remove { background:transparent; color:var(--glass-muted); }
.liquid-watch-actions .liquid-watch-remove:hover { background:var(--glass-chip-hover); color:var(--glass-ink); }

.watch-pending-removals { margin-bottom:20px; }
.watch-removal-status { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:8px;border:1px solid var(--glass-line);border-radius:12px;background:var(--glass-sunk);font-size:14px; }
.watch-removal-status form { flex-shrink:0; }

/* Fresh reference: separate the actionable count from its observation time. */
.liquid-watch-slot-meter { appearance:none;display:block;width:100%;height:6px;margin:8px 0;border:0;border-radius:999px;overflow:hidden;background:var(--glass-sunk);color:var(--glass-brand); }
.liquid-watch-slot-meter::-webkit-progress-bar { background:var(--glass-sunk);border-radius:999px; }
.liquid-watch-slot-meter::-webkit-progress-value { background:var(--glass-brand);border-radius:999px; }
.liquid-watch-slot-meter::-moz-progress-bar { background:var(--glass-brand);border-radius:999px; }
.liquid-watch-course-title { margin-top:4px;font-size:14px;line-height:1.45;color:var(--glass-body); }
.liquid-watch-meeting,.liquid-watch-read-time { margin-top:5px;font-size:12px;line-height:1.5;color:var(--glass-muted); }
.liquid-watch-seat-count { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:5px;font-size:14px; }
.liquid-watch-seat-count strong { color:var(--glass-ink);font-weight:600; }