/* page-specific styles for watching; shared components belong in dibs.css */

/* fix round 1 (17 Oct 2026). Base Watching styles live in dibs.css section 19; these override them. */

/* strip (3.6): the alert channel and "Edit" wrap as one unit, so "Edit" never sits alone on a line
   when the strip wraps (docked pane at 1280, overlay drawer widths) */
.w-tail { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: var(--s-4); row-gap: var(--s-1); min-width: 0; }

/* line-1 state cell (3.3): "Paused" keeps the same 16px visual gap before the GPA that "Enroll" gets
   from its 8px button padding, so "Paused 3.15" no longer reads as one phrase */
.w-paused { padding-right: var(--s-2); }

/* watch detail, Meets (3.5): the room name never splits across lines */
.w-room { white-space: nowrap; }

@media (max-width: 599px) {
  .w-paused { padding-right: 0; }
  /* Alert preferences, Quiet hours (4.3): the two selects sit 8 under the description, not 24 */
  .ap-quiet { row-gap: var(--s-2); }
  .ap-times { margin-top: 0; }
}
/* b7r3 m2: each open requirement on its own line in the detail's Requirement row (C74 lists one fact per line) */
.w-props .w-req { flex-basis: 100%; min-width: 0; }
/* W4 S3 (owner Q13): the detail's Pause alerts sits beside Stop watching in the Alert history head */
.w-hist-acts { display: flex; align-items: center; gap: var(--s-3); }