/* Header controls participate in layout instead of floating over titles/actions. */
body .crm-window-layout .crm-window-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-width:0}
.crm-window-caption{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
body .crm-window-caption :is(h2,h3){padding-right:0!important;overflow-wrap:anywhere}
.crm-window-simple-heading{margin-bottom:14px}
.crm-window-simple-heading h2{margin-bottom:0!important}
body .crm-window-controls{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;align-self:flex-start;margin:0!important;padding:0!important}
body .crm-window-controls>button.crm-window-control{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#60758e!important;font:400 25px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer;transform:none!important}
body .crm-window-controls>button.crm-window-control:hover{background:#eaf1fa!important;border-color:#dce5ef!important;color:#2468cc!important}
body .crm-window-controls>button.crm-window-control:focus-visible{outline:2px solid #2468cc;outline-offset:2px}
body .crm-window-controls>button.crm-window-control:disabled{opacity:.55;cursor:default}
.crm-window-control svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;pointer-events:none}
/* Opportunity actions have their own full-width row and use the same button styles. */
body.premium-ui-v2 #oppModal .opp-editor-head{padding-right:26px}
body #oppModal .opp-followup-heading{display:block}
body #oppModal .opp-followup-heading>.opp-commercial-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;margin-top:12px;width:100%}
body #oppModal .opp-commercial-actions .btn{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:0;white-space:normal}
/* The entire property card remains the existing click target. */
[data-property-open],[data-property-open] :where(img,h3,div,span,p,small,strong,b){cursor:pointer}
/* Clamp every modal, including confirmations, to the available viewport. */
body .modal,body dialog{box-sizing:border-box;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)}
body .modal:not(#oppModal):not(#propertyModal):not(#permissionsModal):not(#homeMetricModal):not(#alertDetailModal){overflow:auto}
body .modal :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
body .modal .btn,body dialog .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#ctMessageTemplateField>div,#tMessageTemplateField>div,.modal-actions{flex-wrap:wrap;gap:8px}
#leadModal #contactOppList{overflow-wrap:anywhere}
#leadModal .field{min-width:0}
#leadModal .field input,#leadModal .field select{width:100%}
#waExitDialog{border:1px solid #dce5ef;border-radius:14px;padding:22px;color:#183150}
#waExitDialog::backdrop{background:#10203d66}
#waExitDialog button{margin-top:8px}
/* Maximizing only changes geometry. Form values, DOM nodes and handlers survive. */
.premium-ui-v2 .modal.crm-window-maximized,body.lion-has-modal #propertyModal.property-modal.on.crm-window-maximized,.premium-ui-v2 #oppModal.modal.crm-window-maximized,dialog.crm-window-maximized{box-sizing:border-box!important;position:fixed!important;left:8px!important;top:8px!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;translate:0 0!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;border-radius:12px!important}
body.lion-has-modal #propertyModal.property-modal.on.crm-window-maximized{overflow:hidden!important}
#propertyModal.crm-window-maximized .property-editor{height:100%!important;max-height:100%!important}
.premium-ui-v2 #oppModal.modal.crm-window-maximized .opp-editor-shell{flex:1;min-height:0}
@media(max-width:600px){
 body .crm-window-controls>button.crm-window-control{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}
 body.premium-ui-v2 #oppModal .opp-editor-head{padding:16px}
 body .crm-window-layout .crm-window-heading{gap:8px!important}
 #leadModal>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 #leadModal>div[style*="border"]>div:first-child{flex-wrap:wrap;gap:8px}
 #completeTaskModal>div[style*="display:flex"]{flex-wrap:wrap}
 #projectMatchesDialog .pm-toolbar,.af-actions{flex-wrap:wrap;gap:8px}
}