/* yo-asst.css — full-height assistant pane for every Yamama module (owned by the AI helper) */
:root{--yoa-w:400px}
html.yoa-open{overflow:hidden}
@media (min-width:601px){
  html.yoa-open body{margin-inline-end:var(--yoa-w)!important;width:auto!important;max-width:calc(100vw - var(--yoa-w))!important;transition:margin .25s ease-out}
  .yoa-pane{position:fixed!important;inset-block:0!important;inset-inline-end:0!important;inset-inline-start:auto!important;top:0!important;bottom:0!important;width:var(--yoa-w)!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;border:0!important;border-inline-start:1px solid #e4e0f7!important;box-shadow:-8px 0 32px rgba(46,33,128,.10)!important;transform:none;z-index:900!important;animation:yoaSlide .28s cubic-bezier(.2,.8,.3,1)!important}
  [dir=rtl] .yoa-pane{box-shadow:8px 0 32px rgba(46,33,128,.10)!important}
  .yoa-host{background:transparent!important;backdrop-filter:none!important;pointer-events:none!important;inset-inline-end:0!important}
  .yoa-host>.yoa-pane{pointer-events:auto}
}
@media (max-width:600px){
  .yoa-pane{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;border:0!important;z-index:900!important;animation:yoaUp .3s cubic-bezier(.2,.8,.3,1)!important;padding-bottom:env(safe-area-inset-bottom)!important;box-shadow:none!important}
  .yoa-host{background:rgba(22,19,52,.2)!important}
  .yoa-grip{display:none!important}
}
.yoa-pane{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important;box-sizing:border-box}
.yoa-pane.yoa-closing{animation:yoaOut .2s ease-in forwards!important}
.yoa-pane .yoa-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important;height:auto!important;overscroll-behavior:contain}
.yoa-pane .yoa-fixed{flex:none!important}
.yoa-pane .yoa-noscroll{overflow:visible!important;max-height:none!important;height:auto!important;flex:none!important}
.yoa-pane .yoa-wrap{flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important}
.yoa-pane .yoa-wrap>*{flex:0 0 auto;white-space:nowrap}
.yoa-pane .yoa-in{animation:yoaMsg .26s ease-out both}
.yoa-pane .yoa-top{position:sticky;top:0;z-index:2;background:#fff}
.yoa-pane .yoa-form{position:sticky;bottom:0;z-index:2;background:#fff}
.yoa-pane textarea,.yoa-pane input[type=text]{font-size:16px}
.yoa-grip{position:absolute;inset-block:0;inset-inline-start:-4px;width:9px;cursor:col-resize;z-index:5;touch-action:none}
.yoa-grip::after{content:'';position:absolute;inset-block:calc(50% - 22px);inset-inline-start:3px;width:3px;height:44px;border-radius:3px;background:#d9d3f6;transition:background .15s,transform .15s}
.yoa-grip:hover::after,.yoa-grip.on::after{background:#6a5cf0;transform:scaleY(1.25)}
html.yoa-resizing,html.yoa-resizing *{cursor:col-resize!important;user-select:none!important}
.yoa-x{position:absolute;inset-block-start:10px;inset-inline-end:10px;width:40px;height:40px;border-radius:12px;border:0;background:#f3f0fe;color:#4b3fb0;display:grid;place-items:center;z-index:6;cursor:pointer;transition:transform .15s,background .15s}
.yoa-x:active{transform:scale(.92)}.yoa-x:hover{background:#e8e3fd}
.yoa-x svg{width:20px;height:20px}
.yoa-pane .yoa-typing{display:inline-flex;gap:4px;align-items:center;padding:10px 14px;border-radius:14px;background:#f3f0fe;margin:6px 0}
.yoa-pane .yoa-typing i{width:7px;height:7px;border-radius:50%;background:#6a5cf0;animation:yoaDot 1s infinite ease-in-out}
.yoa-pane .yoa-typing i:nth-child(2){animation-delay:.15s}.yoa-pane .yoa-typing i:nth-child(3){animation-delay:.3s}
@keyframes yoaSlide{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
[dir=rtl] .yoa-pane{animation-name:yoaSlideR!important}
@media (max-width:600px){[dir=rtl] .yoa-pane{animation-name:yoaUp!important}}
@keyframes yoaSlideR{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes yoaUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes yoaOut{to{opacity:0;transform:translateY(24px)}}
@keyframes yoaMsg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes yoaDot{0%,80%,100%{transform:scale(.6);opacity:.45}40%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.yoa-pane,.yoa-pane *{animation:none!important;transition:none!important}}

/* shared chat look for assistants built by the AI helper (.pdfai, .yo-aichat) */
.pdfai,.yo-aichat{display:flex;flex-direction:column;gap:10px;min-height:100%}
.pdfai .aimodes,.yo-aichat .aimodes{display:flex;flex-wrap:wrap;gap:6px}
.pdfai .chip,.yo-aichat .chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #ddd7f7;background:#fff;color:#2e2380;font:inherit;font-size:14px;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.pdfai .chip svg,.yo-aichat .chip svg{width:16px;height:16px;color:#6a5cf0}
.pdfai .chip:active,.yo-aichat .chip:active{transform:scale(.96)}
.pdfai .chip[aria-pressed=true],.yo-aichat .chip[aria-pressed=true]{background:linear-gradient(135deg,#4b3fb0,#7c6ff5);color:#fff;border-color:transparent}
.pdfai .chip[aria-pressed=true] svg,.yo-aichat .chip[aria-pressed=true] svg{color:#fff}
.pdfai .smout,.yo-aichat .ailog{display:flex;flex-direction:column;gap:10px;flex:1}
.pdfai .amsg,.yo-aichat .amsg{padding:10px 12px;border-radius:14px;font-size:14.5px;line-height:1.7;word-break:break-word;animation:yoaMsg .26s ease-out both}
.pdfai .amsg.u,.yo-aichat .amsg.u{background:#efebff;align-self:flex-end;max-width:88%;white-space:pre-wrap}
.pdfai .amsg.a,.yo-aichat .amsg.a{background:#fff;border:1px solid #ebe7fb;align-self:stretch}
.pdfai .amsg.wait,.yo-aichat .amsg.wait{border:0;background:none;padding:0}
.pdfai .amsg table,.yo-aichat .amsg table{border-collapse:collapse;width:100%;font-size:13px;margin:6px 0;display:block;overflow-x:auto}
.pdfai .amsg td,.pdfai .amsg th,.yo-aichat .amsg td,.yo-aichat .amsg th{border:1px solid #e4e0f7;padding:4px 7px}
.pdfai .amsg th,.yo-aichat .amsg th{background:#f5f3ff}
.pdfai .acts,.yo-aichat .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pdfai .aiform,.yo-aichat .aiform{display:flex;gap:8px;align-items:flex-end;padding-top:8px;border-top:1px solid #eeebfa;background:#fff}
.pdfai .aiform textarea,.yo-aichat .aiform textarea{flex:1;min-height:46px;max-height:140px;resize:none;border:1px solid #ddd7f7;border-radius:14px;padding:10px 12px;font:16px/1.5 inherit;font-family:inherit}
.pdfai .aiform textarea:focus,.yo-aichat .aiform textarea:focus{outline:none;border-color:#6a5cf0;box-shadow:0 0 0 3px rgba(106,92,240,.15)}
.pdfai .aiform .btn,.yo-aichat .aiform .btn{min-height:46px}
.yo-bad{animation:yoaShake .4s;border-color:#6a5cf0!important}
@keyframes yoaShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}