/* The task analyser (docs/TASK-ANALYSER.md), the superadmin's own page: a team panel of plain numbers with hints and
   three short pattern lists, then one paper card per person in name order. Band chips use their own faces, the same
   for everyone (nothing open grey, light sky, steady green, heavy sand, overloaded coral); numbers are plain text, with
   no bars, no charts and no colours by how one compares. One column under 720px. */
:root { --an-free: var(--face-grey); --an-light: var(--face-sky); --an-steady: var(--face-green); --an-heavy: var(--face-sand); --an-overloaded: var(--face-coral); }
:root[data-theme="dark"] { --an-free: var(--face-grey); --an-light: var(--face-sky); --an-steady: var(--face-green); --an-heavy: var(--face-sand); --an-overloaded: var(--face-coral); }

.view[data-page="owner-analyser"] { --locky: url("/img/locky-zen.png"); --locky-shows: block; }

.an-status { margin: 0 0 14px; }
.an-status p { margin: 0 0 2px; }
.an-read-now { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.an-read-now p { flex-basis: 100%; margin: 0; }
.an-read-now p[hidden] { display: none; }

.an-words { margin-bottom: 12px; }
.an-words p { margin: 0 0 4px; overflow-wrap: anywhere; }
.an-headline { font-weight: 800; font-size: 1.05em; }
.an-sub { margin: 14px 0 6px; font-size: 1em; }
.an-numbers, .an-weeks, .an-lines, .an-tasks { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.an-numbers li { display: grid; gap: 1px; }
.an-lines li, .an-tasks li { overflow-wrap: anywhere; }

.an-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.an-card { display: grid; gap: 6px; align-content: start; min-width: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-s); background: var(--raised); animation: an-fade .18s ease-out; scroll-margin-top: 80px; }
.an-card p { margin: 0; }
.an-card .btn { justify-self: start; }
.an-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.an-name { margin: 0; font-size: 1.05em; overflow-wrap: anywhere; }
.an-read { overflow-wrap: anywhere; }
.an-glance { font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }

.an-band { display: inline-flex; align-items: center; min-height: 22px; padding: 0 9px; border-radius: 999px; background: var(--an-free); color: var(--face-ink); font-size: 12px; font-weight: 700; }
.an-band-light { background: var(--an-light); }
.an-band-steady { background: var(--an-steady); }
.an-band-heavy { background: var(--an-heavy); }
.an-band-overloaded { background: var(--an-overloaded); }

.an-task-title { font-weight: 600; }
.an-earlier { padding: 12px 14px; }
.an-earlier summary { cursor: pointer; font-weight: 700; }
.an-foot { margin-top: 12px; }

@keyframes an-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .an-card { animation: none; }
}
@media (max-width: 720px) {
  .an-cards { grid-template-columns: 1fr; }
  .an-card { padding: 10px 12px; }
}