/* Island Car Log — profile ignition sign-in/sign-out status v2 */
#app .account-bar .profile-account-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
#app .account-bar .profile-ignition-status{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:6px 9px 6px 8px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(16,34,54,.88),rgba(8,20,34,.76));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px rgba(0,0,0,.18);
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
}
#app .account-bar .profile-ignition{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 38% 34%,#667887 0 8%,transparent 9%),
    radial-gradient(circle,#303e49 0 42%,#17232c 43% 62%,#73828d 63% 67%,#18242d 68% 100%);
  border:1px solid rgba(220,235,246,.46);
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.12),
    inset 0 -4px 8px rgba(0,0,0,.34),
    0 5px 14px rgba(0,0,0,.22);
}
#app .account-bar .profile-ignition::before{
  content:"OFF";
  position:absolute;
  right:-2px;
  top:1px;
  color:rgba(255,255,255,.62);
  font-size:6px;
  font-weight:900;
  letter-spacing:.10em;
}
#app .account-bar .profile-ignition::after{
  content:"ON";
  position:absolute;
  right:-1px;
  bottom:1px;
  color:rgba(255,255,255,.62);
  font-size:6px;
  font-weight:900;
  letter-spacing:.10em;
}
#app .account-bar .profile-ignition-key{
  position:absolute;
  left:50%;
  top:50%;
  width:30px;
  height:10px;
  margin-left:0;
  margin-top:-5px;
  transform:rotate(-48deg);
  transform-origin:0 50%;
  will-change:transform;
}
#app .account-bar .profile-ignition-key::before{
  content:"";
  position:absolute;
  left:-3px;
  top:1px;
  width:14px;
  height:8px;
  border-radius:4px 2px 2px 4px;
  background:linear-gradient(180deg,#eef5f9,#9fb0bc);
  border:1px solid rgba(255,255,255,.66);
  box-shadow:0 2px 4px rgba(0,0,0,.24);
}
#app .account-bar .profile-ignition-key::after{
  content:"";
  position:absolute;
  left:9px;
  top:3px;
  width:21px;
  height:5px;
  border-radius:1px;
  background:linear-gradient(180deg,#ccd7de,#7e909d);
  box-shadow:inset -4px 0 0 rgba(31,47,59,.28);
}
#app .account-bar .profile-ignition-key-head{
  position:absolute;
  left:-15px;
  top:-5px;
  width:16px;
  height:18px;
  border-radius:8px 8px 6px 6px;
  background:linear-gradient(145deg,#202f3a,#0e1720);
  border:1px solid rgba(183,205,219,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 3px 7px rgba(0,0,0,.28);
}
#app .account-bar .profile-ignition-key-head::after{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  border:1px solid rgba(181,203,218,.45);
}
#app .account-bar .profile-ignition-light{
  width:11px;
  height:11px;
  flex:0 0 11px;
  border-radius:50%;
  background:#b83232;
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 0 0 3px rgba(184,50,50,.12),0 0 10px rgba(218,62,62,.55);
  will-change:background,box-shadow,transform;
}
#app .account-bar .profile-ignition-light.is-on{
  background:#36d478;
  box-shadow:0 0 0 3px rgba(54,212,120,.14),0 0 12px rgba(54,212,120,.88),0 0 22px rgba(54,212,120,.38);
}
#app .account-bar .profile-ignition-status-text{
  color:rgba(255,255,255,.78);
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  min-width:17px;
}
#app .account-bar .profile-ignition-status-text.is-on{color:#83e8aa}
#app .account-bar #profileSignOutButton{
  width:auto;
  min-width:94px;
  margin:0;
}
@media(max-width:720px){
  #app .account-bar .profile-account-actions{
    width:100%;
    justify-content:flex-end;
  }
  #app .account-bar #profileSignOutButton{
    width:auto!important;
    flex:0 0 auto;
  }
}
@media(max-width:430px){
  #app .account-bar .profile-account-actions{gap:8px}
  #app .account-bar .profile-ignition-status{padding-right:7px}
  #app .account-bar .profile-ignition-status-text{display:none}
}
@media(prefers-reduced-motion:reduce){
  #app .account-bar .profile-ignition-key,
  #app .account-bar .profile-ignition-light{transition:none!important}
}