/* One circular treatment for public icon controls, including chat submit buttons. */
html[data-theme] body[data-button-style] :where(.site-header,#support-dialog,.sidebar) :is(button.icon-button,button.dialog-close,button.menu-close),html[data-theme] body[data-button-style] button.chat-minimized{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex-shrink:0!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;aspect-ratio:1!important;border-radius:50%!important;padding:0!important;line-height:1!important;background:linear-gradient(135deg,#ffffff22,#ffffff00)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:0 5px 12px #00000026,inset 0 1px 2px #ffffff70,inset 0 -2px 4px #00000020!important;filter:none!important;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s!important;
}
html[data-theme] body[data-button-style] :where(.site-header,#support-dialog,.sidebar) :is(button.icon-button,button.dialog-close,button.menu-close):hover,html[data-theme] body[data-button-style] button.chat-minimized:hover{background:var(--selected)!important;border-color:var(--muted)!important;transform:translateY(-1px)!important}
html[data-theme] body[data-button-style] :where(.site-header,#support-dialog,.sidebar) :is(button.icon-button,button.dialog-close,button.menu-close):active{transform:scale(.94)!important;background:var(--selected)!important}
html[data-theme] body[data-button-style] :where(.site-header,#support-dialog,.sidebar) :is(button.icon-button,button.dialog-close,button.menu-close):focus-visible{outline:2px solid #8170ff!important;outline-offset:3px}
html[data-theme] body[data-button-style] :where(.site-header,#support-dialog,.sidebar) :is(button.icon-button,button.dialog-close,button.menu-close)::before,html[data-theme] body[data-button-style] :where(.site-header,#support-dialog,.sidebar) :is(button.icon-button,button.dialog-close,button.menu-close)::after{display:none!important}
html[data-theme] body[data-button-style] :where(.site-header,#support-dialog,.sidebar) :is(button.icon-button,button.dialog-close,button.menu-close)>svg{display:block!important;position:static!important;transform:none!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important}
html[data-theme] body[data-button-style] #support-dialog :is(.dialog-close,.chat-minimize){position:absolute!important;top:18px!important;bottom:auto!important;margin:0!important;float:none!important;transform:none!important}
html[data-theme] body[data-button-style] #support-dialog .dialog-close{right:18px!important;left:auto!important}html[data-theme] body[data-button-style] #support-dialog .chat-minimize{right:64px!important;left:auto!important}
html[data-theme] body[data-button-style] .site-header [hidden],html[data-theme] body[data-button-style] .chat-minimized[hidden]{display:none!important}
@media(min-width:1101px){html[data-theme] body[data-button-style] .site-header :is(.menu-toggle,.header-support){display:none!important}html[data-theme] body[data-button-style] .sidebar .menu-close{display:none!important}}
@media(max-width:1100px){html[data-theme] body[data-button-style] .site-header button.icon-button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}html[data-theme] body[data-button-style] .site-header{height:54px!important;min-height:54px!important;max-height:54px!important;padding-block:3px!important;grid-template-rows:36px!important}html[data-theme] body[data-button-style] .site-header .fullscreen-toggle{display:none!important}}
@media(max-width:720px){html[data-theme] body [data-home-module=hero] .hero-carousel{height:clamp(175px,46vw,255px)!important;min-height:175px!important}}

/* Keep focus rings inside the scrollable form and reserve a full row for chat controls. */
#support-dialog h2{font-size:21px;line-height:1.3;margin:34px 0 2px;flex-shrink:0}
#support-dialog>form[method=dialog]{height:0;min-height:0;margin:0;flex:none}
#support-dialog #chat-start{padding:5px;margin:-5px;scroll-padding:6px}
#support-dialog :is(input:not([type=checkbox]),textarea):focus-visible{outline:2px solid #8170ff;outline-offset:-2px;box-shadow:inset 0 0 0 1px #8170ff}
html[data-theme] body[data-button-style] button.chat-minimized{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important}
.chat-minimized :is(.content-icon,img,svg){display:block!important;width:26px!important;height:26px!important;min-width:0!important;margin:0!important;padding:0!important;object-fit:contain}
@media(max-width:720px){#support-dialog h2{font-size:20px;margin-top:36px}#support-dialog[open]{gap:12px}}