/* ROMVI R20: family-first overview, inherits R16 tokens and theme. */
.r20-family-board{--r20-ink:var(--text,#eff7ff);--r20-muted:var(--text-muted,#a8b7ca);--r20-line:var(--border,rgba(160,195,225,.14));--r20-soft:rgba(150,191,241,.055);border:1px solid var(--r20-line);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(85,174,204,.065),rgba(124,125,215,.035) 54%,rgba(255,255,255,.013));color:var(--r20-ink);margin:0 0 12px;min-width:0}
.r20-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.r20-header>div{min-width:0}.r20-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;color:#59d5e9}.r20-header h3{font-size:clamp(19px,3.6vw,25px);font-weight:800;letter-spacing:-.035em;margin:7px 0 5px;color:var(--r20-ink)}.r20-header p{font-size:12.5px;color:var(--r20-muted);line-height:1.5;margin:0;max-width:620px}.r20-today-label{font-size:10px;font-weight:800;letter-spacing:.07em;border-radius:999px;background:var(--r20-soft);border:1px solid var(--r20-line);padding:8px 10px;white-space:nowrap}
.r20-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0 14px}.r20-summary-cell{border:1px solid var(--r20-line);border-radius:15px;padding:12px;background:var(--r20-soft);min-width:0}.r20-summary-cell strong{display:block;font:800 25px/1.1 Manrope,Inter,sans-serif}.r20-summary-cell span{display:block;font-size:11px;color:var(--r20-muted);margin-top:4px}.r20-summary-cell.is-overdue strong{color:#f09a81}
.r20-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}.r20-actions button,.r20-save,.r20-link{min-height:42px;padding:9px 15px;font-size:12px;font-weight:750;border-radius:12px;cursor:pointer}.r20-action-primary,.r20-save{border:1px solid rgba(54,210,226,.32);background:linear-gradient(130deg,#197c95,#2765a5);color:#fff}.r20-action-secondary,.r20-link{border:1px solid var(--r20-line);background:var(--r20-soft);color:var(--r20-ink)}
.r20-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.r20-list-card{border:1px solid var(--r20-line);border-radius:16px;padding:14px;background:rgba(9,22,36,.08);min-width:0}.r20-section-title{font-size:13px;font-weight:800;letter-spacing:-.01em;margin-bottom:9px}.r20-list{display:grid;gap:7px}.r20-row{display:flex;align-items:start;gap:10px;border:1px solid var(--r20-line);border-radius:12px;padding:10px;min-width:0}.r20-row-body{flex:1;min-width:0}.r20-row-body strong{display:block;font-size:12.5px;font-weight:750;overflow-wrap:anywhere;line-height:1.38}.r20-row-body small{display:block;font-size:11px;color:var(--r20-muted);margin-top:4px;line-height:1.4}.r20-check{flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:var(--r20-soft);color:var(--r20-muted);border:1px solid var(--r20-line);cursor:pointer}.r20-check:hover{color:var(--r20-ink);border-color:#53b7c8}.r20-empty,.r20-more{font-size:12px;line-height:1.5;color:var(--r20-muted);margin:7px 0}.r20-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:var(--r20-muted)}.r20-link{min-height:34px;padding:7px 12px;white-space:nowrap}
.r20-add-form{border:1px solid var(--r20-line);padding:14px;border-radius:15px;background:var(--r20-soft);display:grid;gap:10px;margin-bottom:16px}.r20-form-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.r20-form-heading strong{font-size:13px}.r20-close{border:1px solid var(--r20-line);color:var(--r20-ink);background:transparent;border-radius:9px;width:32px;height:32px;font-size:19px;cursor:pointer}.r20-field{box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--r20-line);border-radius:11px;color:var(--r20-ink);background:var(--surface,#112234);font:500 13px Inter,system-ui,sans-serif}.r20-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.r20-status{font-size:11px;color:var(--r20-muted);margin:0;min-height:12px}.r20-save{justify-self:start}.r20-actions button,.r20-save,.r20-link,.r20-check{transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.r20-actions button:active,.r20-save:active,.r20-check:active{transform:scale(.98)}.r20-family-board button:focus-visible,.r20-family-board input:focus-visible,.r20-family-board select:focus-visible{outline:2px solid #39bdd7;outline-offset:2px}
html[data-theme="light"] .r20-family-board{--r20-muted:#53657d;--r20-soft:#f5f9fd;background:linear-gradient(145deg,#fff,#f4f9ff);box-shadow:0 12px 35px rgba(35,73,110,.07)}html[data-theme="light"] .r20-kicker{color:#116e89}html[data-theme="light"] .r20-list-card{background:rgba(239,246,253,.74)}html[data-theme="light"] .r20-field{background:#fff;color:#17263b;border-color:#cad9e8}html[data-theme="light"] .r20-summary-cell.is-overdue strong{color:#ad3b27}
@media(max-width:760px){.r20-family-board{padding:15px;border-radius:18px}.r20-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 13px}.r20-columns{grid-template-columns:1fr}.r20-summary-cell strong{font-size:22px}.r20-actions button{flex:1;white-space:nowrap}.r20-today-label{display:none}}
@media(max-width:350px){.r20-family-board{padding:12px}.r20-footer{align-items:flex-start;flex-direction:column}.r20-form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.r20-family-board *{transition:none!important;animation:none!important}}

/* The older Family command card remains operational as compact shortcuts below the overview.
   Its redundant hero and KPIs are replaced by the R20 shared summary. */
#familyHub .family-command-10{padding:12px 14px!important;border-radius:15px!important}
#familyHub .family-command-10 :is(.romvi-mode-head-10,.romvi-mode-stats-10,.romvi-next-10,.romvi-mode-foot-10){display:none!important}
#familyHub .family-command-10 .romvi-mode-actions-10{margin:0!important}
#familyHub .family-command-10 .romvi-mode-actions-10 button{font-size:11px!important;min-height:38px!important}
@media(max-width:760px){
 #familyHub .family-command-10 .romvi-mode-actions-10{flex-wrap:wrap!important;overflow:visible!important;min-width:0!important}
 #familyHub .family-command-10 .romvi-mode-actions-10 button{flex:1 1 120px!important;min-width:0!important;white-space:normal!important;padding:8px!important}
}