/* Let the form and operations reflow inside the resizable workspace. */
.acp-invoice-details .x-panel-body > div[id$="_renderTo"] {min-width: 0;}
.acp-accounting-form .acp-accounting-fields {padding-right: 8px !important;}
.acp-accounting-stacked .acp-accounting-fields {padding-right: 0 !important;}
.acp-accounting-stacked .acp-accounting-operations {margin-top: 6px;}
.acp-accounting-lower .x-panel-body {overflow-wrap: anywhere;}
.acp-divider:hover {background-color: #8faac7;}
[data-acp-theme="dark"] .acp-divider:hover {background-color: #627e9e;}

/* Keep posting chrome tight, and wrap invoice heading controls without clipping actions. */
.acp-accounting-invoice-heading > .x-panel-bwrap > .x-panel-body > .x-column-inner {display: flex; flex-wrap: wrap; align-items: flex-start;}
.acp-accounting-invoice-heading > .x-panel-bwrap > .x-panel-body > .x-column-inner > .x-column {float: none; flex: 0 0 auto;}