/* Load after app.css. Pane geometry belongs to PaneLayout in every mode. */
.workspace.pane-layout-managed{overflow:hidden}
.workspace.pane-layout-managed>.library-panel,
.workspace.pane-layout-managed>.viewer-pane,
.workspace.pane-layout-managed>.map-pane,
.workspace.pane-layout-managed>.leads-pane{flex:0 0 var(--pane-width)!important;width:var(--pane-width);min-width:0;max-width:none}
.workspace.pane-layout-managed>[data-pane-visible=false]{display:none!important}
.workspace.pane-layout-managed>[data-pane-visible=true]{display:flex}
.workspace.pane-layout-managed>.pane-resizer{display:block;flex:0 0 7px;width:7px;z-index:11;touch-action:none;background:#f8fafd;outline-offset:-1px;transition:background .12s}
.workspace.pane-layout-managed>.pane-resizer[hidden]{display:none!important}
/* The approach area helps find the divider without making the visible line heavier. */
.workspace.pane-layout-managed>.pane-resizer::before{content:'';position:absolute;inset:0 -5px;cursor:col-resize}
.workspace.pane-layout-managed>.pane-resizer:focus-within,
.workspace.pane-layout-managed>.pane-resizer.dragging{background:#d2e3fc}
.pane-swap-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:34px;width:34px;border-radius:50%;display:grid;place-items:center;color:#2768c2;background:#fff;border:1px solid #b7c9e4;box-shadow:0 2px 7px #28497021;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .12s,background .12s}
.pane-swap-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pane-resizer:focus-within>.pane-swap-button{opacity:1;pointer-events:auto}
@media(hover:hover){
  .workspace.pane-layout-managed>.pane-resizer:hover{background:#d2e3fc}
  .pane-resizer:hover>.pane-swap-button{opacity:1;pointer-events:auto}
}
.pane-swap-button:hover{background:#e8f0fe;border-color:#377bdb}
.workspace.pane-resizing>.pane-resizer>.pane-swap-button{opacity:0;pointer-events:none;transition:none}
.pane-resizing{cursor:col-resize;user-select:none}
.pane-resizing iframe{pointer-events:none!important}
.pane-library-restore{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:14;display:flex;align-items:center;gap:5px;height:29px;padding:0 8px;background:#fff;color:#4d6380;border:1px solid #d7e1ef;border-radius:7px;box-shadow:0 2px 8px #18355c16;font-size:11px}
.pane-library-restore[data-side=right]{left:auto;right:8px}
.pane-library-restore svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pane-library-hide{color:#8290a4}
.workspace.pane-layout-managed.layout-hybrid>.map-pane{flex:none!important;width:auto}
.workspace.pane-layout-managed.layout-library>.library-panel{width:100%;max-width:none}
/* A divider tap focuses it and reveals a full touch target; dragging stays safe. */
@media(hover:none){.pane-swap-button{width:44px;height:44px}.workspace.pane-layout-managed>.pane-resizer::before{left:-8px;right:-8px}}
@media(max-width:580px){
  .workspace.pane-layout-managed>.library-panel{position:absolute;left:0;top:0;bottom:0;width:100%;max-width:none;flex:none!important;z-index:16;transform:translateX(-100%)}
  .workspace.pane-layout-managed.mobile-library>.library-panel,.workspace.pane-layout-managed.layout-library>.library-panel{transform:none}
  .workspace.pane-layout-managed.layout-library>.library-panel{position:relative}
  .workspace.pane-layout-managed>.pane-resizer{display:none!important}
  .pane-library-restore{top:50%}
}
@media(prefers-reduced-motion:reduce){.pane-swap-button,.workspace.pane-layout-managed>.pane-resizer{transition:none}}

/* Split's opaque map lens uses the same live map instance as side-by-side. */
.workspace.split-map-lens>.map-pane{position:absolute;min-width:0;min-height:0;z-index:8;pointer-events:auto;flex:none!important;width:auto}
.workspace.split-map-lens>.map-pane>.pane-heading{display:none}
.workspace.split-map-lens>#map-resizer{display:none}