/* Header — copied from the approved MyNurseDesk design canvas. Regenerate with sync-design.py; do not edit by hand. */

/* ---- language picker (globe + code, like Indeed) ---- */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px 0 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:600 14px/1 var(--font-b);cursor:pointer;transition:border-color .2s,background-color .2s}
.lang-btn:hover,.lang-btn[aria-expanded="true"]{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:var(--surface-2)}
.lang-btn .ico{width:18px;height:18px;color:var(--link)}
.lang-btn .chev{width:14px;height:14px;color:var(--muted);transition:transform .2s}
.lang-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.lang-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:230px;padding:8px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-3);display:none}
.lang.is-open .lang-pop{display:block;animation:lp-in .2s ease both}
@keyframes lp-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lang-pop p{margin:4px 10px 8px;font:600 12.5px/1 var(--font-b);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lang-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:12px;background:none;color:var(--text);font:500 15px/1.2 var(--font-b);text-align:left;cursor:pointer}
.lang-opt:hover{background:var(--surface-2)}
.lang-opt b{display:grid;place-items:center;flex:none;width:30px;height:22px;border-radius:6px;background:var(--surface-3);font:700 11px/1 var(--font-b);color:var(--muted)}
.lang-opt span{flex:1}
.lang-opt .ico{width:18px;height:18px;color:var(--link);opacity:0}
.lang-opt[aria-checked="true"]{background:var(--blue-soft);color:var(--link);font-weight:600}
.lang-opt[aria-checked="true"] b{background:var(--blue);color:#fff}
.lang-opt[aria-checked="true"] .ico{opacity:1}
@media(max-width:479px){.lang-btn .chev{display:none}.lang-btn{padding:0 9px}}
@media(max-width:389px){.lang-btn{width:40px;padding:0;justify-content:center;font-size:0;gap:0}.lang-btn .ico{width:19px;height:19px}.lang-pop{right:-30px}}
@media(max-width:359px){:root .hdr-actions{gap:2px}:root .hdr-actions .icon-btn{width:38px;height:38px}.lang-btn{width:36px;height:36px}}


/* ===== 30 Oct · header search: icon expands to the left (component classes .hsx-*) ===== */
.hsx{--sx-b:#B7DEDA;display:flex;align-items:center;box-sizing:border-box;flex:none;width:0;height:44px;margin:0 -2px 0 0;padding:0;overflow:hidden;visibility:hidden;opacity:0;background:var(--surface);border:0 solid transparent;border-radius:10px;transition:width .28s ease,opacity .2s ease,margin .28s ease,padding .28s ease,border-color .28s ease,visibility 0s linear .28s}
:root[data-theme="dark"] .hsx{--sx-b:color-mix(in srgb,var(--blue) 40%,var(--line))}
.hsx.is-open{width:380px;margin-right:8px;padding:0 5px 0 16px;visibility:visible;opacity:1;border-width:1px;border-color:var(--sx-b);transition:width .28s ease,opacity .2s ease,margin .28s ease,padding .28s ease,border-color .28s ease,visibility 0s}
.hsx.is-open:focus-within{border-color:var(--blue)}
.hsx-input{flex:1;min-width:0;height:100%;border:0;outline:0;box-shadow:none;background:transparent;color:var(--text);font:400 15px/1 var(--font-b);padding:0}
.hsx-input::placeholder{color:var(--muted);opacity:1}
.hsx-input::-webkit-search-cancel-button,.hsx-input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.hsx-go{display:none!important}
.hsx-x{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:none;color:var(--text);cursor:pointer}
.hsx-x:hover{background:var(--surface-2)}
.hsx-x:focus-visible,.hsx-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.hsx-x .ico{width:18px;height:18px}
@media(min-width:1024px) and (max-width:1359px){:root .hdr-in.hsx-on .nav{display:none}}
@media(max-width:1023px){
  .hsx{position:absolute;left:var(--gutter);right:var(--gutter);margin:0;top:50%;transform:translateY(-50%);width:auto;z-index:70;clip-path:inset(0 0 0 100%);transition:clip-path .28s ease,opacity .2s ease,border-color .28s ease,visibility 0s linear .28s}
  .hsx.is-open{width:auto;margin:0;clip-path:inset(0);box-shadow:var(--shadow-2);transition:clip-path .28s ease,opacity .2s ease,border-color .28s ease,visibility 0s}
}
@media(prefers-reduced-motion:reduce){.hsx,.hsx.is-open{transition:none!important}}