.people-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:4px 0 8px}.people-tabs .btn{min-height:44px;white-space:nowrap}.people-history{max-height:420px;overflow:auto;padding:8px;overscroll-behavior:contain}.people-history article{padding:16px 8px;border-bottom:1px solid var(--line,#ded8c9)}.people-history p{white-space:pre-wrap;overflow-wrap:anywhere}.card>summary{padding:8px 0;cursor:pointer;font-weight:700}.card>form,.card>details{margin-top:18px}.card form .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding:4px 0}.card fieldset{min-width:0;border:1px solid var(--line,#ded8c9);border-radius:10px;padding:16px}.card .field textarea{width:100%;box-sizing:border-box;background:var(--input,#fff);color:var(--text,#222);border:1px solid var(--line,#ddd);border-radius:8px;padding:12px;font:inherit}.data small{display:block;margin-top:6px;overflow-wrap:anywhere}.list-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:10px 4px}.list-controls label{display:grid;gap:6px}.list-controls input{padding:10px;max-width:100%;border:1px solid var(--line,#ddd);background:var(--input,#fff);color:var(--text,#222);border-radius:8px}.people-history .btn{white-space:normal;text-align:start} [hidden]{display:none!important}@media(max-width:640px){.people-tabs{flex-wrap:nowrap;overflow-x:auto;padding:6px 2px 14px;max-width:100%}.people-tabs .btn{flex-shrink:0}.card{padding:18px!important}.card .actions>*{min-height:44px;max-width:100%}.list-controls input{width:100%;box-sizing:border-box}.grid.two{grid-template-columns:1fr!important}}@media print{.people-tabs,.list-controls{display:none}}
.people-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;overflow-x:auto}.people-calendar>div{padding:10px;border:1px solid var(--line,#ddd);border-radius:8px;min-height:68px}.people-calendar small,.people-calendar a{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:6px}@media(max-width:640px){.people-calendar{grid-template-columns:repeat(7,minmax(100px,1fr));max-width:100%}}

/* 2.1.1: shared field rows and contextual help */
.content .page-head p{max-width:none;width:100%}
.page-head>div:first-child{flex:1;min-width:0}
.list-controls{align-items:flex-end;gap:12px}
.list-controls label{flex:0 1 320px;min-width:140px;position:relative}
.list-controls label>span{display:flex;align-items:center;gap:8px;min-height:26px}
.list-controls input,.list-controls>.btn{height:48px;box-sizing:border-box;margin:0}
.list-controls .field-help-trigger{margin:0;flex-shrink:0}
.field-help-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:85dvh;overflow-x:hidden;overflow-y:auto;padding:24px;overflow-wrap:anywhere}
.field-help-dialog h2,.field-help-dialog p{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.section-guide-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:400;margin-inline-start:14px;vertical-align:middle;white-space:nowrap}
.section-guide-link svg{width:18px;height:18px;flex-shrink:0}
.inline,.copy-field-control{align-items:center;gap:12px}
.inline>input:not([type=checkbox]),.inline>select,.inline>.btn,.copy-field-control>input,.copy-field-control>.btn{min-height:48px;box-sizing:border-box;margin-block:0}
@media(max-width:480px){.list-controls label{flex:1 1 100%}.list-controls>.btn{align-self:flex-start}.section-guide-link{display:flex;width:fit-content;margin:8px 0 0}.field-help-dialog{padding:20px}}

.list-controls>.field-help-trigger{width:24px;height:24px;min-height:24px;align-self:flex-end;margin-block-end:12px;flex:0 0 24px}
/* Private projects: aligned controls with room for both languages and narrow screens. */
[data-live-list="private_groups"] > .card{margin-block:20px;padding:clamp(16px,3vw,28px)}
[data-live-list="private_groups"] .grid{align-items:end;gap:18px}
[data-live-list="private_groups"] .grid > *{min-width:0}
[data-live-list="private_groups"] .private-full-payment{display:flex;align-items:end;padding-block:4px}
[data-live-list="private_groups"] details > summary{padding-block:10px;cursor:pointer}
[data-live-list="private_groups"] form > button{margin-top:16px}
[data-company-account][hidden]{display:none!important}
#loan-detail{scroll-margin-top:90px}
#loan-detail > .btn{margin-block:12px}
@media(max-width:640px){[data-live-list="private_groups"] .grid{grid-template-columns:1fr}[data-live-list="private_groups"] .btn{white-space:normal;max-width:100%}}
.private-amount-control{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;min-width:0}
.private-amount-control > .field{flex:1 1 150px;margin:0}
.private-amount-control > .btn{flex:0 1 auto;margin:0;min-height:46px}
/* 2.1.7: bounded private workspace, aligned first-row controls. */
.private-cards-scroll{max-height:65vh;overflow:auto;overscroll-behavior:contain;padding:4px 10px 12px;scrollbar-gutter:stable;border:1px solid var(--border,#dccca6);border-radius:12px}
[data-live-list="private_groups"] .private-cards-scroll > .card{padding:16px;margin:10px 0}
.private-history-scroll{max-height:330px;overflow:auto;margin-block:16px}
[data-live-list="private_groups"] .private-amount-control{display:contents}
[data-live-list="private_groups"] .private-amount-control>.btn{grid-row:2;grid-column:1/-1;justify-self:start;min-height:34px;padding:6px 12px;font-size:.82rem}
[data-live-list="private_groups"] form .grid{align-items:start}
[data-live-list="private_groups"] form .field>span:first-child{min-height:28px}
.money-debt{color:#a71924!important}.money-credit{color:#126636!important}
[data-theme="dark"] .money-debt{color:#ffabb4!important}[data-theme="dark"] .money-credit{color:#82e6ad!important}
.private-filters{align-items:end;margin-block:12px;gap:14px}
@media(max-width:640px){.private-cards-scroll{max-height:70vh;padding:4px}.private-filters{grid-template-columns:1fr}.private-history-scroll{max-height:280px}}

[data-live-list="private_groups"] .private-repay-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:start}
[data-live-list="private_groups"] [data-pay-all]{min-height:34px;padding:6px 12px;font-size:.82rem;margin-block:0 12px;max-width:100%}
@media(max-width:640px){[data-live-list="private_groups"] .private-repay-grid{grid-template-columns:1fr}}

/* 2.1.8: compact independent decisions and bounded delivery histories. */
.bank-review-actions{display:grid;gap:16px;min-width:220px;max-width:440px;padding-block:14px}
.bank-review-actions form{border-top:1px solid var(--line);padding-top:12px}
.bank-review-actions .actions{align-items:center;justify-content:flex-start}
.bank-review-actions .actions .btn{flex:0 0 auto;align-self:start;height:auto;min-height:40px;padding:8px 14px}
.notification-delivery-scroll{max-height:360px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 12px;margin-block:12px}
.company-movement-scroll{max-height:65vh;overflow:auto;padding:8px}
@media(max-width:640px){.bank-review-actions{min-width:0;max-width:100%}.notification-delivery-scroll{max-height:50vh;padding:8px}.company-movement-scroll{max-height:65vh}}
