/* MyGenHome Audit — additions to mygenhome.css */

/* Countdown clock ring */
.clock { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.clock__ring { position:relative; width:160px; height:160px; flex:none; }
.clock__ring svg { transform:rotate(-90deg); }
.clock__track { stroke:var(--surface-3); }
.clock__prog { stroke:var(--accent); transition:stroke-dashoffset .6s ease, stroke .3s ease; stroke-linecap:round; }
.clock__center { position:absolute; inset:0; display:grid; place-items:center; text-align:center; }
.clock__days { font-size:30px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.clock__label { font-size:11px; color:var(--text-muted); margin-top:3px; }
.clock--warning .clock__prog { stroke:var(--warn); }
.clock--critical .clock__prog, .clock--overdue .clock__prog { stroke:var(--err); }

/* Accordion */
.acc { border:1px solid var(--border); border-radius:var(--radius-md); margin-top:10px; overflow:hidden; background:var(--surface); }
.acc > summary { cursor:pointer; padding:13px 16px; font-weight:700; display:flex; align-items:center; gap:10px; list-style:none; }
.acc > summary::-webkit-details-marker { display:none; }
.acc > summary::after { content:"▸"; margin-left:auto; color:var(--text-faint); transition:transform .15s; }
.acc[open] > summary::after { transform:rotate(90deg); }
.acc__body { padding:6px 12px 12px; }

/* Checklist rows */
.ck-row { display:grid; grid-template-columns:24px 1fr; gap:10px; padding:11px 6px; border-top:1px solid var(--border); }
.ck-row:first-child { border-top:none; }
.ck-row__main { min-width:0; }
.ck-row__txt { font-size:14px; }
.ck-row.is-done .ck-row__txt { color:var(--text-muted); }
.ck-row__meta { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:8px; margin-top:8px; }
.ck-row__meta.hide { display:none; }
.ck-row input[type=checkbox] { width:18px; height:18px; accent-color:var(--accent); margin-top:1px; }
.ck-row .input, .ck-row .select, .ck-row textarea { padding:7px 10px; font-size:13px; }
.ck-row textarea { min-height:38px; font-family:var(--sans); }

/* Document rows */
.doc-row { display:grid; grid-template-columns:1fr; gap:12px; align-items:start; padding:14px 0; border-top:1px solid var(--border); }
.doc-row:first-child { border-top:none; }
.doc-row__meta { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:8px; margin-top:8px; }
.doc-row__file { font-size:12px; color:var(--text-muted); margin-top:6px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }