/* Yail.Monitor — module-specific overrides on top of /_content/Yail.Shared.Web/css/yail.css.
   Surfaces, fonts, accent colour all flow from the "monitor" DaisyUI theme; the rest is
   editorial-shell primitives (.hero, .card, .badge, .b-green/.b-warn/.b-stone, ...). */

/* --- Home hero art: miniature status-page preview --- */
.mon-art { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 4px; }
.mon-row { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; background: #fff; border: 1px solid var(--yail-stone); border-radius: 10px; font-size: 12.5px; }
.mon-name { font-weight: 500; color: var(--yail-ink); }
.mon-pct { font-size: 11px; color: var(--yail-mocha); font-family: ui-monospace, "SF Mono", Menlo, monospace; }

/* --- Recent incidents preview rows (Home §02) --- */
.pj-list { display: grid; gap: 8px; }
.pj-row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--yail-cream); border: 1px solid var(--yail-stone); border-radius: 8px; text-decoration: none; }
.pj-row:hover { border-color: var(--yail-coffee); background: #fff; }
.pj-count { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11.5px; color: var(--yail-mocha); }