/* Approved component owner: real-home-summary; scope: real theme7. */
body[data-theme="7"] .total { display: block; text-align: center; margin: 10px 0 17px; min-width: 0; overflow-wrap: anywhere; font-weight: 650; line-height: 1.12; letter-spacing: -.8px; font-size: clamp(32px,8vw,43px); color: var(--text); font-variant-numeric: tabular-nums; }
body[data-theme="7"] .sr { display: flex; gap: 10px; margin: 0 0 10px; min-width: 0; }
body[data-theme="7"] .sb { flex: 1 1 0; min-width: 0; background: var(--surface-soft); border: 1px solid var(--divider); padding: 13px 9px; border-radius: var(--radius); text-align: center; color: var(--text); }
body[data-theme="7"] .sb small { display: block; color: var(--muted); font-size: 11px; font-weight: 550; letter-spacing: .02em; }
body[data-theme="7"] .sb b { display: block; font-size: clamp(16px,4.5vw,21px); font-weight: 650; font-variant-numeric: tabular-nums; margin-top: 6px; overflow-wrap: anywhere; }
body[data-theme="7"] .sb.filter-active { background: var(--surface-selected); border-color: var(--field-border); }
body[data-theme="7"] #btn-filter-income b { color: var(--paid); }
body[data-theme="7"] #btn-filter-expense b { color: var(--text); }
body[data-theme="7"] .goal-mini { border: 1px solid var(--divider); background: var(--surface); border-radius: var(--radius); padding: 10px; margin: 12px 0; }
body[data-theme="7"] .goal-side { display: grid; grid-template-columns: 1fr 2.4fr 1fr; gap: 9px; align-items: center; }
body[data-theme="7"] .goal-center { min-width: 0; }
body[data-theme="7"] .goal-row { display: flex; justify-content: space-between; gap: 5px; align-items: center; }
body[data-theme="7"] .goal-name { color: var(--muted); font-size: 11px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body[data-theme="7"] .goal-perc { font-size: 11px; color: var(--main); font-weight: 650; }
body[data-theme="7"] .goal-bar { height: 6px; margin-top: 9px; background: var(--surface-soft); border-radius: 4px; overflow: hidden; }
body[data-theme="7"] .goal-fill { height: 100%; background: var(--paid); border-radius: 4px; }
body[data-theme="7"] .advance-strip { background: var(--surface-soft); border: 1px solid var(--divider); padding: 10px; border-radius: var(--radius); margin: 8px 0; }
body[data-theme="7"] .as-row { display: flex; gap: 10px; align-items: center; justify-content: space-between; }
body[data-theme="7"] .as-l { color: var(--muted); font-size: 13px; }
body[data-theme="7"] .as-v { font-weight: 650; color: var(--text); }
@media (max-width:420px) {
body[data-theme="7"] .sb { padding: 11px 5px; }
body[data-theme="7"] .goal-side { gap: 5px; }
body[data-theme="7"] .goal-mini { padding: 8px; }
}

/* KiT v1101: personal home shows ONLY the goal summary. Business Sale/Buy buttons remain. */
body[data-theme="7"] .goal-side:has(#btn-right-main.h) { grid-template-columns: minmax(0, 1fr); }
body[data-theme="7"] .goal-side:has(#btn-right-main.h) #btn-left-main { display: none !important; }

/* KiT v1102: goal summary is the accessible deposit entry, no extra personal button. */
body[data-theme="7"] .goal-center[role="button"] { cursor:pointer; }
body[data-theme="7"] .goal-center[role="button"]:focus-visible { outline:2px solid var(--success-border); outline-offset:4px; border-radius:8px; }
