/* KU-KU V9.2.5 — messenger-first redesign. Visual layer only; application logic stays unchanged. */
:root{
  --k92-bg:#070b14;
  --k92-surface:#0d1422;
  --k92-surface-2:#121c2d;
  --k92-surface-3:#18243a;
  --k92-line:rgba(159,185,230,.14);
  --k92-line-strong:rgba(159,185,230,.24);
  --k92-blue:#2f8cff;
  --k92-blue-2:#66b4ff;
  --k92-blue-soft:rgba(47,140,255,.14);
  --k92-text:#f7f9fd;
  --k92-muted:#91a0b7;
  --k92-green:#42d982;
  --k92-yellow:#e3c94c;
  --k92-red:#ff5964;
  --k92-radius:22px;
  --k92-shadow:0 22px 60px rgba(0,0,0,.30);
  /* Legacy palette bridge: V9 brown/gold is intentionally removed in V9.2. */
  --gold:var(--k92-blue);
  --gold2:var(--k92-blue-2);
  --line:rgba(159,185,230,.14);
  font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
  color-scheme:dark;
}
html{background:var(--k92-bg)!important}
body{
  background:
    radial-gradient(900px 560px at 105% -8%,rgba(47,140,255,.16),transparent 62%),
    radial-gradient(760px 520px at -15% 105%,rgba(32,84,180,.11),transparent 65%),
    var(--k92-bg)!important;
  color:var(--k92-text)!important;
  font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%)}

/* Desktop shell */
.app-shell{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;min-height:100dvh!important}
aside,.kuku-sidebar-owner{
  position:sticky!important;top:0!important;height:100dvh!important;
  padding:22px 14px 18px!important;
  border:0!important;border-right:1px solid var(--k92-line)!important;
  background:rgba(7,12,21,.82)!important;
  backdrop-filter:blur(28px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(130%)!important;
  box-shadow:10px 0 40px rgba(0,0,0,.16)!important;
}
.brand{margin:0!important;min-height:0!important}
.brand .crest,.brand>div:last-child{display:none!important}
.kuku-side-brand{margin:0 auto 20px!important;padding:6px 10px 14px!important;border-bottom:1px solid var(--k92-line)!important}
.kuku-side-brand img,.brand .kuku-sidebar-logo{
  width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important;
  border-radius:28px!important;object-fit:cover!important;
  box-shadow:0 15px 40px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.08),0 0 32px rgba(47,140,255,.16)!important;
}
#nav,nav{display:grid!important;gap:6px!important;padding:0 2px!important}
#nav[hidden]{display:grid!important}
.nav,#nav .nav{
  position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;
  min-height:46px!important;padding:0 14px!important;margin:0!important;
  border:1px solid transparent!important;border-radius:14px!important;
  background:transparent!important;color:#9ba9bc!important;
  font-size:14px!important;font-weight:700!important;letter-spacing:0!important;text-align:left!important;
  box-shadow:none!important;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.nav::before{width:24px;height:24px;display:grid;place-items:center;font-size:17px;line-height:1;color:currentColor;opacity:.92}
.nav[data-view="chat91View"]::before,.nav[data-view="messages"]::before{content:"✉"}
.nav[data-view="video"]::before{content:"⌕";font-size:21px;transform:rotate(-25deg)}
.nav[data-view="groups"]::before{content:"◉"}
.nav[data-view="location"]::before,.nav[data-view="map"]::before{content:"⌖";font-size:20px}
.nav[data-view="home"]::before,.nav[data-view="overview"]::before{content:"⌂";font-size:19px}
.nav:hover{background:rgba(255,255,255,.035)!important;color:#d9e5f7!important}
.nav.active{
  color:#fff!important;border-color:rgba(95,170,255,.22)!important;
  background:linear-gradient(90deg,rgba(47,140,255,.20),rgba(47,140,255,.08))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.nav.active::after{content:"";position:absolute;left:-2px;top:11px;bottom:11px;width:3px;border-radius:4px;background:var(--k92-blue);box-shadow:0 0 15px rgba(47,140,255,.7)}
.bottom{margin-top:auto!important;padding:14px 4px 0!important;border-top:1px solid var(--k92-line)!important;gap:8px!important}
.status{background:rgba(255,255,255,.025)!important;border:1px solid var(--k92-line)!important;color:var(--k92-muted)!important;border-radius:12px!important}
.status.ok{color:var(--k92-green)!important;border-color:rgba(66,217,130,.18)!important}
#logout{width:100%!important;background:transparent!important;border:1px solid var(--k92-line)!important;color:#a9b7ca!important}

main{width:100%!important;min-width:0!important;padding:0 34px 64px!important;background:transparent!important}
#app>header,main>header{
  position:sticky!important;top:0!important;z-index:80!important;
  margin:0 -34px 26px!important;padding:21px 34px 17px!important;
  background:linear-gradient(180deg,rgba(7,11,20,.94),rgba(7,11,20,.76))!important;
  border:0!important;border-bottom:1px solid var(--k92-line)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important;
}
#app>header .eyebrow,main>header .eyebrow{display:none!important}
#app>header h1,main>header h1{margin:0!important;color:var(--k92-text)!important;font-size:29px!important;font-weight:780!important;letter-spacing:-.7px!important}
.user-chip{
  gap:10px!important;padding:5px 12px 5px 5px!important;border:1px solid var(--k92-line)!important;
  background:rgba(255,255,255,.035)!important;border-radius:999px!important;box-shadow:none!important;
}
.user-chip span{width:33px!important;height:33px!important;background:linear-gradient(145deg,#4ba1ff,#176ddd)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important}
.user-chip strong{font-size:13px!important;color:#dfe7f4!important}
.view{max-width:1240px!important;margin:0 auto!important}

/* Cards and typography */
.panel,.hero-card,.stat,.card,.group-card,.ei-rx-card{
  background:linear-gradient(180deg,rgba(17,27,44,.92),rgba(11,18,31,.94))!important;
  border:1px solid var(--k92-line)!important;
  box-shadow:0 16px 50px rgba(0,0,0,.16)!important;
}
.panel,.hero-card{border-radius:var(--k92-radius)!important;padding:22px!important;margin-bottom:16px!important}
.panel h2,.hero-card h2{color:#f7f9fd!important;letter-spacing:-.35px!important}
.panel h2{font-size:20px!important;margin:0 0 14px!important}
.muted{color:var(--k92-muted)!important}
.hero-card{position:relative!important;overflow:hidden!important;min-height:160px!important;align-items:flex-end!important;background:linear-gradient(135deg,#13213a 0%,#0c1424 62%,#0a111d 100%)!important}
.hero-card::after{content:"KU";position:absolute;right:22px;top:4px;font-size:112px;font-weight:950;letter-spacing:-12px;color:rgba(69,153,255,.08);line-height:1;pointer-events:none}
.hero-card .gold{color:var(--k92-blue-2)!important}
.hero-card h2{font-size:31px!important;margin:6px 0 5px!important}
.hero-card p{max-width:620px!important;color:#99a9c0!important;margin-bottom:0!important}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}
.stat{border-radius:18px!important;padding:17px 18px!important;min-height:96px!important;background:rgba(16,25,41,.86)!important;box-shadow:none!important}
.stat span{font-size:12px!important;color:#8190a6!important;font-weight:650!important}
.stat strong{margin-top:8px!important;display:block!important;font-size:27px!important;color:#f8fbff!important;font-weight:780!important;letter-spacing:-.6px!important}
.cards{gap:10px!important}
.card{border-radius:17px!important;padding:16px!important;background:rgba(15,24,39,.8)!important;box-shadow:none!important}
.card h3{color:#f3f7fd!important;font-size:16px!important}
.split{gap:12px!important;margin-top:0!important}
.group-list{gap:12px!important}
.group-card{border-radius:20px!important;padding:18px!important;background:rgba(15,24,39,.84)!important;box-shadow:none!important}
.group-head{align-items:flex-start!important}
.code{font-family:"SFMono-Regular",Consolas,monospace!important;color:var(--k92-blue-2)!important;font-size:16px!important;letter-spacing:2px!important}
.member{padding:12px 2px!important;border-top:1px solid var(--k92-line)!important;min-height:48px!important;align-items:center!important}
.member strong,.kuku-member-name{font-size:14px!important;color:#eef3fb!important}
.role{font-size:9px!important;letter-spacing:.7px!important;text-transform:uppercase!important;border:1px solid rgba(82,157,255,.24)!important;background:rgba(47,140,255,.08)!important;color:#8bc3ff!important;padding:5px 8px!important}
.kuku-star{width:13px!important;height:13px!important;flex:0 0 13px!important;background:#596273!important}
.kuku-star.online{background:var(--k92-green)!important;box-shadow:0 0 0 3px rgba(66,217,130,.08)!important}
.kuku-star.recent{background:var(--k92-yellow)!important;box-shadow:none!important}

/* Inputs and controls */
label{color:#c8d3e2!important;font-size:12px!important;font-weight:700!important;letter-spacing:.05px!important}
input,select,textarea{
  background:#0a1220!important;color:#f7f9fd!important;border:1px solid var(--k92-line-strong)!important;
  border-radius:13px!important;padding:12px 13px!important;font-size:15px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
input::placeholder,textarea::placeholder{color:#66758b!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(64,153,255,.68)!important;box-shadow:0 0 0 3px rgba(47,140,255,.10)!important}
button{min-height:40px!important;border-radius:12px!important;padding:9px 14px!important;font-size:13px!important;font-weight:760!important;letter-spacing:.02px!important;transition:transform .12s ease,filter .12s ease,border-color .12s ease!important}
button:active{transform:scale(.98)!important}
button.primary,.primary{background:linear-gradient(180deg,#3a96ff,#1875e3)!important;color:#fff!important;border:1px solid #54a5ff!important;box-shadow:0 8px 22px rgba(16,108,226,.22),inset 0 1px 0 rgba(255,255,255,.22)!important}
button.primary:hover,.primary:hover{filter:brightness(1.06)!important}
.secondary{background:rgba(255,255,255,.045)!important;color:#d6e0ef!important;border:1px solid var(--k92-line-strong)!important;box-shadow:none!important}
.danger{background:rgba(255,89,100,.09)!important;color:#ff8991!important;border:1px solid rgba(255,89,100,.24)!important}
.actions{gap:8px!important}
.msg,.status-box{background:rgba(255,255,255,.025)!important;border-color:var(--k92-line)!important;color:#a8b5c8!important}
.msg{border-radius:13px!important}
.status-box{border-top:1px solid var(--k92-line)!important}
.status-box strong{color:#f3f7fd!important}
#realMap{height:min(62vh,620px)!important;border:1px solid var(--k92-line-strong)!important;border-radius:20px!important;box-shadow:var(--k92-shadow)!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#101827!important;color:#f7f9fd!important}
.ei-marker{background:var(--k92-blue)!important;border-color:#c9e4ff!important;box-shadow:0 0 0 7px rgba(47,140,255,.18)!important}

/* Video */
.video-grid{gap:12px!important}
.video-tile{min-height:230px!important;border:1px solid var(--k92-line)!important;border-radius:20px!important;background:#050912!important;box-shadow:0 15px 44px rgba(0,0,0,.24)!important}
.video-tile label{left:12px!important;bottom:11px!important;background:rgba(5,9,18,.72)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:999px!important;padding:6px 10px!important;backdrop-filter:blur(12px)!important}
.event{background:#0a1220!important;border-color:var(--k92-line)!important;color:#adbbce!important}

/* Messaging */
#chat91View{max-width:1080px!important}
#chat91View>.panel{padding:0!important;overflow:hidden!important;min-height:calc(100dvh - 132px)!important;display:flex!important;flex-direction:column!important}
#chat91View .chat91-title{padding:18px 20px!important;border-bottom:1px solid var(--k92-line)!important;background:rgba(255,255,255,.015)!important}
#chat91View .chat91-title h2{font-size:18px!important;margin:0 0 3px!important}
#chat91View .chat91-title .muted{font-size:12px!important}
#chat91View .chat91-title select{max-width:270px!important;margin:0!important}
#chat91View .chat91-box{
  flex:1!important;height:auto!important;min-height:460px!important;max-height:calc(100dvh - 315px)!important;
  padding:20px!important;gap:8px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#09101c,#080e18)!important;
}
.chat91-msg{max-width:min(76%,620px)!important;padding:10px 13px!important;border-radius:18px 18px 18px 6px!important;background:#182235!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important;color:#f5f8fd!important}
.chat91-msg.mine{border-radius:18px 18px 6px 18px!important;background:linear-gradient(180deg,#2d8dff,#1473e4)!important;border-color:rgba(117,190,255,.42)!important;color:#fff!important}
.chat91-msg>strong{font-size:11px!important;color:#91c8ff!important;display:block!important;margin-bottom:4px!important}
.chat91-msg.mine>strong{color:rgba(255,255,255,.78)!important}
.chat91-meta{font-size:9px!important;color:#7f8da2!important;margin-top:5px!important}
.chat91-msg.mine .chat91-meta{color:rgba(255,255,255,.65)!important}
.chat91-status{color:inherit!important;font-weight:700!important}
#chat91View .ei914-compose-wrap{margin:0!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--k92-line)!important;background:rgba(10,16,27,.96)!important;backdrop-filter:blur(18px)!important}
#chat91View #ei914Plus{background:#182335!important;border:1px solid var(--k92-line-strong)!important;color:#cbd8e9!important;box-shadow:none!important;text-shadow:none!important}
#chat91View .chat91-compose textarea,#chat91View #chat91Text{background:#111b2b!important;border:1px solid var(--k92-line-strong)!important;border-radius:22px!important}
#chat91View .chat91-compose button:not(#chat91Mic){background:linear-gradient(180deg,#43a0ff,#1679e9)!important;border-color:#63afff!important;box-shadow:0 5px 16px rgba(47,140,255,.26),inset 0 1px 0 rgba(255,255,255,.3)!important}
#chat91View #chat91Mic::before{background:#7d8da5!important}
#chat91View #chat91Mic.kuku-recording-9167::before{background:var(--k92-red)!important}
.ei-rx-overlay{background:rgba(0,0,0,.68)!important;backdrop-filter:blur(18px)!important}
.ei-rx-card{border-radius:22px!important;border-color:var(--k92-line-strong)!important;color:var(--k92-text)!important}
.ei-rx-close{background:rgba(255,255,255,.05)!important;color:#dce7f6!important;border-color:var(--k92-line-strong)!important}
.ei-rx-row{border-color:var(--k92-line)!important}.ei-rx-read{color:var(--k92-green)!important}.ei-rx-delivered{color:#86bfff!important}

/* Login / registration */
body.kuku-loggedout{background:radial-gradient(750px 500px at 50% -50px,rgba(47,140,255,.16),transparent 72%),#070b14!important}
body.kuku-loggedout .app-shell{display:block!important}
body.kuku-loggedout main{padding:28px 20px 60px!important;min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important}
#auth.auth-wrap{width:min(470px,100%)!important;max-width:470px!important;margin:0 auto!important}
.kuku-login-brand{margin:0 auto 20px!important}
.kuku-login-brand img{width:150px!important;height:150px!important;max-height:none!important;object-fit:cover!important;border-radius:34px!important;box-shadow:0 24px 64px rgba(0,0,0,.36),0 0 42px rgba(47,140,255,.15)!important}
.auth-grid{display:block!important;max-width:none!important;margin:0!important}
.auth-grid .panel{padding:26px!important;border-radius:24px!important;background:rgba(14,22,37,.94)!important;box-shadow:0 30px 80px rgba(0,0,0,.32)!important}
.auth-grid h2{font-size:25px!important;margin-bottom:20px!important}
.kuku-auth-switch{border:0!important;background:transparent!important;color:#7eb9ff!important;margin-top:9px!important;padding:10px!important;font-size:13px!important}

/* Incoming call */
.incoming-overlay{background:rgba(3,7,14,.78)!important;backdrop-filter:blur(24px)!important}
.incoming-card{width:min(400px,92vw)!important;border-radius:28px!important;background:linear-gradient(180deg,#121c2d,#0b1220)!important;border:1px solid var(--k92-line-strong)!important;box-shadow:0 35px 100px rgba(0,0,0,.55)!important}
.incoming-icon{width:74px;height:74px;margin:0 auto 12px;border-radius:24px;background:linear-gradient(145deg,#3d9cff,#176bd8);font-size:0!important;box-shadow:0 14px 35px rgba(27,118,229,.32)!important}
.incoming-icon::after{content:"KU";font-size:23px;font-weight:900;line-height:74px;color:#fff}

/* Tablet */
@media(max-width:980px){
  .app-shell{grid-template-columns:86px minmax(0,1fr)!important}
  aside,.kuku-sidebar-owner{padding:16px 9px!important}
  .kuku-side-brand{padding:4px 0 12px!important}
  .kuku-side-brand img,.brand .kuku-sidebar-logo{width:58px!important;height:58px!important;border-radius:17px!important}
  .nav,#nav .nav{justify-content:center!important;padding:0!important;font-size:0!important;min-height:48px!important}
  .nav::before{font-size:18px!important}
  .nav.active::after{left:-1px!important}
  main{padding-left:22px!important;padding-right:22px!important}
  #app>header,main>header{margin-left:-22px!important;margin-right:-22px!important;padding-left:22px!important;padding-right:22px!important}
}

/* Phone: true app-like bottom navigation */
@media(max-width:650px){
  body:not(.kuku-loggedout){padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
  .app-shell{display:block!important;min-height:100dvh!important}
  body:not(.kuku-loggedout) aside,body:not(.kuku-loggedout) .kuku-sidebar-owner{
    position:fixed!important;left:10px!important;right:10px!important;bottom:8px!important;top:auto!important;
    z-index:10000!important;width:auto!important;height:64px!important;min-height:64px!important;padding:6px!important;
    border:1px solid rgba(157,184,228,.18)!important;border-radius:22px!important;
    background:rgba(13,20,33,.90)!important;box-shadow:0 16px 48px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  }
  body:not(.kuku-loggedout) .brand,body:not(.kuku-loggedout) .kuku-side-brand,body:not(.kuku-loggedout) .bottom{display:none!important}
  body:not(.kuku-loggedout) #nav,body:not(.kuku-loggedout) nav{
    position:static!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:2px!important;
    width:100%!important;height:100%!important;padding:0!important;overflow:visible!important;background:transparent!important;
  }
  body:not(.kuku-loggedout) #nav .nav{
    min-width:0!important;min-height:50px!important;height:50px!important;padding:2px!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;
    gap:1px!important;border:0!important;border-radius:16px!important;font-size:9px!important;line-height:1!important;color:#728198!important;white-space:nowrap!important;
  }
  body:not(.kuku-loggedout) #nav .nav::before{height:26px!important;font-size:19px!important}
  body:not(.kuku-loggedout) #nav .nav.active{background:rgba(47,140,255,.10)!important;color:#62adff!important;box-shadow:none!important}
  body:not(.kuku-loggedout) #nav .nav.active::after{display:none!important}
  /* only the five main mobile items */
  body:not(.kuku-loggedout) #nav .nav[data-view="realtime"]{display:none!important}
  main{padding:0 12px 20px!important}
  #app>header,main>header{position:sticky!important;top:0!important;margin:0 -12px 14px!important;padding:14px 15px 12px!important}
  #app>header h1,main>header h1{font-size:22px!important}
  .user-chip{padding-right:7px!important}.user-chip strong{display:none!important}.user-chip span{width:31px!important;height:31px!important}
  .view{width:100%!important}
  .panel,.hero-card{border-radius:18px!important;padding:16px!important;margin-bottom:10px!important}
  .hero-card{min-height:136px!important}.hero-card h2{font-size:26px!important}.hero-card p{font-size:13px!important}.hero-card::after{font-size:88px!important;right:12px!important}
  .stats{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:10px!important}.stat{min-height:80px!important;padding:13px!important;border-radius:16px!important}.stat strong{font-size:23px!important}
  .split{grid-template-columns:1fr!important;gap:0!important}.group-card{padding:14px!important;border-radius:17px!important}.group-head{flex-direction:column!important;gap:8px!important}
  .row-between{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.row-between select{max-width:none!important}
  .actions{display:grid!important;grid-template-columns:1fr 1fr!important}.actions button{width:100%!important;padding-left:8px!important;padding-right:8px!important}
  #realMap{height:56vh!important;border-radius:17px!important}
  .video-grid{grid-template-columns:1fr!important}.video-tile,.video-tile video{min-height:260px!important}
  #chat91View>.panel{margin:0!important;border-radius:18px!important;min-height:calc(100dvh - 164px)!important}
  #chat91View .chat91-title{padding:13px 14px!important;gap:8px!important}.chat91-title>div .muted{display:none!important}.chat91-title select{width:100%!important;max-width:none!important}
  #chat91View .chat91-box{min-height:420px!important;max-height:calc(100dvh - 310px)!important;padding:14px 10px!important}
  .chat91-msg{max-width:86%!important;font-size:14px!important}.chat91-meta{font-size:8px!important}
  #chat91View .ei914-compose-wrap{padding:9px 10px!important}
  body.kuku-loggedout main{padding:18px 14px 40px!important}
  .kuku-login-brand img{width:128px!important;height:128px!important;border-radius:30px!important}
  .auth-grid .panel{padding:21px!important;border-radius:21px!important}
}


/* V9.2.5 share sheet — no legacy brown/gold, consistent KU-KU blue iconography. */
.ei914-sheet{
  background:rgba(2,7,15,.72)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
}
.ei914-panel{
  width:min(560px,calc(100% - 20px))!important;
  padding:12px!important;
  border:1px solid rgba(108,174,255,.22)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(17,28,46,.985),rgba(9,16,29,.99))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.ei914-handle{
  width:42px!important;height:4px!important;margin:2px auto 10px!important;
  background:#65758b!important;opacity:.78!important;border-radius:99px!important;
}
.ei914-item{
  min-height:62px!important;padding:8px 10px!important;gap:13px!important;
  border:1px solid transparent!important;border-radius:16px!important;
  background:transparent!important;color:#f4f8ff!important;
  transition:background .14s ease,border-color .14s ease,transform .1s ease!important;
}
.ei914-item:hover,.ei914-item:focus-visible{
  background:rgba(47,140,255,.08)!important;
  border-color:rgba(91,165,255,.12)!important;
  outline:none!important;
}
.ei914-item:active{background:rgba(47,140,255,.14)!important;transform:scale(.995)!important}
.ei914-icon{
  width:44px!important;height:44px!important;flex:0 0 44px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(54,151,255,.20),rgba(37,105,222,.12))!important;
  border:1px solid rgba(105,181,255,.20)!important;
  color:#70b8ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  font-size:0!important;
}
.ei914-icon svg{width:23px!important;height:23px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ei914-label{font-size:15px!important;font-weight:790!important;letter-spacing:-.1px!important;color:#f7faff!important}
.ei914-sub{margin-top:2px!important;font-size:11px!important;line-height:1.28!important;color:#8292a9!important;font-weight:590!important}
@media(max-width:650px){
  .ei914-sheet{padding:0 8px calc(8px + env(safe-area-inset-bottom))!important}
  .ei914-panel{width:100%!important;border-radius:23px!important;padding:10px!important}
  .ei914-item{min-height:60px!important;padding:7px 9px!important}
}

/* V9.2.5 settings-nav fix — collapsible and anchored at the bottom of the sidebar. */
@media(min-width:651px){
  #nav{min-height:0!important}
  #nav #ei9120SettingsNav{margin-top:18px!important;border-top:1px solid var(--k92-line)!important;border-radius:0 0 14px 14px!important;padding-top:8px!important}
  #nav #ei9120SettingsNav::before{content:"⚙"!important;font-size:16px!important;transform:none!important}
  #nav #ei9120SettingsNav::after{right:13px!important;color:#73849a!important}
  #nav #ei9120SettingsNav.ei9124-open{color:#dfe9f8!important;background:rgba(47,140,255,.055)!important}
  #nav .ei9124-subhidden{display:none!important}
  #nav #ei9122ProfileNav,
  #nav #ei9122NotifyNav,
  #nav #ei9122LocationNav,
  #nav #ei9122LiveLocationNav,
  #nav #ei9122BgNav,
  #nav #ei9122LangNav,
  #nav #ei9122HelpNav{
    min-height:38px!important;padding:0 12px 0 18px!important;margin-left:12px!important;
    border-left:1px solid rgba(99,166,255,.16)!important;border-radius:0 10px 10px 0!important;
    font-size:12.5px!important;font-weight:650!important;color:#8393aa!important;
  }
  #nav #ei9122ProfileNav:hover,
  #nav #ei9122NotifyNav:hover,
  #nav #ei9122LocationNav:hover,
  #nav #ei9122LiveLocationNav:hover,
  #nav #ei9122BgNav:hover,
  #nav #ei9122LangNav:hover,
  #nav #ei9122HelpNav:hover{color:#cdd9eb!important;background:rgba(255,255,255,.025)!important}
}

/* The phone bar only carries the five primary destinations; settings remains a desktop/sidebar control. */
@media(max-width:650px){
  body:not(.kuku-loggedout) #nav #ei9120SettingsNav,
  body:not(.kuku-loggedout) #nav #ei9122ProfileNav,
  body:not(.kuku-loggedout) #nav #ei9122NotifyNav,
  body:not(.kuku-loggedout) #nav #ei9122LocationNav,
  body:not(.kuku-loggedout) #nav #ei9122LiveLocationNav,
  body:not(.kuku-loggedout) #nav #ei9122BgNav,
  body:not(.kuku-loggedout) #nav #ei9122LangNav,
  body:not(.kuku-loggedout) #nav #ei9122HelpNav{display:none!important}
}


/* V9.2.5 Hilfe & Info — legacy brown/gold removed. */
.ei9122-helpbox{
  border:1px solid rgba(104,170,255,.24)!important;
  background:linear-gradient(180deg,rgba(15,27,45,.96),rgba(9,17,30,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.18)!important;
  color:#eef5ff!important;
}
.ei9122-helpbox h3{color:#f6f9ff!important}
.ei9122-helpbox p{color:#b8c5d8!important}
.ei9122-navlabel{color:#72b7ff!important}

/* V9.2.5 — compact phone navigation at the TOP.
   One slim icon row stays visible; settings open as an overlay instead of taking layout space. */
@media(max-width:650px){
  body:not(.kuku-loggedout){padding-bottom:0!important}
  body:not(.kuku-loggedout) .app-shell{
    display:block!important;
    min-height:100dvh!important;
    padding-top:calc(46px + env(safe-area-inset-top))!important;
  }
  body:not(.kuku-loggedout) aside,
  body:not(.kuku-loggedout) .kuku-sidebar-owner{
    position:fixed!important;
    z-index:10000!important;
    left:0!important;right:0!important;top:0!important;bottom:auto!important;
    width:100%!important;
    height:calc(46px + env(safe-area-inset-top))!important;
    min-height:calc(46px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) 5px 0!important;
    border:0!important;border-bottom:1px solid rgba(137,178,232,.16)!important;
    border-radius:0!important;
    background:rgba(7,12,21,.94)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(22px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  }
  body:not(.kuku-loggedout) .brand,
  body:not(.kuku-loggedout) .kuku-side-brand,
  body:not(.kuku-loggedout) .bottom{display:none!important}

  body:not(.kuku-loggedout) #nav,
  body:not(.kuku-loggedout) nav{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:1px!important;
    width:100%!important;height:46px!important;
    padding:0!important;margin:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav){
    min-width:0!important;min-height:42px!important;height:42px!important;
    margin:2px 0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex-direction:row!important;gap:0!important;
    border:0!important;border-radius:11px!important;
    background:transparent!important;
    color:#7f8ea4!important;
    font-size:0!important;line-height:1!important;
    white-space:nowrap!important;box-shadow:none!important;
  }
  body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav)::before{
    width:28px!important;height:28px!important;
    display:grid!important;place-items:center!important;
    font-size:19px!important;line-height:1!important;
    margin:0!important;opacity:.96!important;
  }
  body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav).active{
    color:#69b2ff!important;
    background:rgba(47,140,255,.10)!important;
  }
  body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav).active::after{
    content:""!important;display:block!important;
    position:absolute!important;left:50%!important;right:auto!important;
    top:auto!important;bottom:2px!important;
    width:4px!important;height:4px!important;border-radius:50%!important;
    transform:translateX(-50%)!important;
    background:#4ca0ff!important;box-shadow:0 0 8px rgba(76,160,255,.75)!important;
  }
  body:not(.kuku-loggedout) #nav>.nav[data-view="realtime"]{display:none!important}
  body:not(.kuku-loggedout) #nav>#ei9120SettingsNav::before{
    content:"⚙"!important;font-size:18px!important;transform:none!important;
  }
  body:not(.kuku-loggedout) #nav>#ei9120SettingsNav::after{display:none!important}

  /* Keep the familiar order and reserve the sixth slot for Settings. */
  body:not(.kuku-loggedout) #nav>.nav[data-view="chat91View"],
  body:not(.kuku-loggedout) #nav>.nav[data-view="messages"]{order:1!important}
  body:not(.kuku-loggedout) #nav>.nav[data-view="video"]{order:2!important}
  body:not(.kuku-loggedout) #nav>.nav[data-view="location"],
  body:not(.kuku-loggedout) #nav>.nav[data-view="map"]{order:3!important}
  body:not(.kuku-loggedout) #nav>.nav[data-view="groups"]{order:4!important}
  body:not(.kuku-loggedout) #nav>.nav[data-view="home"],
  body:not(.kuku-loggedout) #nav>.nav[data-view="overview"]{order:5!important}
  body:not(.kuku-loggedout) #nav>#ei9120SettingsNav{order:6!important;margin:2px 0!important;border:0!important}

  /* Settings sub-navigation floats below the top bar; it never increases page height. */
  body:not(.kuku-loggedout) #nav>.ei9122-subnav{display:none!important}
  body:not(.kuku-loggedout) #nav>.ei9122-subnav:not(.ei9124-subhidden){
    position:fixed!important;z-index:10020!important;
    left:8px!important;right:8px!important;width:auto!important;
    min-height:40px!important;height:40px!important;
    padding:0 13px!important;margin:0!important;
    justify-content:flex-start!important;flex-direction:row!important;gap:8px!important;
    border:1px solid rgba(116,170,239,.15)!important;border-radius:10px!important;
    background:rgba(11,19,32,.985)!important;
    color:#c4d0e1!important;
    font-size:12.5px!important;font-weight:670!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
  }
  body:not(.kuku-loggedout) #nav>#ei9122ProfileNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 51px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122NotifyNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 94px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122LocationNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 137px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122LiveLocationNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 180px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122BgNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 223px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122LangNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 266px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122HelpNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 309px)!important}

  main{padding:0 12px 20px!important}
  #app>header,main>header{
    position:sticky!important;
    top:calc(46px + env(safe-area-inset-top))!important;
    z-index:80!important;
    margin:0 -12px 14px!important;
    padding:11px 15px 10px!important;
  }
  #app>header h1,main>header h1{font-size:21px!important}
  #chat91View>.panel{min-height:calc(100dvh - 116px - env(safe-area-inset-top))!important}
  #chat91View .chat91-box{max-height:calc(100dvh - 260px - env(safe-area-inset-top))!important}
}

/* V9.2.5 — REAL top navigation on desktop + compact icon-only phone bar.
   The old left rail is removed at every logged-in desktop width. */
body:not(.kuku-loggedout) .app-shell{
  display:block!important;
  grid-template-columns:none!important;
  min-height:100dvh!important;
  padding-top:64px!important;
}
body:not(.kuku-loggedout) aside,
body:not(.kuku-loggedout) .kuku-sidebar-owner{
  position:fixed!important;
  z-index:10000!important;
  left:0!important;right:0!important;top:0!important;bottom:auto!important;
  width:100%!important;height:64px!important;min-height:64px!important;
  padding:7px 14px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  border:0!important;border-bottom:1px solid rgba(137,178,232,.15)!important;
  border-radius:0!important;
  background:rgba(6,11,20,.94)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
body:not(.kuku-loggedout) aside>.brand{display:none!important}
body:not(.kuku-loggedout) .kuku-side-brand{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 48px!important;width:48px!important;height:48px!important;
  margin:0 4px 0 0!important;padding:0!important;border:0!important;
}
body:not(.kuku-loggedout) .kuku-side-brand img,
body:not(.kuku-loggedout) .brand .kuku-sidebar-logo{
  display:block!important;
  width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;
  object-fit:cover!important;border-radius:14px!important;
  box-shadow:0 5px 18px rgba(0,0,0,.30),0 0 0 1px rgba(104,170,255,.18)!important;
}
/* No KU-KU lettering is baked beside/below the navigation icon. */
body:not(.kuku-loggedout) .kuku-sidebar-name,
body:not(.kuku-loggedout) .kuku-side-brand span{display:none!important}

body:not(.kuku-loggedout) #nav,
body:not(.kuku-loggedout) aside>nav{
  position:relative!important;
  flex:1 1 auto!important;
  min-width:0!important;width:auto!important;height:50px!important;min-height:0!important;
  display:flex!important;align-items:center!important;gap:3px!important;
  margin:0!important;padding:0!important;
  overflow:visible!important;background:transparent!important;
}
body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav){
  position:relative!important;
  flex:0 0 auto!important;
  min-width:0!important;min-height:42px!important;height:42px!important;
  margin:0!important;padding:0 11px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-direction:row!important;gap:7px!important;
  border:1px solid transparent!important;border-radius:12px!important;
  background:transparent!important;color:#8999af!important;
  font-size:12.5px!important;font-weight:730!important;line-height:1!important;
  white-space:nowrap!important;box-shadow:none!important;
}
body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav)::before{
  width:21px!important;height:21px!important;display:grid!important;place-items:center!important;
  margin:0!important;font-size:16px!important;line-height:1!important;opacity:.95!important;
}
body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav):hover{
  color:#dfe9f8!important;background:rgba(255,255,255,.035)!important;
}
body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav).active{
  color:#f7fbff!important;
  border-color:rgba(78,159,255,.20)!important;
  background:rgba(47,140,255,.12)!important;
}
body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav).active::after{
  content:""!important;position:absolute!important;
  left:10px!important;right:10px!important;top:auto!important;bottom:-7px!important;
  width:auto!important;height:2px!important;border-radius:4px!important;transform:none!important;
  background:#3d98ff!important;box-shadow:0 0 10px rgba(61,152,255,.55)!important;
}
body:not(.kuku-loggedout) #nav>.nav[data-view="realtime"]{display:none!important}
body:not(.kuku-loggedout) #nav>.nav[data-view="home"],
body:not(.kuku-loggedout) #nav>.nav[data-view="overview"]{order:1!important}
body:not(.kuku-loggedout) #nav>.nav[data-view="chat91View"],
body:not(.kuku-loggedout) #nav>.nav[data-view="messages"]{order:2!important}
body:not(.kuku-loggedout) #nav>.nav[data-view="video"]{order:3!important}
body:not(.kuku-loggedout) #nav>.nav[data-view="location"],
body:not(.kuku-loggedout) #nav>.nav[data-view="map"]{order:4!important}
body:not(.kuku-loggedout) #nav>.nav[data-view="groups"]{order:5!important}
body:not(.kuku-loggedout) #nav>#ei9120SettingsNav{
  order:20!important;margin-left:auto!important;
  border-left:1px solid rgba(137,178,232,.12)!important;
  border-radius:0 12px 12px 0!important;padding-left:14px!important;
}
body:not(.kuku-loggedout) #nav>#ei9120SettingsNav::before{content:"⚙"!important;transform:none!important}
body:not(.kuku-loggedout) #nav>#ei9120SettingsNav::after{display:none!important}
body:not(.kuku-loggedout) .ei9120-navlabel,
body:not(.kuku-loggedout) .ei9122-navlabel{display:none!important}

/* Settings are a floating menu under the top bar instead of stretching the navigation. */
body:not(.kuku-loggedout) #nav>.ei9122-subnav{display:none!important}
body:not(.kuku-loggedout) #nav>.ei9122-subnav:not(.ei9124-subhidden){
  position:fixed!important;z-index:10030!important;
  right:14px!important;left:auto!important;width:255px!important;
  min-height:39px!important;height:39px!important;
  margin:0!important;padding:0 13px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  border:1px solid rgba(116,170,239,.15)!important;border-radius:10px!important;
  background:rgba(11,19,32,.99)!important;color:#c8d5e6!important;
  font-size:12.5px!important;font-weight:670!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30)!important;
}
body:not(.kuku-loggedout) #nav>#ei9122ProfileNav:not(.ei9124-subhidden){top:70px!important}
body:not(.kuku-loggedout) #nav>#ei9122NotifyNav:not(.ei9124-subhidden){top:112px!important}
body:not(.kuku-loggedout) #nav>#ei9122LocationNav:not(.ei9124-subhidden){top:154px!important}
body:not(.kuku-loggedout) #nav>#ei9122LiveLocationNav:not(.ei9124-subhidden){top:196px!important}
body:not(.kuku-loggedout) #nav>#ei9122BgNav:not(.ei9124-subhidden){top:238px!important}
body:not(.kuku-loggedout) #nav>#ei9122LangNav:not(.ei9124-subhidden){top:280px!important}
body:not(.kuku-loggedout) #nav>#ei9122HelpNav:not(.ei9124-subhidden){top:322px!important}

body:not(.kuku-loggedout) aside>.bottom{
  position:static!important;flex:0 0 auto!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  margin:0!important;padding:0!important;border:0!important;
}
body:not(.kuku-loggedout) aside>.bottom .status{
  min-height:34px!important;padding:0 9px!important;display:flex!important;align-items:center!important;
  font-size:10px!important;white-space:nowrap!important;border-radius:10px!important;
}
body:not(.kuku-loggedout) aside>.bottom #logout{
  width:auto!important;min-height:34px!important;margin:0!important;padding:0 10px!important;font-size:11px!important;
}
body:not(.kuku-loggedout) main{padding:0 28px 54px!important}
body:not(.kuku-loggedout) #app>header,
body:not(.kuku-loggedout) main>header{
  top:64px!important;
  margin-left:-28px!important;margin-right:-28px!important;
  padding-left:28px!important;padding-right:28px!important;
}

/* Phones: keep the same top navigation, but make it only 48px high and icon-only. */
@media(max-width:650px){
  body:not(.kuku-loggedout) .app-shell{padding-top:calc(48px + env(safe-area-inset-top))!important}
  body:not(.kuku-loggedout) aside,
  body:not(.kuku-loggedout) .kuku-sidebar-owner{
    height:calc(48px + env(safe-area-inset-top))!important;
    min-height:calc(48px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) 4px 0!important;
    gap:0!important;
  }
  body:not(.kuku-loggedout) .kuku-side-brand{display:none!important}
  body:not(.kuku-loggedout) aside>.bottom{display:none!important}
  body:not(.kuku-loggedout) #nav{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:1px!important;width:100%!important;height:48px!important;
  }
  body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav){
    width:100%!important;height:44px!important;min-height:44px!important;
    margin:2px 0!important;padding:0!important;gap:0!important;
    border:0!important;border-radius:10px!important;font-size:0!important;
  }
  body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav)::before{
    width:27px!important;height:27px!important;font-size:18px!important;
  }
  body:not(.kuku-loggedout) #nav>#ei9120SettingsNav{
    margin-left:0!important;padding:0!important;border-left:0!important;border-radius:10px!important;
  }
  body:not(.kuku-loggedout) #nav>.nav:not(.ei9122-subnav).active::after{
    left:50%!important;right:auto!important;bottom:2px!important;width:4px!important;height:4px!important;
    border-radius:50%!important;transform:translateX(-50%)!important;
  }
  body:not(.kuku-loggedout) main{padding:0 10px 18px!important}
  body:not(.kuku-loggedout) #app>header,
  body:not(.kuku-loggedout) main>header{
    top:calc(48px + env(safe-area-inset-top))!important;
    margin-left:-10px!important;margin-right:-10px!important;
    padding:10px 12px 9px!important;
  }
  body:not(.kuku-loggedout) #nav>.ei9122-subnav:not(.ei9124-subhidden){
    left:8px!important;right:8px!important;width:auto!important;
  }
  body:not(.kuku-loggedout) #nav>#ei9122ProfileNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 53px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122NotifyNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 95px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122LocationNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 137px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122LiveLocationNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 179px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122BgNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 221px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122LangNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 263px)!important}
  body:not(.kuku-loggedout) #nav>#ei9122HelpNav:not(.ei9124-subhidden){top:calc(env(safe-area-inset-top) + 305px)!important}
}