.watch-admin-controls { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.watch-admin-controls button,.watch-admin-dialog button,[data-watch-admin="retry"] { border:1px solid #888; background:#fff; color:#171717; border-radius:6px; padding:8px 12px; font:inherit; cursor:pointer; min-height:40px; }
.watch-admin-controls button:hover,.watch-admin-dialog button:hover { background:#f1f1f1; }
.watch-admin-controls button:disabled,.watch-admin-dialog button:disabled { opacity:.45; cursor:not-allowed; }
.watch-admin-result { display:block; font-size:13px; margin-top:8px; font-weight:600; }
.watch-admin-dialog { color:#171717; background:#fff; border:1px solid #888; border-radius:12px; width:min(580px,calc(100vw - 32px)); max-height:85dvh; box-sizing:border-box; padding:24px; }
.watch-admin-dialog::backdrop { background:rgb(0 0 0 / .4); }
.watch-admin-dialog h2 { font-size:20px; margin-top:0; }
.watch-admin-dialog p { font-size:13px; overflow-wrap:anywhere; }
.watch-admin-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.watch-admin-fields label { display:flex; flex-direction:column; gap:6px; font-size:13px; }
.watch-admin-fields input,.watch-admin-fields select { width:100%; min-width:0; box-sizing:border-box; font:inherit; font-size:16px; padding:9px; border:1px solid #888; border-radius:5px; background:white; color:#171717; }
.watch-admin-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.watch-admin-error { font-weight:600; }
.watch-disabled-group { margin-top:20px; }
.watch-disabled-group summary { cursor:pointer; padding:12px 0; }
@media(max-width:540px) { .watch-admin-fields { grid-template-columns:1fr; } .watch-admin-dialog { padding:18px; } .watch-admin-controls button { flex:1 1 auto; } }

#watch .approval-headline > * { grid-column:1; min-width:0; }
#watch .watch-actions { display:block; min-width:0; max-width:100%; }
#watch .watch-admin-controls { min-width:0; max-width:100%; }
#watch .watch-admin-controls button { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
.watch-admin-dialog footer { position:sticky; bottom:-24px; background:white; padding:12px 0; border-top:1px solid #ddd; z-index:1; }
@media(max-width:540px) {
  #watch .pending-check-row { grid-template-columns:minmax(0,1fr); }
  #watch .approval-headline { grid-column:1; }
  #watch .approval-age { grid-column:1; }
  .watch-admin-dialog footer { bottom:-18px; }
}
#watch .approval-clue,
#watch .approval-title,
#watch .watch-admin-result,
#watch .watch-disabled-group summary {
  white-space:normal;
  overflow-wrap:anywhere;
  max-width:100%;
  min-width:0;
}