/* maintenance.css — v0.56.0 — ambient staleness "to-do" view.
   Tokens consistent with the rest of Formon. Owns its own app-mode display
   toggle: #maintenance-root is hidden by default and shown only under
   .app-mode-maintenance, and the maintenance mode hides all other roots. */

/* display toggle — maintenance-root hidden unless its mode is active */
#maintenance-root { display: none; }
.app-mode-maintenance #maintenance-root { display: block; }
.app-mode-maintenance #dashboard-root,
.app-mode-maintenance #agent-root,
.app-mode-maintenance #email-outreach-root,
.app-mode-maintenance #companies-root,
.app-mode-maintenance #contacts-root,
.app-mode-maintenance #activities-root,
.app-mode-maintenance #pings-root,
.app-mode-maintenance #products-root,
.app-mode-maintenance #quotes-root,
.app-mode-maintenance #settings-root { display: none; }

.mnt-wrap { max-width: 900px; margin: 0 auto; padding: 20px 16px 40px; }

.mnt-header { margin-bottom: 18px; }
.mnt-title { margin: 0 0 4px; font-size: 22px; font-weight: 800; color: var(--color-ink-900, #2C2C2A); }
.mnt-sub { margin: 0; font-size: 13px; color: var(--color-ink-300, #5F5E5A); line-height: 1.5; }

.mnt-list { display: flex; flex-direction: column; gap: 10px; }

.mnt-row {
  display: block; width: 100%; text-align: left; cursor: pointer;
  background: #fff; border: 1px solid var(--color-paper-200, #ECE7D8);
  border-radius: 12px; padding: 12px 14px;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.mnt-row:hover { border-color: var(--color-ink-300, #5F5E5A); box-shadow: 0 2px 10px rgba(20,18,16,.06); }
.mnt-row:active { transform: translateY(1px); }

.mnt-row-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.mnt-name { font-size: 15px; font-weight: 700; color: var(--color-ink-900, #2C2C2A); }
.mnt-temp {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em;
  padding: 2px 8px; border-radius: 999px;
}
.mnt-temp-hot  { background: #FFE0D6; color: #B23A1E; }
.mnt-temp-warm { background: #FFF0D6; color: #8A6400; }
.mnt-temp-cool { background: #E4EEF7; color: #35618E; }
.mnt-temp-cold { background: #EAEBEE; color: #5F5E5A; }
.mnt-why { font-size: 12px; color: var(--color-ink-300, #5F5E5A); }

.mnt-stale-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mnt-stale-chip {
  font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 999px;
}
.mnt-stale-fast   { background: #FDECEA; color: #C0392B; }   /* activity — most urgent */
.mnt-stale-medium { background: #FFF3D6; color: #8A6400; }   /* needs / AI read */
.mnt-stale-slow   { background: #EEF1F4; color: #5F5E5A; }   /* contact / profile */

.mnt-empty {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 48px 20px; color: var(--color-ink-300, #5F5E5A); text-align: center;
}
.mnt-empty p { margin: 0; font-size: 14px; }

@media (max-width: 900px) {
  .mnt-wrap { max-width: 100%; }
}