/* system/system.css  -  the SYSTEM tab: the box tiles and the watcher list. Phone rules at the bottom. */

.sys-tiles { margin-top: 10px; }
.watchers { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.watcher { border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; background: var(--panel); display: flex; flex-direction: column; gap: 4px; }
.watcher-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* ---- phones ---- */
@media (max-width: 760px) {
  .watcher { padding: 10px 12px; }
}