/* Compact by default; expanded state keeps the familiar Filou panel. */
.hi-filou-widget{position:fixed;right:20px;bottom:20px;z-index:10000;text-align:center;font-family:inherit;line-height:1.25}
/* Native HTML details/summary: first tap expands, it does not open yalst. */
.hi-filou-widget>.hi-filou-compact{display:flex!important;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;padding:7px 12px 7px 9px;margin:0;min-height:48px;border:0;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 3px 14px rgba(0,0,0,.15);color:#242424;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hi-filou-widget>.hi-filou-compact::-webkit-details-marker{display:none}
.hi-filou-widget>.hi-filou-compact::marker{content:"";font-size:0}
.hi-filou-widget>.hi-filou-compact:hover{box-shadow:0 5px 18px rgba(0,0,0,.22)}
.hi-filou-widget .hi-filou-compact-image{display:block!important;width:36px!important;height:auto!important;max-width:none!important;margin:0!important;border:0!important;flex:none}
.hi-filou-widget .hi-filou-compact-label{display:block;color:#242424;font-size:14px;font-weight:700;line-height:1.25;white-space:nowrap}
/* JS enhanced: summary disappears in expanded mode; separate close button remains. */
.hi-filou-widget.hi-filou-enhanced[open]>.hi-filou-compact{display:none!important}
.hi-filou-widget:not([open])>.hi-filou-panel{display:none!important}
/* Expanded card styling kept from v1.0.5. */
.hi-filou-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.96);padding:7px 9px 8px;border-radius:13px;box-shadow:0 3px 14px rgba(0,0,0,.15)}
.hi-filou-panel:hover{box-shadow:0 5px 18px rgba(0,0,0,.22)}
.hi-filou-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none!important;color:#242424!important;cursor:pointer;border-radius:5px}
.hi-filou-widget .hi-filou-image{display:block!important;width:88px!important;height:auto!important;max-width:none!important;border:0!important;margin:0!important}
.hi-filou-status{display:block;font-size:14px;font-weight:700;white-space:nowrap}
.hi-filou-widget[data-state="online"] .hi-filou-status{color:#047d36}
.hi-filou-widget[data-state="offline"] .hi-filou-status{color:#555}
.hi-filou-widget[data-state="busy"] .hi-filou-status{color:#9a6500}
.hi-filou-widget[data-state="unknown"] .hi-filou-status{color:#555}
/* Independent privacy link stays in the full-size mask. */
.hi-filou-panel .hi-filou-privacy{display:block;color:#404040!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;text-decoration:underline!important;text-underline-offset:2px;margin:6px 0 0!important;padding:6px 6px 3px!important;min-height:26px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,.13);white-space:nowrap;cursor:pointer;border-radius:2px}
.hi-filou-panel .hi-filou-privacy:visited{color:#404040!important}
.hi-filou-panel .hi-filou-privacy:hover{color:#007c31!important}
/* Minimize without altering the image/status/privacy link dimensions. */
.hi-filou-collapse{position:absolute;right:-8px;top:-9px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:26px;height:26px;min-width:26px;min-height:26px;padding:0;margin:0;border:1px solid #d6dadd;border-radius:50%;background:#fff;color:#242424;font-family:Arial,sans-serif;font-size:19px;font-weight:400;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer;z-index:1}
.hi-filou-collapse:hover{background:#f1f3f4}
.hi-filou-widget>.hi-filou-compact:focus-visible,.hi-filou-link:focus-visible,.hi-filou-privacy:focus-visible,.hi-filou-collapse:focus-visible{outline:3px solid #00a4d6;outline-offset:3px}
.hi-filou-widget.hi-filou-enhanced[open] .hi-filou-panel{animation:hi-filou-expand .18s ease-out both;transform-origin:bottom right}
@keyframes hi-filou-expand{from{opacity:.75;transform:scale(.93)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.hi-filou-widget.hi-filou-enhanced[open] .hi-filou-panel{animation:none}}
@media(max-width:600px){
  .hi-filou-widget{right:12px;bottom:12px}
  .hi-filou-widget .hi-filou-image{width:72px!important}
  .hi-filou-status{font-size:12px}
  .hi-filou-widget>.hi-filou-compact{min-height:43px;gap:8px;padding:6px 11px 6px 7px}
  .hi-filou-widget .hi-filou-compact-image{width:30px!important}
  .hi-filou-widget .hi-filou-compact-label{font-size:13px}
}