/* The next board — three hats read from the rebuilt brief's feed. Base tokens and shared
   components (.card, .task, .tick, .strip, .btn, …) come inline from index.html's head block
   (copied by scratchpad/build_next.py); only what is new to this board lives here. */
.nextpill{display:inline-block;font-size:9.5px;letter-spacing:.12em;padding:1px 7px;border-radius:999px;background:var(--terracotta);color:#FBF4E4;vertical-align:1px}

/* ── Today: Linda's read + the WhatsApp extract ─────────────────────────────────────────── */
.today{margin-top:15px;background:linear-gradient(180deg,var(--card),var(--panel));border:1px solid var(--hair);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);--c:#F2D9D1;--ct:#8F2A1E}
.today h2{font-family:var(--serif);color:var(--ct);font-size:16px;margin:-16px -18px 12px;padding:13px 18px;background:var(--c);display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}
.today h2 .live{font-family:var(--sans);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ct);opacity:.85;font-weight:700}
.today h2 .caret{margin-left:auto;color:var(--ct)}
.today .card-b{padding:0}
.today.collapsed{padding-bottom:0} .today.collapsed h2{margin-bottom:0}
.today.collapsed .card-b{height:0;opacity:0;visibility:hidden;padding:0}
.today .prose{font-size:14.5px;line-height:1.6;color:var(--ink);max-width:78ch}
.today .prose p{margin:0 0 8px}
.today .extract{margin-top:12px;padding:10px 13px;border-radius:9px;background:var(--parchment);border:1px dashed var(--hair);font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;color:var(--muted)}
.today .extract b{display:block;font-family:var(--sans);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brown);margin-bottom:5px}

/* ── The three hats ─────────────────────────────────────────────────────────────────────── */
.hatgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}
@container (max-width:1180px){.hatgrid{grid-template-columns:1fr 1fr}}
@container (max-width:760px){.hatgrid{grid-template-columns:1fr}}
.hatcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.hathead{display:flex;align-items:baseline;gap:10px;padding:0 2px 6px;border-bottom:2px solid var(--hc,var(--terracotta))}
.hathead h2{font-family:var(--serif);font-size:19px;margin:0;color:var(--hc,var(--terracotta));letter-spacing:-.01em}
.hathead .sub{font-size:12px;color:var(--muted)}
.hatcol.pfm{--hc:#8A4A2A} .hatcol.afm{--hc:#5C6A38} .hatcol.tunara{--hc:#7A5A86}
.hatcol.pfm .card{--c:#EFE1CD;--ct:#6E3A22} .hatcol.afm .card{--c:#E4E7CD;--ct:#5C6A38} .hatcol.tunara .card{--c:#E6DCE9;--ct:#5E4468}

/* register cards */
.regmeta{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--mono);font-size:11px;color:var(--muted);margin:0 0 10px;font-variant-numeric:tabular-nums}
.regmeta b{color:var(--ink);font-weight:700}
.regmeta .cold{color:var(--s-today-fg)}
.regmeta .bad{color:var(--s-over-fg)}
.rows{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;padding:7px 4px;border-top:1px solid var(--hair);font-size:13px;line-height:1.4;align-items:baseline}
.row:first-child{border-top:0}
.row .key{font-family:var(--mono);font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}
.row .lbl{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .lbl b{font-weight:600}
.row .side{font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap;text-align:right}
.row .side .idle{color:var(--s-over-fg);font-weight:700}
.row .side .kind{display:inline-block;padding:0 6px;border-radius:4px;background:var(--s-soon-bg);color:var(--s-soon-fg);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:9.5px;margin-left:4px}
.row .side .kind.new{background:var(--s-today-bg);color:var(--s-today-fg)}
.row .side .kind.closed{background:var(--s-info-bg);color:#6B5D48}
.row .upd{grid-column:2 / -1;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .upd .st{color:var(--brown);font-weight:600}
.row .upd .pic{color:var(--faint)}
.row.quiet .lbl{color:var(--muted)}

/* project cards (AFM column) */
.stategrp{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--brown);font-weight:700;margin:4px 0 -6px;display:flex;align-items:center;gap:8px}
.stategrp .n{color:var(--faint);font-weight:600}
.proj{--c:#E4E7CD;--ct:#5C6A38}
.proj.dlp{opacity:.68;--c:var(--s-info-bg);--ct:#6B5D48}
.proj.dlp:hover{opacity:1}
.proj .card-h h2{font-size:14.5px}
.proj .card-h .pic{font-size:11.5px;color:var(--muted);font-weight:400}
.proj .pmeta{display:flex;flex-wrap:wrap;gap:5px 12px;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-bottom:9px}
.proj .pmeta .live{color:var(--s-soon-fg);font-weight:700}
.proj .pmeta .stale{color:var(--s-over-fg);font-weight:700}
.src{display:inline-block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:0 5px;border-radius:4px;border:1px solid var(--hair);color:var(--faint);font-weight:700;vertical-align:1px;margin-right:6px}
.src.tracker{color:#5C6A38;border-color:#CDD6AE} .src.note{color:#6E3A22;border-color:#E0CEA8} .src.whatsapp{color:#2C6E67;border-color:rgba(44,110,103,.4)}
.line{font-size:12.5px;line-height:1.5;color:var(--ink);padding:4px 0;border-top:1px dashed var(--hair)}
.line:first-of-type{border-top:0}
.line .when{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-right:6px}
.line .who{margin-right:4px}
.line.quietline{color:var(--muted)}
.photos{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.photos a{display:block;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--hair);background:var(--parchment-2)}
.photos img{width:100%;height:100%;object-fit:cover;display:block}
.photos .more{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--muted);text-decoration:none}
.photos-note{font-size:11px;color:var(--faint);font-style:italic;margin-top:6px}

/* money (Tunara column) */
.pos{display:grid;grid-template-columns:1fr auto;gap:4px 14px;font-size:13px;margin-bottom:12px}
.pos .k{color:var(--muted)} .pos .v{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}
.pos .v.neg{color:var(--s-over-fg)} .pos .v.pos{color:var(--s-soon-fg)}
.pos .tot{border-top:1px solid var(--hair);padding-top:6px;font-weight:700}
.mtab{width:100%;border-collapse:collapse;font-size:12.5px;margin:2px 0 10px}
.mtab th{text-align:left;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:3px 4px;border-bottom:1px solid var(--hair)}
.mtab td{padding:5px 4px;border-bottom:1px solid var(--hair);vertical-align:top}
.mtab td.amt,.mtab th.amt{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.mtab td.due{font-family:var(--mono);font-size:11px;white-space:nowrap}
.mtab tr.over td{color:var(--s-over-fg)}
.mtab .st{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}
.msub{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--brown);font-weight:700;margin:12px 0 5px;display:flex;justify-content:space-between;gap:8px}
.msub .amt{font-family:var(--mono);letter-spacing:0;text-transform:none;color:var(--ink)}
.chg{font-size:12.5px;line-height:1.5;padding:3px 0;color:var(--ink)}
.chg .kind{font-family:var(--mono);font-size:10px;color:var(--faint);margin-right:6px;text-transform:uppercase}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.tag{font-size:11.5px;border:1px solid var(--hair);border-radius:999px;padding:2px 9px;color:var(--muted);background:var(--parchment)}

/* documents */
.draft{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 10px;padding:6px 4px;border-top:1px solid var(--hair);font-size:12.5px;align-items:baseline}
.draft:first-child{border-top:0}
.draft .tab{font-family:var(--mono);font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}
.draft .ref{font-family:var(--mono);font-size:11px;color:var(--muted);grid-column:2 / -1}
.todraft{margin-top:10px;font-size:13px;line-height:1.55;color:var(--ink)}
.todraft ul{margin:6px 0 0;padding-left:18px} .todraft li{margin:4px 0}
.todraft em{color:var(--faint)}

/* tasks strip at the bottom */
.tasksgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
@container (max-width:980px){.tasksgrid{grid-template-columns:1fr}}
.side2{display:flex;flex-direction:column;gap:16px}
.card.mytasks{--c:#EFE1CD;--ct:#6E3A22}
.card.added{--c:#F5DFD3;--ct:#974527}
.card.done{--c:#E4E7CD;--ct:#5C6A38}
.card .note{font-size:12px;color:var(--faint);font-style:italic;margin:6px 0 0}
.comms{font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.5}
.comms .bad{color:var(--s-over-fg)}