/* Osrilo Build 111 HOTFIX24 — consolidated Ask Osrilo dock.
 * One source of truth for dock positioning, sizing, scrolling, bubbles,
 * suggestions, and composer. Base/full-page Ask Osrilo styles remain shared.
 */
.ask-osrilo-dock{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:2050;
  width:min(405px,calc(100vw - 40px));
  height:min(620px,calc(100dvh - 96px));
  max-height:none;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--primary,#2563eb) 26%,var(--border-color,#dbe3ef));
  border-radius:18px;
  background:var(--surface,#fff);
  box-shadow:0 22px 60px rgb(15 23 42 / 24%);
}
.ask-osrilo-dock[hidden]{display:none!important}
.ask-osrilo-dock-header{
  display:flex;
  min-height:54px;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  padding:.55rem .6rem .55rem .75rem;
  border-bottom:1px solid var(--border-color,#dbe3ef);
  background:color-mix(in srgb,var(--surface-muted,#f7f9fc) 82%,var(--surface,#fff));
}
.ask-osrilo-dock-title,.ask-osrilo-dock-actions{display:flex;align-items:center}
.ask-osrilo-dock-title{gap:.55rem;min-width:0}
.ask-osrilo-dock-mark{display:grid;width:1.75rem;height:1.75rem;flex:0 0 auto;place-items:center;border-radius:50%;background:#dff2ef;color:#0f766e!important}
.ask-osrilo-dock-title-copy{display:grid;min-width:0;line-height:1.05}
.ask-osrilo-dock-title-copy strong{font-size:.86rem}
.ask-osrilo-dock-title-copy small{margin-top:.16rem;color:#64748b;font-size:.65rem;font-weight:700}
.ask-osrilo-dock-actions{gap:.3rem}
.ask-osrilo-dock-actions button{width:auto;min-height:30px;padding:.28rem .48rem;border:1px solid var(--border-color,#dbe3ef);border-radius:9px;background:var(--surface,#fff);color:var(--text-muted,#5f6b7a);box-shadow:none;font-size:.7rem;font-weight:800}
.ask-osrilo-dock-close{width:30px!important;padding-right:0!important;padding-left:0!important;font-size:1.05rem!important}
.ask-osrilo-dock-body{height:100%;max-height:none;min-height:0;overflow:hidden}
.ask-osrilo-dock .ask-osrilo-section{
  box-sizing:border-box;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:.5rem;
  margin:0;
  padding:.55rem;
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:var(--surface,#fff);
}
.ask-osrilo-dock .ask-osrilo-heading{display:none}

.ask-osrilo-dock .ask-osrilo-quick-questions{
  display:flex;
  flex-wrap:nowrap;
  gap:.4rem;
  margin:0;
  padding:0 0 .38rem;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#91a4b2 transparent;
  cursor:grab;
  mask-image:none;
  -webkit-mask-image:none;
}
.ask-osrilo-dock .ask-osrilo-quick-questions:active{cursor:grabbing}
.ask-osrilo-dock .ask-osrilo-quick-questions::-webkit-scrollbar{display:block;height:7px}
.ask-osrilo-dock .ask-osrilo-quick-questions::-webkit-scrollbar-track{background:transparent}
.ask-osrilo-dock .ask-osrilo-quick-questions::-webkit-scrollbar-thumb{background:#9aabb7;border-radius:999px}
.ask-osrilo-dock .ask-osrilo-quick-questions button{
  flex:0 0 auto;
  width:auto;
  min-height:1.8rem;
  max-width:none;
  padding:.28rem .52rem;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
  scroll-snap-align:start;
  font-size:.7rem;
}

.ask-osrilo-dock .ask-osrilo-transcript{
  box-sizing:border-box;
  display:grid;
  align-content:start;
  grid-auto-rows:max-content;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  padding:.5rem;
  row-gap:.5rem;
  overflow-y:scroll;
  overscroll-behavior:contain;
  scroll-padding-block:.5rem;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#91a4b2 transparent;
  border-radius:.8rem;
}
.ask-osrilo-dock .ask-osrilo-transcript::-webkit-scrollbar{width:8px}
.ask-osrilo-dock .ask-osrilo-transcript::-webkit-scrollbar-track{background:transparent}
.ask-osrilo-dock .ask-osrilo-transcript::-webkit-scrollbar-thumb{background:#9aabb7;border-radius:999px}
.ask-osrilo-dock .ask-osrilo-turn{
  box-sizing:border-box;
  display:grid;
  width:fit-content;
  height:auto;
  min-height:0;
  max-width:90%;
  justify-self:start;
  align-self:start;
  align-content:start;
  padding:.48rem .58rem;
  border-radius:.82rem .82rem .82rem .24rem;
  box-shadow:none;
  font-size:.82rem;
  line-height:1.38;
}
.ask-osrilo-dock .ask-osrilo-turn.is-user{max-width:80%;justify-self:end;border-radius:.82rem .82rem .24rem .82rem}
.ask-osrilo-dock .ask-osrilo-turn-label{font-size:.61rem;line-height:1.1}
.ask-osrilo-dock .ask-osrilo-turn p{margin:.14rem 0 0;line-height:1.4;overflow-wrap:anywhere}
.ask-osrilo-dock .ask-osrilo-results{margin-top:.45rem;gap:.32rem}
.ask-osrilo-dock .ask-osrilo-result{min-height:1.85rem;padding:.3rem .5rem;font-size:.72rem}
.ask-osrilo-dock .ask-osrilo-empty{min-height:0;align-self:center;padding:1.25rem .75rem}

.ask-osrilo-dock .ask-osrilo-form{
  box-sizing:border-box;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.35rem;
  align-items:end;
  margin:0;
  padding:.42rem;
  border:1px solid #cbd8df;
  border-radius:.85rem;
  background:#fff;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
}
.ask-osrilo-dock .ask-osrilo-form textarea{
  box-sizing:border-box;
  height:auto;
  min-height:2.25rem;
  max-height:4.8rem;
  padding:.45rem .5rem;
  resize:none;
  overflow-y:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
  line-height:1.3;
}
.ask-osrilo-dock .ask-osrilo-form textarea[data-scroll="true"]{overflow-y:auto}
.ask-osrilo-dock .ask-osrilo-form textarea:focus{outline:0;box-shadow:none}
.ask-osrilo-dock .ask-osrilo-form-actions{align-items:center;justify-content:flex-end}
.ask-osrilo-dock .ask-osrilo-form-actions .ghost-button{display:none}
.ask-osrilo-dock .ask-osrilo-form-actions #askOsriloSendButton{min-width:76px;min-height:2.25rem;padding:.42rem .55rem;border-radius:.7rem;font-size:.76rem}
.ask-osrilo-dock .ask-osrilo-footnote{display:none}

@media (max-width:820px){
  .ask-osrilo-dock{
    right:10px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    left:10px;
    width:auto;
    height:min(68dvh,620px);
    max-height:calc(100dvh - 105px - env(safe-area-inset-bottom));
    border-radius:16px;
  }
  .ask-osrilo-dock-body{height:100%;max-height:none;overflow:hidden}
  .ask-osrilo-dock .ask-osrilo-section{height:100%;gap:.45rem;padding:.48rem}
  .ask-osrilo-dock .ask-osrilo-quick-questions{padding-bottom:.32rem;-webkit-overflow-scrolling:touch}
  .ask-osrilo-dock .ask-osrilo-transcript{height:100%;min-height:0;max-height:none;padding:.45rem;row-gap:.45rem;scrollbar-gutter:auto}
  .ask-osrilo-dock .ask-osrilo-turn{max-width:92%;padding:.45rem .54rem;font-size:.8rem}
  .ask-osrilo-dock .ask-osrilo-turn.is-user{max-width:82%}
  .ask-osrilo-dock .ask-osrilo-form{grid-template-columns:minmax(0,1fr) auto}
  .ask-osrilo-dock .ask-osrilo-form textarea{min-height:2.2rem;max-height:4.4rem}
  .ask-osrilo-dock-title-copy small{display:none}
  .ask-osrilo-dock-actions .ask-osrilo-dock-full{display:none}
  body.ask-osrilo-dock-open .mobile-fab{opacity:0;pointer-events:none}
}