:root{--debt-border:color-mix(in srgb,var(--yomi-border,#d9dee7) 84%,transparent);--debt-text:var(--yomi-table-body-text,#182230);--debt-muted:var(--yomi-table-sub-text,#667085);--debt-soft:var(--yomi-hover-bg,#f4f6f8)}.debts-layout{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:14px;height:100%;min-height:0;padding:14px}.debts-list-panel,.debts-form{min-height:0;border:1px solid var(--debt-border);border-radius:8px;background:var(--yomi-card-bg,#fff)}.debts-list-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:14px}.debts-toolbar{display:flex;align-items:center;gap:8px}.debts-toolbar input{width:300px;height:38px;padding:0 12px;border:1px solid var(--debt-border);border-radius:7px;font:inherit}.debts-toolbar button{height:30px;padding:0 8px;border:0;border-radius:5px;background:transparent;font:inherit;cursor:pointer}.debts-toolbar button.is-active{background:var(--debt-soft);box-shadow:inset 2px 0 0 var(--yomi-primary,#1677ff)}.debts-icon{display:grid!important;width:38px!important;height:38px!important;place-items:center;padding:0!important;border:1px solid var(--debt-border)!important;border-radius:7px!important;background:var(--yomi-detail-bg,#fff)!important}.debt-icon{width:18px;height:18px}.debts-head,.debt-row{display:grid;grid-template-columns:1.15fr 1fr 150px 130px;gap:12px;align-items:center}.debts-head{height:42px;padding:0 10px;border-bottom:1px solid var(--debt-border);color:var(--debt-muted);font-size:13px;font-weight:600}.debts-list{min-height:0;overflow:auto}.debt-row{width:100%;min-height:64px;padding:8px 10px;border:0;border-bottom:1px solid var(--debt-border);color:var(--debt-text);background:transparent;text-align:left;cursor:pointer}.debt-row:hover,.debt-row.is-selected{background:var(--debt-soft)}.debt-row span{min-width:0}.debt-row strong,.debt-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debt-row small{margin-top:3px;color:var(--debt-muted);font-size:12px}.debt-money{text-align:right}.debt-money strong{color:var(--yomi-success,#12b76a)}.debt-status{justify-self:center;padding:5px 8px;border-radius:5px;font-size:12px;font-weight:600}.debt-status.open{color:#ad6800;background:#fff7d6}.debt-status.partial{color:#175cd3;background:#eaf2ff}.debt-status.closed{color:#027a48;background:#e7f8ef}.debt-status.cancelled{color:#b42318;background:#feebea}.debts-empty{margin:16px 10px;color:var(--debt-muted);font-size:13px}.debts-pagination{padding-top:10px}.debts-form{align-self:start;padding:18px}.debts-form>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.debts-form>header h2{margin:0;font-size:17px}.debts-form>header span{display:flex;gap:8px}.debts-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.debts-form label{display:grid;gap:5px;color:var(--debt-muted);font-size:13px;font-weight:600}.debts-form input,.debts-form select,.debts-form textarea{width:100%;height:38px;padding:0 10px;border:1px solid var(--debt-border);border-radius:7px;color:var(--debt-text);background:var(--yomi-detail-bg,#fff);font:inherit;font-size:14px}.debts-form textarea{height:74px;padding:9px 10px;resize:vertical}.debt-wide{grid-column:1/-1}.debt-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--debt-border)}.debt-detail div{display:grid;gap:3px;color:var(--debt-muted);font-size:12px}.debt-detail strong{color:var(--debt-text);font-size:13px}.debt-detail button{grid-column:1/-1;height:38px;border:0;border-radius:7px;color:#fff;background:var(--yomi-primary,#1677ff);font:inherit;cursor:pointer}@media(max-width:1040px){.debts-layout{grid-template-columns:1fr}.debts-form{width:500px;max-width:100%}}@media(max-width:720px){.debts-layout{padding:10px}.debts-toolbar{flex-wrap:wrap}.debts-toolbar input{width:100%}.debts-head,.debt-row{min-width:620px}.debts-list{overflow:auto}.debts-form-fields{grid-template-columns:1fr}.debt-wide{grid-column:auto}}
/* Debt page-size picker follows the shared pagination control. */
.debts-page-size{position:relative}.debts-page-size>button{height:32px;padding:0 9px;border:1px solid var(--debt-border);border-radius:6px;background:var(--yomi-card-bg,#fff);font:inherit;cursor:pointer}.debts-page-size>span{position:absolute;right:0;bottom:38px;z-index:5;display:grid;min-width:112px;padding:4px;border:1px solid var(--debt-border);border-radius:7px;background:var(--yomi-card-bg,#fff);box-shadow:0 8px 18px rgba(16,24,40,.12)}.debts-page-size>span[hidden]{display:none}.debts-page-size>span button{height:30px;border:0;border-radius:5px;background:transparent;text-align:left;font:inherit;cursor:pointer}.debts-page-size>span button:hover,.debts-page-size>span button.is-selected{background:var(--debt-soft)}
.debts-layout{padding:0}.debts-form{padding:14px}@media(max-width:720px){.debts-layout{padding:0}}