/* Approved component owner: real-home-records; scope: real theme7. */
body[data-theme="7"] #list { display: grid; gap: 10px; min-width: 0; }
body[data-theme="7"] .cd { border: 1px solid var(--divider); border-radius: var(--radius); padding: 13px; background: var(--surface); color: var(--text); }
body[data-theme="7"] #d-list {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;}
body[data-theme="7"] #d-list > .fishka-debt-list-card {
 display:block;box-sizing:border-box;min-width:0;margin:0 !important;
}
body[data-theme="7"] .fishka-debt-list-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
body[data-theme="7"] .fishka-debt-list-head>div { min-width: 0; }
body[data-theme="7"] .fishka-debt-list-head small { display: block; font-size: 12px; color: var(--muted); }
body[data-theme="7"] .fishka-debt-list-head b { display: block; font-size: 15px; font-weight: 650; margin-top: 3px; overflow-wrap: anywhere; }
body[data-theme="7"] .fishka-debt-list-head>span { color: var(--muted); font-size: 11px; flex: none; }
body[data-theme="7"] .fishka-debt-list-head > .fishka-debt-kind { display:flex; flex-direction:column; align-items:flex-end; gap:7px; min-width:max-content; max-width:55%; text-align:right; }
body[data-theme="7"] .fishka-debt-kind-label { font-size:10px; line-height:1.4; color:var(--muted); white-space:nowrap; }
body[data-theme="7"] .fishka-debt-due-tag { display:flex; justify-content:flex-end; }
body[data-theme="7"] .fishka-debt-badges { margin-top: 6px; }
body[data-theme="7"] .debt-badge-give,
body[data-theme="7"] .debt-badge-take { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 6px; font-size: 11px; background: var(--surface-selected); color: var(--main); font-weight: 650; }
body[data-theme="7"] .debt-badge-take { color: var(--warning); background: var(--surface-soft); }
body[data-theme="7"] .fishka-debt-total { display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid var(--divider); padding: 10px 0; margin-top: 10px; align-items: baseline; }
body[data-theme="7"] .fishka-debt-total span { font-size: 12px; color: var(--muted); }
body[data-theme="7"] .fishka-debt-total b { font-size: 17px; font-weight: 650; font-variant-numeric: tabular-nums; }
body[data-theme="7"] .fishka-debt-lines { border-top: 1px solid var(--divider); }
body[data-theme="7"] .fishka-debt-line { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; padding: 9px 0 2px; }
body[data-theme="7"] .fishka-debt-line-label { font-size: 13px; color: var(--muted); }
body[data-theme="7"] .fishka-debt-line-label small { display: block; color: var(--muted); font-size: 11px; }
body[data-theme="7"] .fishka-debt-line strong { font-weight: 650; font-size: 17px; color: var(--text); font-variant-numeric: tabular-nums; }
body[data-theme="7"] .fishka-debt-due strong { color: var(--warning); }
body[data-theme="7"] .deal-doc-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
body[data-theme="7"] .deal-doc-badge { background: var(--surface-soft); border: 1px solid var(--divider); border-radius: 5px; padding: 3px 6px; font-size: 11px; }
@media (max-width:420px) {
body[data-theme="7"] .fishka-debt-total b { font-size: 15px; }
body[data-theme="7"] .fishka-debt-list-head>span { font-size: 10px; }
}

/* Main dashboard income/expense journal. Pure presentation, existing DOM and viewEntry unchanged.
   The date/description selectors match their existing inline presentation markers in script.js.
   No selectors outside theme 7 and #list; deal cards and removed legacy themes are not affected. */
body[data-theme="7"] #list { gap: 8px; }

body[data-theme="7"] #list > .it {
 display:grid;
 grid-template-columns:44px minmax(0,1fr) minmax(0,auto);
 grid-template-rows:auto auto auto auto;
 column-gap:12px;
 row-gap:2px;
 align-items:start;
 min-width:0;
 min-height:72px;
 margin:0;
 padding:12px;
 border:1px solid var(--divider);
 border-radius:12px;
 background:var(--surface);
 color:var(--text);
 box-shadow:none;
 transform:none;
 cursor:pointer;
}

body[data-theme="7"] #list > .it:active {
 background:var(--surface-soft);
 box-shadow:none;
}
body[data-theme="7"] #list > .it > .ii {
 grid-column:1; grid-row:1 / 3;
 display:grid; place-items:center;
 width:44px; height:44px;
 background:var(--surface-soft);
 border:1px solid var(--divider);
 border-radius:10px;
 font-size:22px;
 line-height:1;
}
body[data-theme="7"] #list > .it > div:nth-child(2) { display:contents; }
body[data-theme="7"] #list > .it > div:nth-child(2) > b:first-child {
 grid-column:2; grid-row:1;
 display:block; min-width:0;
 font-weight:650; line-height:1.35;
 color:var(--text); overflow-wrap:anywhere;
}
body[data-theme="7"] #list > .it > div:nth-child(2) > div[style*="opacity:0.6"] {
 grid-column:2; grid-row:2;
 color:var(--muted);
 align-self:start;
}
body[data-theme="7"] #list > .it > b:last-child {
 grid-column:3; grid-row:1 / 3;
 align-self:center;
 display:block;
 max-width:155px;
 min-width:0;
 text-align:right;
 font-weight:700;
 font-variant-numeric:tabular-nums;
 line-height:1.2;
 overflow-wrap:anywhere;
 color:var(--text);
}
body[data-theme="7"] #list > .it > b.pl:last-child { color:var(--paid); }
body[data-theme="7"] #list > .it > div:nth-child(2) > div[style*="color:var(--accent)"] {
 grid-column:1 / -1; grid-row:3;
 min-width:0;
 margin-top:7px; padding-top:8px;
 border-top:1px solid var(--divider);
 color:var(--muted) !important;
 line-height:1.45;
 overflow-wrap:anywhere;
}
body[data-theme="7"] #list > .it > div:nth-child(2) > .deal-doc-badges {
 grid-column:1 / -1; grid-row:4;
 min-width:0;
}
@media(max-width:390px) {
 body[data-theme="7"] #list > .it { column-gap:9px; padding:10px; }
 body[data-theme="7"] #list > .it > b:last-child { max-width:135px; }
}