/* EveDeck (WonderCMS) — EVE-inspired UI skin (no CCP assets) */

:root{
  --bg0:#070A0F;
  --bg1:#0B0F14;
  --panel:#0D1420;
  --panel2:#0B111B;
  --line:rgba(160, 220, 255, .16);
  --line2:rgba(255,255,255,.06);

  --text:#E7F0FF;
  --muted:rgba(231,240,255,.72);

  --accent:#4EE6FF;
  --accent2:#9B7DFF;
  --warn:#FFB44E;
  --ok:#3DFFB2;

  --shadow: 0 18px 60px rgba(0,0,0,.55);
  --radius: 18px;

  --topbarH: 74px;
  --maxW: 1200px;
}

*{ box-sizing:border-box; }
html, body{ height:100%; }
body.ed-body{
  margin:0;
  color:var(--text);
  background: radial-gradient(1200px 700px at 20% 10%, rgba(78,230,255,.10), transparent 55%),
              radial-gradient(900px 600px at 80% 0%, rgba(155,125,255,.10), transparent 60%),
              linear-gradient(180deg, var(--bg0), var(--bg1));
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height:1.55;
}

/* Subtle star/noise layer */
.ed-bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.55;
  background:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.25) 40%, transparent 60%),
    radial-gradient(1px 1px at 30% 70%, rgba(255,255,255,.18) 40%, transparent 60%),
    radial-gradient(1px 1px at 70% 35%, rgba(255,255,255,.22) 40%, transparent 60%),
    radial-gradient(1px 1px at 90% 80%, rgba(255,255,255,.18) 40%, transparent 60%),
    radial-gradient(2px 2px at 55% 55%, rgba(78,230,255,.20) 35%, transparent 60%);
  filter: blur(.2px);
}

/* Keep admin UI usable */
#settings, #alert{
  position:relative;
  z-index:5;
}

/* Topbar */
.ed-topbar{
  position:sticky;
  top:0;
  z-index:4;
  backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(7,10,15,.92), rgba(7,10,15,.65));
  border-bottom:1px solid var(--line2);
}

.ed-topbar-inner{
  height:var(--topbarH);
  max-width:calc(var(--maxW) + 64px);
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:16px;
}

.ed-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--text);
  min-width: 240px;
}

.ed-logo-img{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--line), 0 10px 30px rgba(0,0,0,.35);
}

.ed-logo-mark{
  width:44px;
  height:44px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  font-weight:900;
  letter-spacing:.06em;
  background:
    linear-gradient(135deg, rgba(78,230,255,.22), rgba(155,125,255,.18));
  box-shadow: 0 0 0 1px var(--line), 0 10px 30px rgba(0,0,0,.35);
}

.ed-brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.ed-brand-title{
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size: .95rem;
}
.ed-brand-sub{
  color:var(--muted);
  font-size:.85rem;
  margin-top:4px;
}

/* Menu list produced by $Wcms->menu() is <li><a ...> */
.ed-nav{
  margin-left:auto;
}
.ed-menu{
  display:flex;
  align-items:center;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0;
}
.ed-menu li{ margin:0; padding:0; }
.ed-menu li a{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius: 12px;
  text-decoration:none;
  color:var(--muted);
  border:1px solid transparent;
  transition: all .18s ease;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}
.ed-menu li a:hover{
  color:var(--text);
  border-color: var(--line);
  background: rgba(13,20,32,.55);
  box-shadow: 0 0 0 1px rgba(78,230,255,.10) inset;
}
.ed-menu li a#active{
  color:var(--text);
  border-color: rgba(78,230,255,.30);
  background: rgba(13,20,32,.70);
  box-shadow: 0 0 0 1px rgba(78,230,255,.18) inset;
}

/* Mobile burger */
.ed-burger{
  display:none;
  margin-left:auto;
  width:46px;
  height:46px;
  border-radius: 14px;
  border:1px solid var(--line2);
  background: rgba(13,20,32,.55);
  cursor:pointer;
  padding:10px;
}
.ed-burger span{
  display:block;
  height:2px;
  width:100%;
  background: rgba(231,240,255,.75);
  margin:6px 0;
  border-radius:2px;
}

/* Main layout */
.ed-shell{
  position:relative;
  z-index:1;
  max-width:var(--maxW);
  margin: 20px auto 34px;
  padding: 0 20px;
  display:grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap:18px;
}

.ed-card{
  background: linear-gradient(180deg, rgba(13,20,32,.82), rgba(11,17,27,.78));
  border:1px solid var(--line2);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
}

.ed-card-head{
  padding: 18px 18px 14px;
  border-bottom:1px solid var(--line2);
  background: linear-gradient(180deg, rgba(255,255,255,.05), transparent);
}

.ed-kicker{
  font-size:.78rem;
  color: rgba(231,240,255,.70);
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.ed-h1{
  margin:0;
  font-size:1.55rem;
  letter-spacing:.02em;
}
.ed-h2{
  margin:0;
  font-size:1.08rem;
  letter-spacing:.02em;
  color: rgba(231,240,255,.92);
}

.ed-card-body{
  padding: 18px;
  color: rgba(231,240,255,.90);
}

/* Content typography */
.ed-content p, .ed-content li{
  color: rgba(231,240,255,.86);
}
.ed-content a{
  color: var(--accent);
  text-decoration:none;
  border-bottom: 1px solid rgba(78,230,255,.22);
}
.ed-content a:hover{
  border-bottom-color: rgba(78,230,255,.55);
}

.ed-content h2, .ed-content h3, .ed-content h4{
  letter-spacing:.02em;
}
.ed-content code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  background: rgba(78,230,255,.10);
  border:1px solid rgba(78,230,255,.16);
  padding:2px 6px;
  border-radius:10px;
}
.ed-content pre{
  background: rgba(7,10,15,.75);
  border:1px solid var(--line2);
  border-radius: 16px;
  padding: 14px;
  overflow:auto;
}
.ed-content pre code{
  background: transparent;
  border:0;
  padding:0;
}

/* Sidebar bits */
.ed-status{
  margin:0;
  padding-left:18px;
}
.dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  margin-right:10px;
  transform: translateY(1px);
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset, 0 0 14px rgba(0,0,0,.35);
}
.dot.ok{ background: rgba(61,255,178,.85); box-shadow: 0 0 18px rgba(61,255,178,.22); }
.dot.warn{ background: rgba(255,180,78,.85); box-shadow: 0 0 18px rgba(255,180,78,.22); }

/* Footer */
.ed-footer{
  position:relative;
  z-index:1;
  border-top:1px solid var(--line2);
  background: rgba(7,10,15,.55);
}
.ed-footer-inner{
  max-width:var(--maxW);
  margin:0 auto;
  padding: 16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color: rgba(231,240,255,.70);
}
.ed-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
  color: rgba(231,240,255,.62);
}

/* Responsive */
@media (max-width: 980px){
  .ed-shell{
    grid-template-columns: 1fr;
  }
  .ed-side{
    order:2;
  }
}

@media (max-width: 860px){
  .ed-burger{ display:inline-block; }
  .ed-nav{
    position: absolute;
    left:0;
    right:0;
    top:var(--topbarH);
    padding: 10px 16px 16px;
    background: rgba(7,10,15,.92);
    border-bottom:1px solid var(--line2);
    transform-origin: top;
    transform: scaleY(0);
    opacity:0;
    pointer-events:none;
    transition: all .16s ease;
  }
  .ed-nav.open{
    transform: scaleY(1);
    opacity:1;
    pointer-events:auto;
  }
  .ed-menu{
    flex-direction:column;
    align-items:stretch;
  }
  .ed-menu li a{
    justify-content:space-between;
    padding: 12px 14px;
  }
}

/* Make WonderCMS default menu output play nice */
.ed-menu li { display:block; }