/* Iris tokens and existing card/list components; Hermes gesture geometry only. */
.iris-drawer-trigger,[data-drawer-close]{display:none}
.iris-drawer-scrim[hidden]{display:none!important}
@media(max-width:899px){
  body.iris-drawer-enabled{touch-action:pan-y pinch-zoom}
  .iris-drawer-trigger,[data-drawer-close]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}
  .iris-drawer-trigger svg,[data-drawer-close] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .iris-session-drawer{position:fixed;z-index:60;left:calc(var(--iris-viewport-left,0px) + 12px + env(safe-area-inset-left));top:var(--iris-drawer-top,76px);width:min(350px,calc(var(--iris-viewport-width,100vw) - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:calc(var(--iris-viewport-height,100dvh) - (var(--iris-drawer-top,76px) - var(--iris-viewport-top,0px)) - 12px - env(safe-area-inset-bottom));min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;transform:translateX(calc((var(--iris-drawer-progress,0) - 1) * var(--iris-drawer-travel,calc(100% + 24px))));transition:transform 180ms ease-out;will-change:transform}
  .iris-session-drawer[data-drawer-state=closed]{visibility:hidden;pointer-events:none}
  .iris-session-drawer .section-heading{gap:8px;margin-bottom:14px}
  .iris-session-drawer .section-heading h2{flex:1}
  .iris-session-drawer .session-button{min-height:44px}
  .iris-drawer-scrim{position:fixed;z-index:50;left:var(--iris-viewport-left,0px);top:var(--iris-viewport-top,0px);width:var(--iris-viewport-width,100vw);height:var(--iris-viewport-height,100dvh);margin:0;padding:0;border:0;border-radius:0;background:rgb(0 0 0/.55);opacity:var(--iris-drawer-progress,0);transition:opacity 180ms ease-out;touch-action:none}
  .iris-session-drawer.is-dragging,.iris-drawer-scrim.is-dragging,.iris-session-drawer.is-immediate,.iris-drawer-scrim.is-immediate{transition:none}
  .iris-session-drawer.is-dragging{user-select:none}
}
@media(min-width:900px){.iris-drawer-scrim:not([data-drawer-desktop=modal]){display:none!important}}
@media(prefers-reduced-motion:reduce){.iris-session-drawer,.iris-drawer-scrim{transition:none!important}}

/* The deployed chat shell keeps its existing full-height panel, tokens and rows. */
@media(max-width:899px){
  body #thread-menu.iris-session-drawer{top:var(--iris-viewport-top,0px);left:calc(var(--iris-viewport-left,0px) + env(safe-area-inset-left));bottom:auto;width:min(86vw,344px);height:var(--iris-viewport-height,100dvh);max-height:none;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(calc((var(--iris-drawer-progress,0) - 1) * var(--iris-drawer-travel,calc(100% + 24px))));visibility:visible;transition:transform 180ms ease-out;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
  body #thread-menu.iris-session-drawer[data-drawer-state=closed]{visibility:hidden;pointer-events:none}
  body #thread-menu-scrim.iris-drawer-scrim{top:var(--iris-viewport-top,0px);left:var(--iris-viewport-left,0px);bottom:auto;right:auto;width:var(--iris-viewport-width,100vw);height:var(--iris-viewport-height,100dvh);visibility:visible;pointer-events:auto;opacity:var(--iris-drawer-progress,0);transition:opacity 180ms ease-out}
  body #thread-menu.iris-session-drawer.is-dragging,body #thread-menu.iris-session-drawer.is-immediate,body #thread-menu-scrim.iris-drawer-scrim.is-dragging,body #thread-menu-scrim.iris-drawer-scrim.is-immediate{transition:none}
}

/* Mirrored settings drawer: the existing layer is both container and backdrop. */
body #settings-panel.iris-session-drawer{position:fixed;z-index:121;left:auto;right:calc(100vw - var(--iris-viewport-left,0px) - var(--iris-viewport-width,100vw) + env(safe-area-inset-right));top:var(--iris-viewport-top,0px);width:min(94vw,390px);height:var(--iris-viewport-height,100dvh);max-height:none;min-height:0;transform:translateX(calc((1 - var(--iris-drawer-progress,0)) * var(--iris-drawer-travel,calc(100% + 24px))));transition:transform 180ms ease-out;animation:none;visibility:visible;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
body #settings-panel.iris-session-drawer[data-drawer-state=closed]{visibility:hidden;pointer-events:none}
body #settings-layer.iris-drawer-scrim{position:fixed;display:flex;z-index:120;left:var(--iris-viewport-left,0px);top:var(--iris-viewport-top,0px);width:var(--iris-viewport-width,100vw);height:var(--iris-viewport-height,100dvh);right:auto;bottom:auto;opacity:1;background:rgb(24 54 79 / calc(.208 * var(--iris-drawer-progress,0)));transition:background-color 180ms ease-out;touch-action:pan-y pinch-zoom}
body #settings-panel.iris-session-drawer.is-dragging,body #settings-panel.iris-session-drawer.is-immediate,body #settings-layer.iris-drawer-scrim.is-dragging,body #settings-layer.iris-drawer-scrim.is-immediate{transition:none}