/* Collapse surrounding controls without hiding the conversation or composer. */
#hina-panel .chat-reading-chrome,#sunnaDialog .chat-reading-chrome{display:grid;grid-template-rows:1fr;flex:0 0 auto;opacity:1;transition:grid-template-rows .28s ease,opacity .2s ease}
#hina-panel .chat-reading-chrome>*,#sunnaDialog .chat-reading-chrome>*{min-height:0;overflow:hidden;transition:padding .28s ease,margin .28s ease,border-color .28s ease}
#hina-panel[data-reading-controls-hidden=true] .chat-reading-chrome,#sunnaDialog[data-reading-controls-hidden=true] .chat-reading-chrome{grid-template-rows:0fr;opacity:0;pointer-events:none}
#hina-panel[data-reading-controls-hidden=true] .chat-reading-chrome>*,#sunnaDialog[data-reading-controls-hidden=true] .chat-reading-chrome>*{padding-block:0!important;margin-block:0!important;border-color:transparent!important}
#hina-panel .chat-reading-chrome>header{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;border-bottom:1px solid var(--line)}
#hina-log,#messages{overflow-anchor:none;overscroll-behavior:contain;min-height:0}
#hina-panel .chat-reading-restore,#sunnaDialog .chat-reading-restore{position:absolute;top:8px;right:10px;z-index:3;padding:6px 10px;border:1px solid #ffffff55;border-radius:20px;background:#282828;color:#fff;font-size:12px;line-height:1.4;cursor:pointer}
#hina-panel .chat-reading-restore[hidden],#sunnaDialog .chat-reading-restore[hidden]{display:none}
#hina-panel[data-reading-controls-hidden=true] #hina-log,#sunnaDialog[data-reading-controls-hidden=true] #messages{padding-top:40px}
#sunnaDialog>.close{z-index:4}
#sunnaDialog .chat-reading-restore{right:86px}
@media(prefers-reduced-motion:reduce){#hina-panel .chat-reading-chrome,#sunnaDialog .chat-reading-chrome,#hina-panel .chat-reading-chrome>*,#sunnaDialog .chat-reading-chrome>*{transition:none}}

/* The chat viewport stays put while only its chrome collapses. */
body #hina-panel{height:min(560px,calc(100dvh - 115px));min-height:0}
body #hina-panel #hina-log{flex:1 1 0;max-height:none;min-height:0}
#hina-panel .chat-reading-chrome,#sunnaDialog .chat-reading-chrome{overflow:hidden}
#hina-panel .chat-reading-chrome>header,#sunnaDialog .chat-reading-chrome>h2{padding-right:110px}
#hina-panel .chat-reading-toolbar,#sunnaDialog .chat-reading-toolbar{position:absolute;top:12px;right:14px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:8px;height:34px}
#hina-panel .chat-reading-toolbar :is(#hina-close,.chat-reading-restore),#sunnaDialog .chat-reading-toolbar :is(.close,.chat-reading-restore){position:static!important;float:none;display:inline-flex;align-items:center;justify-content:center;margin:0;width:auto;height:34px;min-height:34px;padding:6px 10px;border:1px solid #ffffff44;border-radius:18px;background:#292929;color:#fff;font-size:12px;line-height:1;white-space:nowrap;transform:none}
#hina-panel .chat-reading-toolbar #hina-close{width:34px;padding:0;font-size:20px}
#hina-panel .chat-reading-toolbar .chat-reading-restore[hidden],#sunnaDialog .chat-reading-toolbar .chat-reading-restore[hidden]{display:none}
#hina-panel[data-reading-controls-hidden=true] #hina-log,#sunnaDialog[data-reading-controls-hidden=true] #messages{padding-top:54px}
#hina-panel #hina-form{flex:0 0 auto;padding-bottom:12px}
@media(max-width:760px){body #hina-panel{height:calc(100dvh - 110px);max-height:calc(100dvh - 110px)}#hina-panel .chat-reading-toolbar,#sunnaDialog .chat-reading-toolbar{top:10px;right:12px}}

/* Keep recommendation chips outside the scrollable message viewport. */
body #hina-panel #hina-log{overflow-y:auto;flex:1 1 0;min-height:0;padding-bottom:20px}
body #hina-panel .chat-reading-recommendations{flex:none;position:relative;z-index:1;background:inherit}
body #hina-panel .chat-reading-recommendations>.hina-suggestions{margin:0;padding:12px 18px 14px;border-top:1px solid #ffffff18;align-content:start;box-sizing:border-box}
body #hina-panel .hina-suggestions button{margin:0;min-width:0;line-height:1.4}
body #hina-panel[data-reading-controls-hidden=true] .chat-reading-recommendations>.hina-suggestions{padding-block:0!important;border-top-color:transparent}

/* Mobile keyboard-safe composer and isolated Hina scrolling. */
body.hina-background-locked{overscroll-behavior:none}
#hina-panel{overscroll-behavior:contain}
#hina-panel #hina-log{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
@media(max-width:760px),(pointer:coarse){body .hina-panel #hina-form{zoom:1;transform:none}body .hina-panel #hina-question{font-size:16px!important;line-height:1.4;min-width:0}body .hina-panel #hina-form{grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px}}