/* v18.202 — disambiguate browsing a guest preview from actually exiting it.
   Source of truth remains the existing organiser preview and return handler. */
#eventView #hostPreviewBar{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 gap:9px!important;padding:12px 14px!important;border:1px solid #e6d7bb!important;
 border-radius:17px!important;background:#fffcf7f7!important;
 box-shadow:0 5px 19px #4430190d!important;
}
#eventView #hostPreviewBar .host-preview-copy{
 order:-1!important;flex:1 0 100%!important;min-width:0!important;
}
#eventView #hostPreviewBar .host-preview-copy b{
 font:750 13px/1.2 system-ui,sans-serif!important;letter-spacing:.2px!important;
 color:#473721!important;
}
#eventView #hostPreviewBar .host-preview-copy small{
 font:normal 12px/1.4 system-ui,sans-serif!important;
 color:#796d5d!important;margin-top:3px!important;
}
#eventView #hostPreviewBar #hostPreviewBackBtn:not([hidden]){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:43px!important;border-radius:12px!important;
 background:#fff6e8!important;color:#5e431f!important;
 border:1px solid #d6b986!important;
 font:750 13px/1.35 system-ui,sans-serif!important;
}
#eventView #hostPreviewBar #hostPreviewBackBtn[hidden]{
 display:none!important;
}
#eventView #hostPreviewBar #p202HostPreviewExit{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:43px!important;margin-left:auto!important;padding:10px 15px!important;
 border-radius:12px!important;border:1px solid #e0d5c6!important;
 background:#fffefa!important;color:#6e6356!important;
 font:650 12px/1.3 system-ui,sans-serif!important;
 box-shadow:none!important;
}
#eventView #hostPreviewBar #p202HostPreviewExit:focus-visible,
#eventView #hostPreviewBar #hostPreviewBackBtn:focus-visible{
 outline:3px solid #a97c36!important;outline-offset:2px!important;
}
@media(max-width:360px){
 #eventView #hostPreviewBar{padding:10px!important}
 #eventView #hostPreviewBar #hostPreviewBackBtn:not([hidden]),
 #eventView #hostPreviewBar #p202HostPreviewExit{min-height:41px!important;padding:9px!important}
}
/* Critical: never show organiser preview controls on an ordinary guest visit. */
#eventView #hostPreviewBar.hidden{display:none!important}
