#interactions-section{min-width:0;max-width:100%;color:var(--color-text)}
#interactions-section .interactions-panel{min-width:0;max-width:100%;overflow:hidden}
#interactions-section .interactions-heading{align-items:flex-start;gap:16px}
#interactions-section .interactions-heading h2{margin:0 0 5px}
#interactions-section .interactions-heading p{margin:0;line-height:1.5;max-width:780px}
#interactions-section .interactions-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:0 18px 14px}
#interactions-section .interactions-filters label{display:grid;gap:6px;min-width:0;font-size:12px;color:var(--color-text)}
#interactions-section .interactions-date-filter{flex:0 1 180px}
#interactions-section .interactions-pa-filter{flex:1 1 260px;max-width:430px}
#interactions-section .interactions-filters input,#interactions-section .interactions-filters select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#interactions-section .interactions-filters>button{min-height:40px}
#interactions-section .interactions-criteria{margin:0 18px 14px;border:1px solid var(--color-divider);border-radius:8px;background:var(--color-surface-2);font-size:12px;line-height:1.55}
#interactions-section .interactions-criteria summary{padding:10px 12px;cursor:pointer;color:var(--color-accent);font-weight:600}
#interactions-section .interactions-criteria>div{padding:0 14px 12px;color:var(--color-muted)}
#interactions-section .interactions-criteria p{margin:8px 0}
#interactions-section .interactions-criteria strong{color:var(--color-text)}
#interactions-status{margin:0 18px 14px;max-width:calc(100% - 36px);line-height:1.5;font-size:12px;color:var(--color-muted);overflow-wrap:anywhere}
#interactions-section .interactions-warning{margin:0 18px 14px;padding:11px 13px;border:1px solid var(--color-divider);border-left:3px solid var(--color-accent);border-radius:8px;background:var(--color-surface-2);color:var(--color-text);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#interactions-section .interactions-table-wrap{width:100%;max-width:100%;min-width:0;overflow:auto;max-height:65vh;isolation:isolate;border-top:1px solid var(--color-divider)}
#interactions-section .interactions-table{width:100%;min-width:1160px;border-collapse:separate;border-spacing:0;font-size:12px}
#interactions-section .interactions-table>thead>tr>th{position:sticky;top:0;z-index:2;background:var(--color-surface-2);color:var(--color-text);white-space:nowrap;text-transform:none;letter-spacing:normal;cursor:default;text-align:right;padding:12px 10px}
#interactions-section .interactions-table>thead>tr>th:nth-child(-n+2){text-align:left}
#interactions-section .interactions-summary-row>td,#interactions-section .interactions-summary-row>th{padding:10px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text)}
#interactions-section .interactions-summary-row>td:first-child{text-align:left}
#interactions-section .interactions-summary-row>th.interactions-pa{text-align:left;min-width:185px;max-width:260px;white-space:normal;font-weight:400;cursor:default;text-transform:none;letter-spacing:normal}
#interactions-section .interactions-pa strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}
#interactions-section .interactions-pa small{display:block;margin-top:4px;color:var(--color-muted);font-size:11px}
#interactions-section .interactions-summary-row.is-expanded>td,#interactions-section .interactions-summary-row.is-expanded>th{background:var(--color-accent-soft)}
#app-view #interactions-section .interactions-count{padding:5px 9px;min-width:34px;min-height:32px;background:transparent!important;border:1px solid transparent!important;color:var(--color-accent)!important;font:inherit;font-weight:700;border-radius:6px;text-decoration:underline;text-underline-offset:3px}
#app-view #interactions-section .interactions-count:hover,#app-view #interactions-section .interactions-count.is-selected{background:var(--color-accent-soft)!important;border-color:var(--color-accent)!important}
#interactions-section button:focus-visible,#interactions-section summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
#interactions-totals th,#interactions-totals td{position:sticky;bottom:0;z-index:2;background:var(--color-surface-2);border-top:2px solid var(--color-divider);color:var(--color-text);font-weight:700;padding:13px 10px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;cursor:default;text-transform:none;letter-spacing:normal}
#interactions-totals th{text-align:left}
#interactions-section .interactions-detail-row>td{padding:0 12px 14px;background:var(--color-accent-soft)}
#interactions-section .interactions-detail{border:1px solid var(--color-divider);border-radius:8px;background:var(--color-surface);overflow:hidden;white-space:normal}
#interactions-section .interactions-detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 16px;background:var(--color-surface-2);border-bottom:1px solid var(--color-divider)}
#interactions-section .interactions-detail-heading h3{font-size:13px;margin:0 0 5px;color:var(--color-text)}
#interactions-section .interactions-detail-heading p{margin:0;font-size:12px;color:var(--color-muted)}
#interactions-section .interactions-creditors-table{width:100%;font-size:12px;table-layout:fixed}
#interactions-section .interactions-creditors-table th{padding:10px 14px;text-transform:none;letter-spacing:normal;cursor:default;background:var(--color-surface-2);color:var(--color-text)}
#interactions-section .interactions-creditors-table th:first-child{width:38%}
#interactions-section .interactions-creditors-table td{padding:12px 14px;vertical-align:top;white-space:normal;overflow-wrap:anywhere;color:var(--color-text)}
#interactions-section .interactions-creditors-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
#interactions-section .interactions-creditors-table td small{display:block;margin-top:5px;color:var(--color-muted)}
#interactions-section .interactions-creditor{display:grid;gap:5px}
#interactions-section .interactions-creditor>span{color:var(--color-muted)}
#app-view #interactions-section .interactions-creditor-link{background:transparent!important;border:0!important;border-radius:0;padding:0;text-align:left;color:var(--color-accent)!important;font-size:12px;font-weight:600;white-space:normal;overflow-wrap:anywhere}
#interactions-section .interactions-credit-links{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}
#app-view #interactions-section .interactions-credit-links button{font-size:11px;padding:4px 7px;min-height:28px;background:var(--color-accent-soft)!important;color:var(--color-accent)!important}
#interactions-section .interactions-detail-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--color-divider);color:var(--color-muted);font-size:12px}
#interactions-section .interactions-detail-pagination>div{display:flex;gap:8px}
#interactions-section .interactions-error{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px;white-space:normal;color:var(--color-danger)}
#interactions-section .interactions-empty{padding:24px;text-align:left;color:var(--color-muted)}
@media(max-width:620px){#interactions-section .interactions-heading{padding:16px}#interactions-section .interactions-filters{padding:0 16px 14px;gap:10px}#interactions-section .interactions-date-filter,#interactions-section .interactions-pa-filter{flex:1 1 100%;max-width:none}#interactions-section .interactions-filters>button{width:100%}#interactions-section .interactions-criteria{margin-inline:16px}#interactions-status{margin-inline:16px;max-width:calc(100% - 32px)}#interactions-section .interactions-table-wrap{max-height:64vh}}
