/* Matching labeled native disclosures, rather than an oversized unlabeled arrow. */
#ar-azeroth-bubble .ar-azeroth-conversation-settings,
#ar-azeroth-bubble .ar-azeroth-name-settings{width:100%;box-sizing:border-box;margin:10px 0 0;padding:0;border:0;background:none;color:#e8c6dc;font:inherit;}
#ar-azeroth-bubble .ar-azeroth-conversation-settings>summary,
#ar-azeroth-bubble .ar-azeroth-name-settings>summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;width:auto;min-width:0;min-height:44px;box-sizing:border-box;height:auto;padding:10px 0;border:0;border-radius:4px;background:none;box-shadow:none;color:#e8c6dc;font:inherit;font-size:.82rem;line-height:1.45;text-align:left;letter-spacing:.025em;}
#ar-azeroth-bubble details[open]>summary{list-style-type:disclosure-open;}
#ar-azeroth-bubble .ar-azeroth-conversation-settings>summary:focus-visible,
#ar-azeroth-bubble .ar-azeroth-name-settings>summary:focus-visible{outline:2px solid #efadd6;outline-offset:4px;}
#ar-azeroth-bubble .ar-azeroth-conversation-settings>summary::after{content:none;}
#ar-azeroth-bubble .ar-azeroth-conversation-settings .ar-azeroth-boundary{margin:6px 0 12px;max-width:68ch;line-height:1.55;}
#ar-azeroth-bubble .ar-azeroth-response[data-revealing=true]{cursor:pointer;}
#ar-azeroth-bubble .ar-azeroth-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

#ar-azeroth-bubble .ar-azeroth-response{display:grid;}
#ar-azeroth-bubble .ar-azeroth-reveal-visual,#ar-azeroth-bubble .ar-azeroth-reveal-layout{grid-area:1/1;min-width:0;}
#ar-azeroth-bubble .ar-azeroth-reveal-layout{visibility:hidden;pointer-events:none;}

/* r35: all conversation content first, then flexible breathing room and a shared footer. */
#ar-azeroth-bubble:not([hidden]){display:flex!important;flex-direction:column;}
#ar-azeroth-bubble>.ar-azeroth-footer35{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 16px;flex:none;min-width:0;margin-top:auto;padding-top:36px;}
#ar-azeroth-bubble>.ar-azeroth-footer35>:is(.ar-azeroth-name-settings,.ar-azeroth-conversation-settings){margin:0;width:100%;min-width:0;}
#ar-azeroth-bubble>.ar-azeroth-footer35>.ar-azeroth-name-settings{grid-column:1;grid-row:1;}
#ar-azeroth-bubble>.ar-azeroth-footer35>.ar-azeroth-conversation-settings{grid-column:2;grid-row:1;}
#ar-azeroth-bubble>.ar-azeroth-footer35>.ar-azeroth-conversation-settings>summary{text-align:right;}
#ar-azeroth-bubble>.ar-azeroth-footer35 summary{font-size:clamp(11px,1.1vw,13.12px);white-space:normal;overflow-wrap:normal;}
#ar-azeroth-bubble>.ar-azeroth-footer35 .ar-azeroth-name-panel35,
#ar-azeroth-bubble>.ar-azeroth-footer35 .ar-azeroth-boundary{box-sizing:border-box;width:calc(200% + 16px);max-width:none;margin-top:10px;}
#ar-azeroth-bubble>.ar-azeroth-footer35 .ar-azeroth-boundary{margin-left:calc(-100% - 16px);text-align:left;}
#ar-azeroth-bubble .ar-azeroth-name-panel35{display:flex;flex-wrap:wrap;gap:8px;}
#sanctuary-side-companion-r27 #ar-azeroth-bubble:not([hidden]){min-height:clamp(380px,calc(100dvh - 220px),680px);}
@media(max-width:480px){#ar-azeroth-bubble>.ar-azeroth-footer35{column-gap:12px;padding-top:28px;}#ar-azeroth-bubble>.ar-azeroth-footer35 .ar-azeroth-name-panel35,#ar-azeroth-bubble>.ar-azeroth-footer35 .ar-azeroth-boundary{width:calc(200% + 12px);}#ar-azeroth-bubble>.ar-azeroth-footer35 .ar-azeroth-boundary{margin-left:calc(-100% - 12px);}}
@media(max-height:520px){#sanctuary-side-companion-r27 #ar-azeroth-bubble:not([hidden]){min-height:0;}#ar-azeroth-bubble>.ar-azeroth-footer35{padding-top:24px;}}

#ar-azeroth-bubble>.ar-azeroth-content35{display:block;flex:none;min-width:0;}
/* Keep the decorated header outside the scrollport. Only the body moves. */
#sanctuary-side-companion-r27.room-hub-workspace #sanctuary-resident-dialog{display:flex!important;flex-direction:column;min-height:0;overflow:hidden!important;}
#sanctuary-side-companion-r27.room-hub-workspace #sanctuary-resident-dialog>.room-hub-conversation-head{flex:0 0 76px;min-height:76px;box-sizing:border-box;}
#sanctuary-side-companion-r27.room-hub-workspace #ar-azeroth-bubble:not([hidden]){flex:1 1 auto;max-height:calc(100dvh - var(--hub-bar,76px) - 118px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-bottom:20px;}

/* r41: the resident bubble is portalled out of #ar-azeroth-cameo. Restore its
   quiet footer chevron here instead of inheriting generic boxed room buttons. */
#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--hud40-accent,#f874d1)!important;cursor:pointer;transform:none!important}
#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:none!important;background:none!important;border:0!important;box-shadow:none!important;color:inherit!important;overflow:visible}
#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle::before,
#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle::after{content:none!important}
#sanctuary-resident-dialog #ar-azeroth-bubble :is(.ar-azeroth-name-settings,.ar-azeroth-conversation-settings)>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#e8c6dc}
#sanctuary-resident-dialog #ar-azeroth-bubble summary::-webkit-details-marker{display:none}
#sanctuary-resident-dialog #ar-azeroth-bubble :is(.ar-azeroth-name-settings,.ar-azeroth-conversation-settings)>summary::marker{content:''}
#sanctuary-resident-dialog #ar-azeroth-bubble :is(.ar-azeroth-name-settings,.ar-azeroth-conversation-settings)>summary::after{content:'';display:block;position:static;flex:0 0 7px;width:7px;height:7px;margin:0 4px 4px;border:solid var(--hud40-accent,#f874d1);border-width:0 1.75px 1.75px 0;background:transparent;box-shadow:none;transform:rotate(45deg)}
#sanctuary-resident-dialog #ar-azeroth-bubble :is(.ar-azeroth-name-settings,.ar-azeroth-conversation-settings)[open]>summary::after{transform:rotate(225deg);margin-top:4px;margin-bottom:0}
#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle:focus-visible{outline:2px solid var(--hud40-focus,#dfa7ff)!important;outline-offset:2px!important}
@media(forced-colors:active){#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle{color:ButtonText!important}#sanctuary-resident-dialog #ar-azeroth-bubble :is(.ar-azeroth-name-settings,.ar-azeroth-conversation-settings)>summary::after{border-color:ButtonText}#sanctuary-resident-dialog #ar-azeroth-bubble .ar-azeroth-preferences-toggle:focus-visible{outline-color:Highlight!important}}