.lg-modal { width:min(1180px,calc(100vw - 32px)); max-width:1180px; border-radius:7px; }
.lg-modal .modal-head h2 { flex:1; min-width:0; }
.lg-modal .modal-head [data-close] { flex:0 0 auto; min-width:48px; white-space:nowrap; }
.lg-panel { color:var(--office-text,#263b30); letter-spacing:0; min-width:0; }
.lg-panel * { box-sizing:border-box; }
.lg-panel button { display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:5px; min-height:34px; white-space:normal; overflow-wrap:anywhere; }
.lg-panel svg { width:16px; height:16px; flex:0 0 16px; }
.lg-filters { display:flex; align-items:end; flex-wrap:wrap; gap:12px; padding:18px 0; border-bottom:1px solid var(--office-line,#dce5de); }
.lg-field { display:flex; flex-direction:column; min-width:0; gap:6px; font-size:13px; }
.lg-field input,.lg-field select,.lg-field textarea { width:100%; min-width:0; min-height:36px; border:1px solid #cbd6ce; border-radius:4px; padding:7px 9px; background:white; color:inherit; font:inherit; }
.lg-filters .lg-field { flex:0 1 225px; max-width:100%; }
.lg-filters input[type=date],.lg-filters input[type=month] { min-width:150px; }
.lg-section { padding:14px 0 6px; border-bottom:1px solid var(--office-line,#dce5de); }
.lg-section>header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.lg-section h3 { margin:0; font-size:15px; font-weight:600; }
.lg-table { max-width:100%; overflow:auto; }
.lg-table table { width:100%; min-width:680px; border-collapse:collapse; font-size:13px; }
.lg-table th { background:#f3f6f4; text-align:left; font-weight:600; }
.lg-table td,.lg-table th { padding:10px 9px; border-bottom:1px solid #e4eae6; vertical-align:top; max-width:240px; overflow-wrap:anywhere; }
.lg-table small { display:block; font-size:12px; line-height:1.6; color:#586b60; margin-top:4px; }
.lg-actions { display:flex; gap:6px; }
.lg-panel .lg-icon { width:34px; height:34px; flex:0 0 34px; border:1px solid #d1dcd4; background:white; color:inherit; }
.lg-panel button:disabled { opacity:.55; cursor:wait; }
.lg-panel button:hover { background:#edf3ef; }
.lg-panel :is(button,input,select,textarea,summary):focus-visible { outline:2px solid #227249; outline-offset:2px; }
.lg-editor { padding-top:20px; }
.lg-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.lg-wide { grid-column:1/-1; }
.lg-members { margin:20px 0; padding:14px 0; border:0; border-top:1px solid #dce5de; }
.lg-members legend { font-size:14px; padding-right:12px; }
.lg-members [data-lg-members] { display:flex; gap:12px 20px; flex-wrap:wrap; }
.lg-members label { display:inline-flex; align-items:center; gap:7px; font-size:13px; overflow-wrap:anywhere; }
.lg-members input { width:17px; height:17px; flex:0 0 17px; }
.lg-form-actions { display:flex; justify-content:flex-end; gap:10px; }
.lg-totals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:18px 0; margin:0; border-bottom:1px solid #dce5de; gap:18px; }
.lg-totals dt { color:#586b60; font-size:12px; }
.lg-totals dd { margin:7px 0 0; font-size:19px; font-weight:600; overflow-wrap:anywhere; }
.lg-payment-list { margin:8px 0; padding-left:18px; }
.lg-payment-list li { margin-bottom:8px; line-height:1.6; }
.lg-error,.lg-table .lg-warning { color:#a42e35; font-size:13px; overflow-wrap:anywhere; }
.lg-empty { color:#65766b; padding:24px 12px!important; text-align:center; }
@media(max-width:760px) {
  .lg-modal { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border-radius:0; display:flex; flex-direction:column; }
  .lg-modal .modal-body { flex:1; min-height:0; max-height:none; overflow:auto; padding:0 12px 18px; }
  .lg-modal .modal-head { padding:14px 12px; }
  .lg-modal .modal-head h2 { font-size:15px; overflow-wrap:anywhere; }
  .lg-grid { grid-template-columns:minmax(0,1fr); }
  .lg-totals { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lg-filters { gap:10px; }
  .lg-filters .lg-field { flex:1 1 145px; }
}