/* One handle geometry for the public site, Studio editors and touch cards. */
:root{--studio-handle-width:55px;--studio-handle-thickness:4px;--studio-handle-target-width:80px}
html body :is(button.resize-grip,button.quote-resize-grip){width:var(--studio-handle-target-width)!important;min-width:var(--studio-handle-target-width)!important}
html body :is(button.resize-grip,button.quote-resize-grip)::after,
html body button.studio-sheet-handle::after{
 content:"";display:block;width:var(--studio-handle-width);height:var(--studio-handle-thickness);
 margin:auto;border-radius:999px;background:currentColor;pointer-events:none;
}
html body button.studio-sheet-handle{display:none}
/* The existing semantic close button is also the drag target; never overlay
   an inert decoration or remove the keyboard/click fallback. */
@media(max-width:600px), (max-height:600px) and (hover:none) and (pointer:coarse){
 html body button.studio-sheet-handle{
  position:absolute;z-index:6;top:0;right:auto;left:50%;display:grid;place-items:center;
  box-sizing:border-box;width:var(--studio-handle-target-width);min-width:var(--studio-handle-target-width);
  height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;color:#747474;box-shadow:none;transform:translateX(-50%);
  cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;
 }
 html body .studio-mobile-sheet-body{padding-top:44px}
}
html.studio-ipad-docked body button.studio-sheet-handle{
 position:sticky;z-index:6;top:0;right:auto;left:auto;display:grid;place-items:center;
 box-sizing:border-box;width:var(--studio-handle-target-width);min-width:var(--studio-handle-target-width);
 height:44px;min-height:44px;margin:0 auto;padding:0;border:0;border-radius:0;
 background:transparent;color:#747474;box-shadow:none;transform:none;
 cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;
}
html.studio-ipad-docked body :is(#header-revenue .revenue-popover,#header-flight .flight-popover,#studio-side-calendar-card){padding-top:0!important}
/* Audience's handle and content belong to one painted, scrolling card. The
   inner overlay must not start a second surface below the handle's 44px row. */
html.studio-ipad-docked body dialog#studio-header-audience{
 inset:16px 16px auto auto;width:min(var(--studio-header-card-width,440px),calc(100vw - 32px));
 max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);box-sizing:border-box;
 overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
 border:1px solid var(--studio-header-overlay-border,#ffffff20);
 background:var(--studio-header-overlay-surface,rgba(20,20,20,.86));
 -webkit-backdrop-filter:var(--studio-header-overlay-blur,blur(16px));backdrop-filter:var(--studio-header-overlay-blur,blur(16px));
}
html.studio-ipad-docked body #studio-header-audience .studio-map-overlay{
 padding-top:0;max-height:none!important;overflow:visible;border:0;border-radius:0!important;
 background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;
}
html.studio-ipad-docked body #studio-header-audience .studio-map-overlay::before,
html.studio-ipad-docked body #studio-header-audience .studio-map-overlay::after{content:none}
html body button.studio-sheet-handle::before{content:none}
html body button.studio-sheet-handle svg{display:none}
html body button.studio-sheet-handle:is(:hover,:focus-visible){background:transparent;box-shadow:none;color:#aaa}
html body button.studio-sheet-handle:focus-visible{outline:2px solid #8ea9e8;outline-offset:-4px;border-radius:8px}
html body button.studio-sheet-handle:active{cursor:grabbing}
html body button.studio-sheet-handle.is-reference{position:relative;display:grid;place-items:center;box-sizing:border-box;width:var(--studio-handle-target-width);min-width:var(--studio-handle-target-width);height:44px;min-height:44px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;color:#747474;box-shadow:none;transform:none;left:auto;right:auto;top:auto;touch-action:none}