/* ZERO KARAOKE V71 · colorful neon identity */
:root{
  --zk-bg:#05030d;
  --zk-panel:rgba(12,8,30,.70);
  --zk-cyan:#43f4ff;
  --zk-pink:#ff3fd8;
  --zk-purple:#8b5cff;
  --zk-lime:#adff5c;
  --zk-gold:#ffd15c;
}
body{
  background:
    radial-gradient(circle at 8% 5%,rgba(255,63,216,.14),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(67,244,255,.12),transparent 28%),
    radial-gradient(circle at 50% 95%,rgba(139,92,255,.14),transparent 34%),
    #05030d !important;
}
.zp-shell,.session-shell,.karaoke-shell{position:relative}
.zp-card,.zp-custom-panel,.host-card,.session-card{
  background:linear-gradient(145deg,rgba(16,10,38,.86),rgba(5,7,22,.78))!important;
  border-color:rgba(95,232,255,.18)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)!important;
}
.zp-topbar{
  border-bottom-color:rgba(255,63,216,.18)!important;
}
.zp-play-name,.zp-brand-name,.brand-zero{
  text-shadow:0 0 20px rgba(67,244,255,.24);
}
.zp-play-name span,.zp-accent{
  color:var(--zk-pink)!important;
  text-shadow:0 0 16px rgba(255,63,216,.45);
}
.zp-btn-primary{
  background:linear-gradient(135deg,#22dff4,#8b5cff 55%,#ff3fd8)!important;
  color:#fff!important;border:0!important;
  box-shadow:0 8px 24px rgba(90,95,255,.26),0 0 0 1px rgba(255,255,255,.08)!important;
}
.zp-btn-soft{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(103,232,249,.20)!important;
  color:#e9faff!important;
}
.zp-btn-soft:hover,.zp-btn-soft:active{border-color:rgba(255,63,216,.52)!important;background:rgba(139,92,255,.13)!important}
input,select,textarea,.zp-custom-input,.zp-custom-select{
  background:rgba(2,4,16,.66)!important;
  border-color:rgba(103,232,249,.16)!important;
  color:#fff!important;
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(67,244,255,.72)!important;box-shadow:0 0 0 3px rgba(67,244,255,.09)!important}

/* Admin/current singer */
.host-now,.host-queue-row,.host-history-row{
  border-color:rgba(255,255,255,.09)!important;
}
.host-now{background:linear-gradient(135deg,rgba(255,63,216,.10),rgba(67,244,255,.07))!important}
.host-now-person{color:#fff!important;text-shadow:0 0 16px rgba(255,63,216,.35)}
.host-now-song{color:#b9f9ff!important}
.host-toolbar-label,.zp-card-title{color:#f5efff!important}
.host-summary-value{color:var(--zk-cyan)!important}

/* search modal */
.v70-media-card,.admin-song-modal-card{
  background:
    radial-gradient(circle at 0 0,rgba(255,63,216,.13),transparent 30%),
    radial-gradient(circle at 100% 0,rgba(67,244,255,.10),transparent 30%),
    #080719!important;
  border-color:rgba(111,236,255,.24)!important;
}
.v70-result,.admin-song-result{transition:.15s}
.v70-result:hover,.admin-song-result:hover{border-color:rgba(255,63,216,.50)!important;background:rgba(139,92,255,.10)!important}

/* TV keeps video dominant but gives glass overlays neon edge */
.tv-header,.tv-now,.tv-panel{
  border-color:rgba(93,240,255,.20)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;
}
.tv-now-person{color:#fff!important;text-shadow:0 0 18px rgba(255,63,216,.55)!important}
.tv-now-song{color:#c7fbff!important}
.tv-code{color:#fff!important}
.tv-o{background:linear-gradient(135deg,#31e9ff,#9d5cff,#ff3fd8)!important;box-shadow:0 0 22px rgba(107,94,255,.50)!important}

/* guest session */
.session-code,.join-code,.party-code{color:var(--zk-cyan)!important;text-shadow:0 0 18px rgba(67,244,255,.30)}
.song-card,.queue-card,.request-card{border-color:rgba(103,232,249,.15)!important}
.song-card:hover{border-color:rgba(255,63,216,.35)!important}

/* decorative neon rail without making the interface childish */
body:before{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 1.2%,rgba(67,244,255,.07) 1.25% 1.35%,transparent 1.4% 98.6%,rgba(255,63,216,.07) 98.65% 98.75%,transparent 98.8%);
}


/* V73 desktop polish */
@media (min-width: 1000px){
  body.karaoke-admin .admin-wrap,
  body.karaoke-admin .container,
  .karaoke-admin .admin-wrap,
  .karaoke-admin .container{
    max-width:1200px;
    width:calc(100% - 56px);
    margin-inline:auto;
  }
}