.agreement-editor {box-sizing:border-box;width:100%;max-width:650px;padding:var(--ui-space,25px);color:#000000;}
.agreement-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space,25px);margin-bottom:var(--ui-space,25px);min-height:25px;}
.agreement-heading h2:not(.client-editor-section-heading) {font-size:14px;font-weight:500;margin:0;}
.agreement-heading [role=status] {font-size:12px;text-align:right;}
.agreement-heading .is-error {color:#b73535;}
.agreement-row {display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--ui-space,25px);align-items:start;margin-bottom:var(--ui-space,25px);}
.agreement-row>label {font-size:14px;font-weight:500;line-height:25px;}
.agreement-field {display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-compact,10px);min-width:0;}
.agreement-field:has(> .system-standard-raised-control) {flex-wrap:nowrap;}
.agreement-field:has(> .system-standard-raised-control) > :is(span,input,select) {flex:1;min-width:0;}
.agreement-field > .system-standard-raised-control {margin-left:auto;}
.agreement-field input,.agreement-field select,.agreement-field textarea {box-sizing:border-box;max-width:100%;width:325px;border:1px solid #a6aaa6;border-radius:3px;background:#fff;color:#000000;font-family:inherit;font-size:12px;font-weight:400;}
.agreement-field input,.agreement-field select {height:25px;padding:2px 8px;}
.agreement-field textarea {min-height:110px;padding:8px;resize:vertical;}
.agreement-merge {--standard-dropdown-width:100%;width:325px;max-width:100%;display:flex;flex-direction:column;gap:var(--ui-space-compact,10px);}
.agreement-merge select {width:100%;}
.agreement-merge small {font-size:12px;line-height:1.5;}
.agreement-rich-field {width:325px;max-width:100%;min-width:0;}
.agreement-rich-editor {box-sizing:border-box;width:100%;min-height:110px;max-height:400px;overflow:auto;padding:var(--ui-space-compact,10px) !important;border:1px solid #a6aaa6;border-radius:3px;background:var(--field-surface,#fff);font:400 12px/18px Raleway,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;}
.agreement-rich-editor p,.agreement-rich-editor > div {margin:0 0 .8em;min-height:18px;}
.agreement-rich-editor :is(ul,ol) {margin:0;padding-left:25px;}
.agreement-rich-editor li {margin:0 0 .8em;}
.agreement-rich-editor table {width:100%;table-layout:fixed;border-collapse:collapse;margin:0 0 .8em;font:inherit;white-space:pre-wrap;}
.agreement-rich-editor :is(td,th) {border:1px solid #a6aaa6;padding:.6em;vertical-align:top;overflow-wrap:anywhere;font:inherit;text-align:left;}
.agreement-rich-editor :is(td,th) > :last-child {margin-bottom:0;}
.agreement-rich-editor strong,.agreement-rich-editor b {font-weight:700;}
.agreement-rich-editor[contenteditable=false] {opacity:.5;}
.agreement-archived-text {white-space:pre-wrap;}
.agreement-upload {border-radius:3px;outline:1px dashed #a6aaa6;outline-offset:12px;padding:0;margin-bottom:var(--ui-space,25px);}
.agreement-upload.is-dragging {outline:1px solid #203220;background:rgba(32,50,32,.05);}
.agreement-upload .agreement-row:last-child {margin-bottom:0;}
.agreement-upload [data-upload-filename] {font-size:12px;overflow-wrap:anywhere;min-width:0;}
.agreement-acceptance-log {padding:0;list-style:none;}
.agreement-acceptance-log li {display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-compact,10px) var(--ui-space,25px);padding:var(--ui-space,25px) 0;border-bottom:1px solid #a6aaa6;}
.agreement-acceptance-log li span {flex:1;min-width:150px;}
.agreement-actions {margin:var(--ui-space,25px) 0;}
.agreement-detail h3:not(.client-editor-section-heading):not(.system-standard-category-heading),.agreement-editor h3:not(.client-editor-section-heading):not(.system-standard-category-heading) {font-size:14px;font-weight:600;margin:var(--ui-space,25px) 0;}
.agreement-editor .system-standard-category-heading {margin:var(--ui-space,25px) 0;}
.agreement-editor-staff > .client-editor-section-heading,.agreement-editor-staff :is(.agreement-upload,.agreement-detail) > .client-editor-section-heading {margin:var(--ui-space,25px) 0;}
.agreement-editor-staff .agreement-row {grid-template-columns:150px 25px 325px 25px;}
.agreement-editor-staff .agreement-field {grid-column:3;}
.agreement-editor-staff .agreement-field select {--standard-dropdown-width:325px;}
.agreement-detail dl {display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--ui-space-compact,10px) var(--ui-space,25px);font-size:12px;}
.agreement-detail dd {margin:0;overflow-wrap:anywhere;}
.agreement-detail p,.agreement-detail li,.agreement-help,.agreement-sign-form p {font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.agreement-signer {border-top:1px solid #a6aaa6;padding-top:var(--ui-space,25px);margin-top:var(--ui-space,25px);}
.agreement-sign-form {border-top:1px solid #a6aaa6;margin-top:var(--ui-space,25px);padding-top:var(--ui-space,25px);}
.agreement-editor .system-standard-raised-control {flex-shrink:0;}
.employee-rail-settings-panel[data-employee-rail-shared-panel="settings"].employee-rail-settings-panel--banks .employee-rail-settings-content {width:var(--text-editor-width,900px);padding-left:0;padding-right:0;}
.employee-rail-settings-panel[data-employee-rail-shared-panel="settings"].employee-rail-settings-panel--banks .employee-rail-settings-action-row {width:var(--text-editor-width,900px);}
.employee-rail-settings-panel--banks .agreement-editor {padding-top:0;}
.employee-rail-settings-panel--banks .agreement-heading {min-height:40px;}
.employee-rail-settings-panel--banks .system-standard-raised-control {font-family:inherit;}
.employee-rail-settings-panel[data-employee-rail-shared-panel="settings"].employee-rail-settings-panel--documents .employee-rail-settings-content {width:var(--text-editor-width,900px);padding-left:0;padding-right:0;}
.employee-rail-settings-panel[data-employee-rail-shared-panel="settings"].employee-rail-settings-panel--documents .employee-rail-settings-action-row {width:var(--text-editor-width,900px);}
.employee-rail-settings-panel--documents .agreement-editor {padding-top:0;}
.employee-rail-settings-panel--documents .employee-rail-settings-action-row .agreement-actions {margin:0;width:100%;}
.employee-rail-settings-panel[data-employee-rail-shared-panel="settings"][data-settings-editor="text"] :is(.employee-rail-settings-content,.employee-rail-settings-action-row) {width:var(--text-editor-width);}
.employee-rail-settings-panel[data-settings-editor="text"] .agreement-editor.system-standard-text-editor {width:var(--text-editor-row-width);max-width:none;padding:0;margin:0 var(--ui-space);}
.agreement-editor.system-standard-text-editor {width:var(--text-editor-row-width);max-width:none;}
.agreement-editor.system-standard-text-editor > .agreement-heading {margin:-1px;}
.client-edit-tabbar [data-client-edit-tab=documents] {display:flex;align-items:center;gap:var(--ui-space-compact,10px);}
.client-edit-tabbar [data-client-edit-tab=documents] svg {width:20px;height:20px;flex:none;}
/* Embedded editors inherit their shell's inset; standalone settings own it. */
#content>.agreement-editor {padding:0;}
#clientDocumentsPane>.agreement-editor {padding:calc(var(--column-caption-height,15px) + var(--column-caption-gap,15px)) 0 0;}
@media(max-width:650px){.agreement-row,.agreement-editor-staff .agreement-row{grid-template-columns:1fr;gap:var(--ui-space-compact,10px);}.agreement-editor-staff .agreement-field{grid-column:1;}.agreement-detail dl{grid-template-columns:1fr;}}

.agreement-editor:has(>.agreement-client-status){position:relative}
.agreement-client-status{position:absolute;top:0;right:25px;font-size:12px;text-align:right}
.agreement-client-status .is-error{color:#b73535}
.agreement-client-status:has([data-agreement-status]:empty){display:none}
.client-document-overview{display:grid;grid-template-rows:minmax(0,1fr) var(--crm-action-row-height,40px);gap:var(--ui-space,25px);height:100%;min-height:0;position:relative}
.client-document-scroll{overflow:auto;min-height:0;min-width:0;margin-right:calc(-1 * var(--ui-space,25px));padding-right:var(--ui-space,25px);scrollbar-width:thin;scrollbar-color:#a6aaa6 transparent}
.client-document-inventory{min-width:0}
.client-document-inventory-row{display:flex;align-items:center;gap:var(--ui-space,25px);padding:var(--ui-space,25px) 0;border-bottom:1px solid #a6aaa6;min-width:0}
.client-document-description{display:flex;flex-direction:column;gap:var(--ui-space-compact,10px);flex:1;min-width:0;overflow-wrap:anywhere}
.client-document-description strong{font-size:14px;font-weight:500}
.client-document-description span{font-size:12px;font-weight:400;color:#636963}
.client-document-controls{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-space-compact,10px);flex:none}
.client-document-actions{margin:0;justify-content:flex-end;align-items:center}
.client-document-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space,25px);margin:0 0 var(--ui-space,25px);font-size:14px}
.client-document-detail-toolbar strong{font-weight:500;overflow-wrap:anywhere;min-width:0}
[data-document-detail]>.agreement-editor{padding:0}
.client-document-overview .client-general-row[hidden]{display:none !important}
.client-document-overview [data-document-detail]>.agreement-editor{max-width:none;width:var(--text-editor-row-width,100%);min-width:var(--text-editor-row-width,0)}
.client-document-overview [data-document-detail] .agreement-row{grid-template-columns:var(--text-editor-label-width,150px) minmax(325px,1fr);gap:var(--ui-space,25px)}
.client-document-overview [data-document-detail] .agreement-field{grid-column:2;width:100%;font:400 var(--ui-field-text-size,12px)/25px Raleway,sans-serif}
.client-document-overview [data-document-detail] .agreement-field :is(input,select,textarea){width:100%;max-width:none}
.client-document-overview [data-document-detail] .agreement-row>label{margin:0;height:auto;font-weight:var(--ui-form-label-weight,500);overflow-wrap:anywhere}
.bookkeeping-relevance{margin-left:auto}
[data-bookkeeping-category]:not(:first-child){border-top:1px solid var(--sidebar-divider-color,#a6aaa6);padding-top:var(--ui-space,25px)}
.agreement-detail-standard .agreement-field{overflow-wrap:anywhere}
.agreement-detail-section,.agreement-detail-log{border-top:1px solid var(--sidebar-divider-color,#a6aaa6);padding-top:var(--ui-space,25px)}
.agreement-detail-section>.system-standard-category-heading{margin:0 0 var(--ui-space,25px)}
.agreement-detail-log summary{cursor:pointer;font:500 14px/25px Raleway,sans-serif;margin-bottom:var(--ui-space,25px)}
.client-document-actions>.agreement-actions{margin:0;width:100%}
.client-document-upload{display:flex;align-items:center;gap:var(--ui-space-compact,10px);margin-top:var(--ui-space,25px);font-size:12px}
.client-document-upload[data-document-upload-drop]{display:flex;flex-direction:column;align-items:stretch;gap:var(--ui-space,25px)}
.client-document-upload span{min-width:0;overflow-wrap:anywhere;flex:1}
.client-document-overview [data-document-status]{position:absolute;top:calc(-1 * (var(--column-caption-height,15px) + var(--column-caption-gap,15px)));right:0;max-width:100%;margin:0;text-align:right;font-size:12px}
.client-document-overview [data-document-status]:empty{display:none}
.client-document-overview .is-error{color:#b73535}


/* The removal action shares the existing heading-field track, not a new row. */
.agreement-editor.system-standard-text-editor .agreement-section-heading {
  width:var(--text-editor-field-width); max-width:none; min-width:0;
  display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; gap:var(--ui-space,25px);
}
.agreement-editor.system-standard-text-editor .agreement-section-heading > input {
  flex:1 1 0; width:0; min-width:var(--field-inline-min-width,150px); max-width:none;
}
.agreement-section-heading > [data-agreement-action=remove-section] { flex:none; margin:0; }

.client-document-upload .client-document-upload-fields {
  display:grid;
  grid-template-columns:150px minmax(0,150px);
  gap:25px;
  align-items:center;
  width:325px;
  min-width:325px;
}
.client-document-upload-fields > span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.client-document-upload-fields input[type="date"] { width:150px; min-width:150px; }
.agreement-editor.agreement-editor-portal { display:flex; flex-direction:column; min-height:100%; max-width:none; padding:0; }
.agreement-editor-portal > .agreement-client-status { top:-25px; right:0; }
.portal-document-list { display:flex; flex-direction:column; gap:var(--ui-space,25px); }
.portal-document { min-width:0; }
.portal-document-heading { display:flex; align-items:center; gap:var(--ui-space,25px); }
.agreement-editor.agreement-editor-portal .portal-document-heading h3 { min-width:0; margin:0; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.portal-document-actions { display:flex; flex:none; align-items:center; justify-content:flex-end; gap:var(--ui-action-row-gap,25px); margin-left:auto; }
.portal-document-state { margin:10px 0 0; font-size:12px; color:var(--muted,#636963); }
.portal-document-actions [data-accepted] { cursor:default; }
.portal-document-log { margin-top:auto; padding-top:var(--ui-space,25px); }
.portal-document-log summary { cursor:pointer; font-size:14px; font-weight:500; padding:10px 0; }
.portal-document-log .agreement-acceptance-log { margin:0; }
.portal-document-log .agreement-acceptance-log li { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }

/* Keep the document editor inside its local column; wrap rather than clip controls. */
.client-document-overview{min-width:0;max-width:100%}
.client-document-overview .client-document-scroll{margin-right:0;padding-right:0;max-width:100%}
.client-document-overview .client-document-inventory-row{flex-wrap:wrap}
.client-document-overview .client-document-controls{flex-wrap:wrap;max-width:100%}
.client-document-overview [data-document-detail]>.agreement-editor{width:100%;min-width:0;max-width:100%}
.client-document-overview [data-document-detail] .agreement-row{grid-template-columns:minmax(0,150px) minmax(0,1fr)}
.client-document-overview [data-document-detail] .agreement-field{min-width:0;max-width:100%;flex-wrap:wrap}
.client-document-overview [data-document-detail] .agreement-field :is(input,select,textarea){min-width:0;max-width:100%}
.client-document-overview [data-document-status]{position:static;margin-top:var(--ui-space,25px);text-align:left;overflow-wrap:anywhere}
.client-document-overview .client-document-upload .client-document-inventory-row{width:100%;box-sizing:border-box}
.client-document-overview .client-general-row{max-width:100%;min-width:0}
.client-document-overview .client-general-field{min-width:0}
.client-document-overview .client-document-upload-fields{flex-wrap:wrap;min-width:0}
.client-document-overview :is(input,textarea,select).is-invalid,.agreement-editor :is(input,textarea,select).is-invalid{border-color:#b73535;outline:1px solid #b73535}
@media(max-width:600px){
  .client-document-overview .client-general-row{display:flex;flex-wrap:wrap;gap:var(--ui-space-compact,10px)}
  .client-document-overview .client-general-row>label{flex-basis:100%}
  .client-document-overview .client-general-field{flex:1 1 180px;max-width:100%}
  .client-document-overview .client-general-verify{margin-left:auto}
  .client-document-overview [data-document-detail] .agreement-row{grid-template-columns:minmax(0,1fr);gap:var(--ui-space-compact,10px)}
  .client-document-overview [data-document-detail] .agreement-field{grid-column:1}
}

#clientInfoPanel .client-document-overview{container-type:inline-size}
#clientInfoPanel .client-document-overview .client-general-field{width:100%;min-width:0;max-width:100%}
#clientInfoPanel .client-document-overview .client-document-upload-fields{width:100%;min-width:0;max-width:325px;grid-template-columns:minmax(0,150px) minmax(0,1fr)}
#clientInfoPanel #clientDocumentsPane{min-width:0;max-width:100%}
.staging-sidebar-enabled .staging-client-editor-drawer #clientInfoPanel #clientDocumentsPane{min-width:0}
.staging-sidebar-enabled .staging-client-editor-drawer #clientInfoPanel #clientDocumentsPane .client-general-row{min-width:0}
@container(max-width:500px){
  #clientInfoPanel .client-document-overview .client-general-row{display:flex;flex-wrap:wrap;gap:var(--ui-space-compact,10px)}
  #clientInfoPanel .client-document-overview .client-general-row>label{flex-basis:100%}
  #clientInfoPanel .client-document-overview .client-general-field{flex:1 1 150px;min-width:0;max-width:100%}
  #clientInfoPanel .client-document-overview .client-general-verify{margin-left:auto}
  #clientInfoPanel .client-document-overview [data-document-detail] .agreement-row{grid-template-columns:minmax(0,1fr);gap:var(--ui-space-compact,10px)}
  #clientInfoPanel .client-document-overview [data-document-detail] .agreement-field{grid-column:1}
}
#clientInfoPanel #clientDocumentsPane .client-document-overview .client-general-row{grid-template-columns:minmax(0,150px) minmax(0,1fr) max-content}
#clientInfoPanel #clientDocumentsPane .client-general-active:empty{display:none}
#clientInfoPanel #clientDocumentsPane .client-general-field{grid-column:2}
#clientInfoPanel #clientDocumentsPane .client-general-verify{grid-column:3}
