/* Keep wide CRM widgets from expanding or horizontally shifting the whole page. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app,.topbar,.sidebar,.main{min-width:0;max-width:100%}
html[data-layout="horizontal"] .app{width:100%;max-width:100vw;overflow-x:hidden}
html[data-layout="horizontal"] .sidebar{top:0;min-width:0;box-sizing:border-box}
html[data-layout="horizontal"] .sidebar nav{max-width:none}
html[data-layout="horizontal"] .main{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}
.workspace-shell,.workspace-board-shell,.workspace-metrics,.workspace-grid,.commercial-flow,.commercial-flow-steps{width:100%;min-width:0;max-width:100%}
.workspace-board,.pipeline,.table-wrap{max-width:100%;overscroll-behavior-x:contain}
.main>.environment-banner{display:none!important}
.dynamic-menu-home:hover,.dynamic-menu-group:hover{transform:none}
.dynamic-menu-shell{position:relative;top:auto}
.commercial-flow.collapsed{margin-bottom:12px;border-radius:10px}
.commercial-flow.collapsed .commercial-flow-head{padding:7px 10px}
.commercial-flow.collapsed .commercial-flow-mark{width:28px;height:28px;border-radius:8px;font-size:12px}
.commercial-flow.collapsed .commercial-flow-title small{display:none}
.commercial-flow.collapsed .commercial-flow-toggle{min-width:36px;padding:7px 9px}
@media(max-width:620px){.commercial-flow.collapsed .commercial-flow-title b{font-size:13px}}