/* Shared client navigation styling, including the profile pages.
   Header display/visibility and menu open/close state remain owned by each page. */
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header {
  position:sticky!important;
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  top:0!important;left:0!important;right:0!important;
  padding:8px max(12px,env(safe-area-inset-right),env(safe-area-inset-left)) 10px!important;
  background:#071114!important;color:#f4f8f7!important;border:0!important;
  border-bottom:1px solid rgba(179,224,214,.16)!important;text-align:left!important;
  gap:0!important;min-height:62px;height:auto!important;flex:0 0 auto!important;z-index:100;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header > div:first-child:not(.dropdown){
  position:static!important;transform:none!important;box-sizing:border-box!important;
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;
  padding:0!important;text-align:left!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .lukhoo-logo-title{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;width:auto!important;max-width:calc(100% - 54px)!important;margin:0!important;padding:0!important;
  color:#f4f8f7!important;font:600 20.8px/1.1 Arial,sans-serif!important;letter-spacing:0!important;
  text-transform:none!important;white-space:nowrap!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .lukhoo-logo-title::before{content:none!important;display:none!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .lukhoo-logo-mark{
  display:inline-block!important;flex:0 0 42px!important;width:42px!important;height:42px!important;
  box-sizing:border-box!important;border:1px solid rgba(8,38,43,.16)!important;border-radius:8px!important;
  background:linear-gradient(145deg,#fff,#e9f8f6)!important;overflow:hidden!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .lukhoo-logo-mark svg{display:block!important;width:100%!important;height:100%!important}
/* Same 1.9-second draw/pulse sequence as the original profile logo. */
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lukhoo-logo-spoke{stroke-width:1.1;stroke-linecap:round;stroke-dasharray:22;animation:lkClientSpoke 1900ms ease-out infinite!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lukhoo-logo-node{transform-box:fill-box;transform-origin:center;animation:lkClientNode 1900ms ease-out infinite!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lukhoo-logo-hub{transform-box:fill-box;transform-origin:center;animation:lkClientHub 1900ms ease-in-out infinite!important}
@keyframes lkClientSpoke{0%,16%{stroke-dashoffset:22;opacity:0}40%{stroke-dashoffset:0;opacity:1}74%{stroke-dashoffset:0;opacity:.48}100%{stroke-dashoffset:0;opacity:0}}
@keyframes lkClientNode{0%,28%{transform:scale(.72);opacity:.2}42%{transform:scale(1.05);opacity:.95}100%{transform:scale(1);opacity:.72}}
@keyframes lkClientHub{0%,100%{transform:scale(.86)}24%{transform:scale(1.22)}62%{transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){
  body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lukhoo-logo-spoke,body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lukhoo-logo-node,body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lukhoo-logo-hub{animation:none!important;opacity:1;transform:none}
  body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lukhoo-logo-spoke{stroke-dashoffset:0}
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .slogan{
  display:block!important;position:static!important;transform:none!important;width:100%!important;
  margin:0!important;padding:0!important;min-height:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;color:#8bf3e8!important;
  text-align:center!important;font:700 12.5px/1.25 Arial,sans-serif!important;white-space:normal!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .menu-icon,
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropbtn{
  box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;margin:0!important;border:1px solid rgba(139,243,232,.36)!important;border-radius:8px!important;
  background:rgba(57,214,198,.08)!important;color:#8bf3e8!important;cursor:pointer;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font:normal 20px/1 Arial,sans-serif!important;text-shadow:none!important;box-shadow:none!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header > .menu-icon{position:absolute!important;top:10px!important;right:max(16px,env(safe-area-inset-right))!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .menu-icon::before{content:"\2630"!important;font:normal 20px/1 Arial,sans-serif!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown{
  position:absolute!important;top:0!important;right:max(16px,env(safe-area-inset-right))!important;left:auto!important;transform:none!important;
  width:42px!important;height:100%!important;margin:0!important;padding:0!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropbtn{position:absolute!important;top:10px!important;right:0!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header > .menu-icon + .dropdown{pointer-events:none!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .dropdown-content{pointer-events:auto!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content{
  position:absolute!important;top:100%!important;right:0!important;left:auto!important;
  width:min(86vw,280px)!important;min-width:0!important;max-width:calc(100vw - 32px)!important;
  box-sizing:border-box!important;padding:8px!important;gap:0!important;transform:none!important;
  border:1px solid rgba(179,224,214,.16)!important;border-radius:8px!important;
  background:rgba(7,17,20,.97)!important;box-shadow:0 18px 48px rgba(0,0,0,.35)!important;
  max-height:calc(100vh - 90px)!important;max-height:calc(100dvh - 90px)!important;
  overflow:auto!important;overscroll-behavior:contain;z-index:101!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  box-sizing:border-box!important;min-height:44px!important;margin:0 0 8px!important;padding:10px 12px!important;
  border:1px solid rgba(179,224,214,.16)!important;border-radius:8px!important;
  background:rgba(179,224,214,.06)!important;color:#f4f8f7!important;
  font:700 14px/1.3 Arial,sans-serif!important;letter-spacing:0!important;
  text-decoration:none!important;text-shadow:none!important;white-space:normal!important;
}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a:last-child{margin-bottom:0!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a::before,
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a::after{display:none!important;content:none!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a[href*="client_v1_ios."]{border-color:rgba(255,107,99,.42)!important;background:rgba(255,107,99,.13)!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a[href*="client_v1_ios-b."]{border-color:rgba(255,107,99,.42)!important;background:rgba(255,107,99,.13)!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a[href*="dashcam"]{border-color:rgba(244,195,91,.42)!important;background:rgba(244,195,91,.12)!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a[href*="witness"]{border-color:rgba(97,211,148,.4)!important;background:rgba(97,211,148,.11)!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a[href*="hireFindAttorney"]{border-color:rgba(139,243,232,.42)!important;background:rgba(57,214,198,.12)!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header.lk-client-header .dropdown-content a[id="logoutButton"]{border-color:rgba(255,107,99,.3)!important;background:rgba(255,107,99,.07)!important}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .lk-menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .menu-icon:focus-visible,body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .dropbtn:focus-visible,body:is(body,#lk-panic-page,#lk-witness-page,#lk-dashcam-page) header.lk-client-header .dropdown-content a:focus-visible{outline:2px solid #8bf3e8!important;outline-offset:2px}
