/* Helpers and guest groups (js/occasi-desk-helpers.js): the couple's desktop Plan, 1024 px and wider only.
   The approved navy and gold desk look: a card with serif title, hairline rows, gold meters only where a family is near or
   over its places. Nothing under 12 px. Loaded with media="(min-width:1024px)". */
.dk-couple [data-dkc="helpers"][hidden]{display:none!important}
.dk-couple .dkh{display:grid;gap:18px}
.dk-couple .dkh .dk-ttl2{margin:0}
.dk-couple .dkh-part{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--dk-line)}
.dk-couple .dkh-part:first-of-type{padding-top:0;border-top:0}
.dk-couple .dkh-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.dk-couple .dkh-h3{margin:0;font:600 13px/1.3 var(--dk-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dk-muted)}
.dk-couple .dkh .dk-muted{margin:0;font-size:14px;line-height:1.5;text-wrap:pretty}
.dk-couple .dkh-link{border:0;background:none;padding:2px 0;font:600 13px/1.3 var(--dk-sans);color:var(--dk-navy);text-decoration:underline;text-decoration-color:var(--dk-gold);text-underline-offset:3px;cursor:pointer;justify-self:start;text-align:left}
.dk-couple .dkh-link:hover{color:var(--dk-ink)}
.dk-couple .dkh-link:focus-visible{outline:2px solid var(--dk-gold);outline-offset:2px;border-radius:4px}
.dk-couple .dkh-sides{display:grid;gap:2px}
.dk-couple .dkh-side{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:8px 0;color:var(--dk-ink);text-decoration:none;border-bottom:1px solid var(--dk-line)}
.dk-couple .dkh-side:last-child{border-bottom:0}
.dk-couple .dkh-side:hover .dkh-sl{text-decoration:underline;text-decoration-color:var(--dk-gold);text-underline-offset:3px}
.dk-couple .dkh-side:focus-visible{outline:2px solid var(--dk-gold);outline-offset:2px;border-radius:6px}
.dk-couple .dkh-sl{font-size:14px;font-weight:600;min-width:0;overflow-wrap:break-word}
.dk-couple .dkh-sv{font-size:13px;color:var(--dk-muted);font-variant-numeric:tabular-nums}
.dk-couple .dkh-side.is-over .dkh-sv{color:var(--dk-warn);font-weight:600}
.dk-couple .dkh-side .dkc-meter{grid-column:1 / -1;margin:4px 0 0}
.dk-couple .dkh-side .dkc-meter.dkh-over i{background:var(--dk-warn)}
.dk-couple .dkh-wl{font-size:13px;color:var(--dk-navy);text-decoration:underline;text-decoration-color:var(--dk-gold);text-underline-offset:3px}
.dk-couple .dkh-note{margin:0;font-size:13px;color:var(--dk-muted)}
.dk-couple .dkh-err{margin:0;padding:8px 12px;border-radius:var(--dk-r-sm);background:var(--dk-warn-bg);color:var(--dk-warn);font-size:13px}
.dk-couple .dkh-rows{margin:0}
.dk-couple .dkh-rows .dk-row{width:100%;text-align:left;font:inherit;background:none;border-left:0;border-right:0;border-top:0;cursor:pointer}
.dk-couple .dkh-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--dk-navy);color:var(--dk-on-navy);font:500 16px/1 var(--dk-serif)}
.dk-couple .dkh .dk-btns{margin:2px 0 0}
/* the sheets (the app's dialog): radio cards and a checkbox, desk tokens */
.dk-couple .dkh-fs{margin:14px 0 0;padding:0;border:0;display:grid;gap:8px}
.dk-couple .dkh-fs legend{margin:0 0 8px;padding:0;font-size:13px;font-weight:600;color:var(--dk-muted)}
.dk-couple .dkh-opt,.dk-couple .dkh-check{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--dk-line2);border-radius:var(--dk-r-sm);background:var(--dk-paper);cursor:pointer}
.dk-couple .dkh-opt:has(input:checked),.dk-couple .dkh-check:has(input:checked){border-color:var(--dk-gold);background:var(--dk-gold-soft)}
.dk-couple .dkh-opt input,.dk-couple .dkh-check input{margin:2px 0 0;accent-color:var(--dk-navy);width:18px;height:18px;flex:none}
.dk-couple .dkh-opt span,.dk-couple .dkh-check span{display:grid;gap:2px}
.dk-couple .dkh-opt b,.dk-couple .dkh-check b{font-size:14px;font-weight:600;color:var(--dk-ink)}
.dk-couple .dkh-opt small,.dk-couple .dkh-check small{font-size:13px;color:var(--dk-muted)}
.dk-couple .dkh-check{margin-top:14px}
.dk-couple .dkh-sheet-acts{display:grid;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--dk-line)}
.dk-couple .dkh-rem{color:var(--dk-warn)}
.dk-couple .dkh-rem.is-conf{font-weight:700}
.dk-couple .dkh-rows .dk-row{padding-left:0;padding-right:0;align-items:flex-start}
.dk-couple .dkh-st{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px!important}
.dk-couple .dkh-st .dk-tag{margin:0}
