/* Counterparties use the existing ALP heading, controls and modal lifecycle. */
#content > .party-directory {
 display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;
 padding-bottom:0;overflow:hidden;gap:8px;
}
#content .party-directory > .org-list-panel {
 flex:1;min-height:0;margin-bottom:0;overscroll-behavior:contain;
}
#content .party-directory > .iam-toolbar {flex:none;margin:0}
#content .party-directory > .iam-toolbar:empty {display:none}
#content .party-directory > .acc-report-card {display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:0}
#content .party-directory > .acc-report-card > .table-scroll {flex:1;min-height:0}
#content .party-directory .table-footer {flex:none}
html body.erp-compact #content .party-directory > .acc-heading.alp-top-heading:has(.acc-heading-actions) .page-heading {flex:1 1 auto;max-width:100%;flex-wrap:nowrap}
html body.erp-compact #content .party-directory > .acc-heading.alp-top-heading:has(.acc-heading-actions) .acc-heading-actions {flex:none;width:auto;max-width:100%;margin-left:auto;flex-wrap:nowrap}
html body.erp-compact #content .party-directory > .acc-heading.alp-top-heading:has(.acc-heading-actions) h1 {white-space:nowrap;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis}
@media (min-width:701px) {
 html body.erp-compact #content .party-directory > .acc-heading.alp-top-heading:has(.acc-heading-actions) {
  position:absolute!important;width:var(--top-heading-width,calc(100% - 160px))!important;
  max-width:none!important;height:44px!important;flex-wrap:nowrap!important;
 }
}
html body.erp-compact #content .party-directory .erp-title-create {
 flex:0 0 var(--company-header-action,44px);width:var(--company-header-action,44px);
 min-width:var(--company-header-action,44px);max-width:var(--company-header-action,44px);
 padding:9px;background:transparent;border-color:transparent;box-shadow:none;color:var(--muted);
}
html body.erp-compact #content .party-directory .erp-title-create:hover {background:#e8f1fb}
#content .party-directory .erp-title-create .create-action-label {display:none}
#dialog.party-dialog {width:min(920px,calc(100vw - 32px))}
#dialog.party-dialog .modal-head {margin-bottom:16px}
#dialog.party-dialog .modal-head h2 {min-width:0;overflow-wrap:anywhere}
#dialog.party-dialog .modal-actions {flex:none}
#dialog.party-dialog .modal-body {overscroll-behavior:contain}
#dialog.party-dialog .modal-foot {max-height:32dvh;overflow:auto}
#dialog.party-dialog .party-form {grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#dialog.party-dialog .party-form > label {min-width:0;color:var(--muted);font-size:var(--label-text,.86rem)}
#dialog.party-dialog .party-form > label:has([name=organization_id]),
#dialog.party-dialog .party-form > label:has([name=name]),
#dialog.party-dialog .party-form > label:has([name=full_name]),
#dialog.party-dialog .party-form > label:has([name=address]),
#dialog.party-dialog .party-form > label:has([name=note]),
#dialog.party-dialog .party-form > :is(.iam-notice,.iam-error,.org-list-panel) {grid-column:1/-1}
#dialog.party-dialog .party-form :is(input,.acc-choice-button) {
 min-height:44px;color:#252d3d;border-color:var(--line);border-radius:8px;font-size:16px;width:100%;
}
#dialog.party-dialog .party-form .acc-choice-button {white-space:normal;overflow-wrap:anywhere;text-align:left}
#dialog.party-dialog .org-list-panel {margin-bottom:16px;max-width:100%;overflow:auto}
#dialog.party-dialog .iam-table {table-layout:auto}
#dialog.party-dialog .iam-table td {overflow-wrap:anywhere}
#dialog.party-dialog .iam-table td:first-child {color:var(--muted)}
#dialog.party-dialog .biz-client-overview .acc-details strong {overflow-wrap:anywhere}
#dialog.party-dialog .acc-tabs {overflow-x:auto;flex-wrap:nowrap}
#dialog.party-dialog .acc-tabs > button {flex:none}
#dialog.party-dialog .acc-directory-fields {gap:16px}
#dialog.party-dialog .biz-role-picker {max-height:none;margin:0;padding:12px}
#dialog.party-dialog .biz-form-grid {margin:0}
#dialog.party-dialog .biz-consent {padding:0}
@media (max-width:600px) {
 #dialog.party-dialog {width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
 #dialog.party-dialog .party-form {grid-template-columns:minmax(0,1fr)}
 #dialog.party-dialog .iam-table {min-width:0}
 #dialog.party-dialog .org-list-panel:has(th:nth-child(n+3)) .iam-table {min-width:600px}
 #dialog.party-dialog .biz-form-grid {grid-template-columns:minmax(0,1fr)}
}
