/* HorecaHire Support Lite: isolated frontend styling; no third-party assets. */
#hhsl-root,#hhsl-root *{box-sizing:border-box}
#hhsl-root{--hhsl-ink:#1c3145;--hhsl-muted:#66798b;--hhsl-border:#dce5ee;--hhsl-blue:#165a75;--hhsl-focus:#217b96;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
#hhsl-root [hidden]{display:none!important}
#hhsl-launch{position:fixed;right:21px;bottom:24px;z-index:1200;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:49px;min-width:49px;padding:0 16px;border:1px solid #315e75;border-radius:999px;box-shadow:0 5px 20px rgba(20,44,63,.19);background:#174a65;color:#fff;font:700 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
#hhsl-launch:hover{background:#103e56;transform:translateY(-2px);box-shadow:0 8px 25px rgba(20,44,63,.23)}
#hhsl-launch svg{display:block;flex-shrink:0}
#hhsl-root button:focus-visible,#hhsl-root a:focus-visible,#hhsl-root input:focus-visible,#hhsl-root select:focus-visible,#hhsl-root textarea:focus-visible{outline:3px solid var(--hhsl-focus)!important;outline-offset:2px}
#hhsl-panel{position:fixed;right:20px;bottom:87px;z-index:1201;width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 105px);display:flex;flex-direction:column;overflow:hidden;background:#fff;color:var(--hhsl-ink);border:1px solid var(--hhsl-border);border-radius:18px;box-shadow:0 12px 55px rgba(12,37,58,.25);text-align:left;isolation:isolate}
#hhsl-panel .hhsl-head{display:flex;align-items:center;gap:11px;padding:16px 17px;background:#f4f8fb;border-bottom:1px solid var(--hhsl-border)}
#hhsl-panel .hhsl-head-icon{display:flex;width:34px;height:34px;flex-shrink:0;align-items:center;justify-content:center;background:#daeaf1;border-radius:11px;color:#174a65;font-size:22px;font-weight:800}
#hhsl-panel .hhsl-head-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
#hhsl-panel .hhsl-head-copy strong{font-size:15px;line-height:1.25;letter-spacing:0;color:#1b3e54}
#hhsl-panel .hhsl-head-copy small{font-size:12px;color:var(--hhsl-muted)}
#hhsl-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:transparent;border:0;border-radius:9px;color:#516778;font-size:26px;font-weight:400;cursor:pointer}
#hhsl-close:hover{background:#e7eef5}
#hhsl-panel .hhsl-body{overflow-y:auto;padding:16px 18px 18px;overscroll-behavior:contain;scrollbar-width:thin}
#hhsl-form{display:flex;flex-direction:column;gap:7px;margin:0}
#hhsl-form>label:not(.hhsl-consent){display:block;font-size:12px;font-weight:750;color:#2d455a;margin-top:5px;margin-bottom:0}
#hhsl-form>label span{font-weight:400;color:#738396}
#hhsl-form input:not([type=hidden]):not([type=checkbox]),#hhsl-form select,#hhsl-form textarea{display:block;width:100%;min-height:42px;max-width:100%;margin:0;padding:10px 12px;border-radius:9px;border:1px solid #cddbe6;background:#fff;color:#172f44;font:400 15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:none;appearance:auto}
#hhsl-form textarea{min-height:92px;resize:vertical}
#hhsl-form input::placeholder,#hhsl-form textarea::placeholder{color:#8997a4}
#hhsl-form .hhsl-consent{display:flex;align-items:flex-start;gap:9px;margin-top:8px;font-size:11.5px;line-height:1.5;color:#55687b;font-weight:400}
#hhsl-form .hhsl-consent input{width:16px;height:16px;flex:0 0 16px;margin:1px 0 0;accent-color:#15637c}
#hhsl-form a,#hhsl-panel a{color:#145f81;text-decoration:underline;text-underline-offset:2px}
#hhsl-submit-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;margin-top:7px;border:0;border-radius:10px;background:#176179;color:#fff;font:700 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
#hhsl-submit-button:hover{background:#0f4c63}
#hhsl-submit-button:disabled{opacity:.65;cursor:wait}
#hhsl-form .hhsl-caption{margin:7px 0 0;color:#708092;font-size:11px;line-height:1.5;text-align:center}
#hhsl-form .hhsl-form-error{margin:4px 0;padding:9px 11px;background:#fff0ed;border:1px solid #f0c4bb;border-radius:8px;color:#9e322a;font-size:12px}
#hhsl-root .hhsl-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
#hhsl-success{text-align:center;padding:20px 2px 8px}
#hhsl-success strong{display:block;font-size:17px;color:#1c604d}
#hhsl-success p{font-size:13px;line-height:1.6;margin:13px 0 18px;color:#37556a}
#hhsl-success b{white-space:nowrap}
#hhsl-another{background:#eef4f8;border:1px solid #ccdae6;border-radius:9px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700;color:#23506a;cursor:pointer}
#hhsl-root .hhsl-noscript{position:fixed;bottom:24px;right:20px;z-index:1200;background:#174a65;color:#fff;padding:9px 13px;border-radius:30px}
@media(max-width:720px){
 #hhsl-launch{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));width:49px;height:49px;min-width:49px;min-height:49px;padding:0;border-radius:50%}
 #hhsl-launch .hhsl-launch-label{display:none}
 #hhsl-panel{right:10px;bottom:calc(139px + env(safe-area-inset-bottom));width:min(370px,calc(100vw - 20px));max-height:calc(100dvh - 154px - env(safe-area-inset-bottom));border-radius:16px}
 #hhsl-form input:not([type=hidden]):not([type=checkbox]),#hhsl-form select,#hhsl-form textarea{font-size:16px}
 #hhsl-root .hhsl-noscript{bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media(max-height:540px) and (min-width:721px){
 #hhsl-panel{max-height:calc(100dvh - 90px)}
}
@media(prefers-reduced-motion:reduce){
 #hhsl-launch{transition:none}
 #hhsl-launch:hover{transform:none}
}
@media print{#hhsl-root{display:none!important}}

/* v1.1.1: the launcher itself is draggable before Support is opened. */
#hhsl-root .hhsl-drag-grip{display:none}
#hhsl-root .hhsl-sr-only{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}
@media (max-width:720px){
 #hhsl-root #hhsl-launch{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transition:left .17s ease,top .17s ease,box-shadow .16s ease}
 #hhsl-root #hhsl-launch.hhsl-dragging{transition:none!important;cursor:grabbing;box-shadow:0 9px 28px rgba(20,44,63,.28)}
 #hhsl-root #hhsl-launch .hhsl-drag-grip{position:absolute;right:-4px;top:-4px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:#edf7fb;border:1px solid #8eb5c4;color:#174a65;pointer-events:none}
 #hhsl-root #hhsl-close{min-width:44px;width:44px;min-height:44px;height:44px}
 #hhsl-root #hhsl-panel{left:10px;right:10px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom));max-height:calc(100dvh - 98px - env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){#hhsl-root #hhsl-launch{transition:none!important}}
/* v1.2: compact mobile bottom sheet, safe foreground interactions. */
#hhsl-root .hhsl-backdrop{position:fixed;inset:0;z-index:1195;background:rgba(10,28,45,.42);-webkit-tap-highlight-color:transparent}
@media(max-width:720px){
  #hhsl-root #hhsl-panel{left:0;right:0;width:100%;max-width:none;border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -12px 38px rgba(7,27,42,.22);overscroll-behavior:contain;transform:translateZ(0)}
  #hhsl-root #hhsl-panel .hhsl-head{flex-shrink:0;padding:20px 16px 12px;position:relative}
  #hhsl-root #hhsl-panel .hhsl-head::before{content:"";position:absolute;top:7px;left:calc(50% - 21px);width:42px;height:4px;border-radius:10px;background:#bccbd4}
  #hhsl-root #hhsl-panel .hhsl-body{min-height:0;overflow-y:auto;padding:14px 16px calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  #hhsl-root.hhsl-open #hhsl-launch{opacity:0;pointer-events:none}
  #hhsl-root #hhsl-close{min-height:44px;min-width:44px}
  #hhsl-root.hhsl-keyboard #hhsl-panel .hhsl-head{padding-top:13px;padding-bottom:9px}
  #hhsl-root.hhsl-keyboard #hhsl-panel .hhsl-head::before{display:none}
  #hhsl-root.hhsl-keyboard #hhsl-panel .hhsl-body{padding-bottom:12px}
}
@media(prefers-reduced-motion:reduce){#hhsl-root #hhsl-panel{scroll-behavior:auto}}



/* v1.3–v1.5: private status link and lightweight self-service FAQs. */
#hhsl-root .hhsl-quick-faq{border:1px solid #e0eaf0;border-radius:11px;background:#f7fafc;margin-bottom:14px;padding:12px 13px;font-size:12px;line-height:1.5}
#hhsl-root .hhsl-quick-faq summary{cursor:pointer;font-size:13px;font-weight:750;color:#24465a}
#hhsl-root .hhsl-quick-faq p{margin:10px 0 0;color:#51697b}
#hhsl-root #hhsl-success #hhsl-track-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:#e7f3f7;border:1px solid #b7d4df;border-radius:9px;font-size:13px;font-weight:750;color:#0b5772}
#hhsl-root #hhsl-success #hhsl-track-link[hidden]{display:none!important}
#hhsl-root #hhsl-success .hhsl-caption{margin:6px 0 18px;color:#718391;font-size:11px}