/* Мої справи: поверх site.css */
h1{font-size:clamp(1.6rem,5vw,2.3rem)}
h2{font-family:Unbounded,sans-serif;font-size:1.1rem;margin:0 0 10px}
.who{display:flex;align-items:center;gap:12px;font-size:.92rem;color:var(--ink2)}
.who small{display:block;font-size:.75rem;color:var(--ink2)}
.lnk{background:none;border:0;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0}
.note{background:#E8F7EF;color:#0F5132;border:1px solid #BCE3CD;border-radius:12px;padding:10px 14px}
.note.err{background:#FDECEC;color:#842029;border-color:#F3C2C2}
.muted{color:var(--ink2)}.sm{font-size:.82rem}.nw{white-space:nowrap}.neg{color:#B42318}
.prods{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.prods a{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-width:200px}
.prods a:hover{border-color:var(--accent)}
.prods span{font-size:.82rem;color:var(--ink2)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpis div{background:var(--paper);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.kpis span{font-size:.8rem;color:var(--ink2)}
.kpis b{font-size:1.15rem;overflow-wrap:anywhere}
.kpis div.bad{background:#FDECEC}.kpis div.bad b{color:#B42318}
.tgroup{margin-top:22px}.tgroup.over{color:#B42318}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.92rem}
td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.num{text-align:right;white-space:nowrap}
.tasks td:first-child{width:7.5em}
.tasks td a{color:var(--ink);text-decoration:none;font-weight:600}.tasks td a:hover{color:var(--accent);text-decoration:underline}
.tw tbody tr:hover td{background:color-mix(in srgb,var(--accent) 7%,transparent)}
@media (prefers-color-scheme:dark){.note{background:#123524;color:#B7EBCD;border-color:#1F5A3D}.note.err{background:#3A1717;color:#F5C2C2;border-color:#6B2A2A}
  .kpis div.bad{background:#3A1717}.kpis div.bad b{color:#F5C2C2}}
@media (max-width:640px){.kpis{grid-template-columns:1fr 1fr}.kpis div:last-child{grid-column:span 2}}