/*
Theme Name: Nextrix
Theme URI: https://example.com/
Author: Nextrix
Description: Dark tech magazine theme for a WordPress multisite network.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: techverse
*/

:root{
  --tv-bg:#0b1118;
  --tv-bg2:#070b10;
  --tv-panel:#0f1822;
  --tv-panel2:#101d2a;
  --tv-border:rgba(255,255,255,.08);
  --tv-text:#e6f0ff;
  --tv-muted:rgba(230,240,255,.72);
  --tv-dim:rgba(230,240,255,.52);
  --tv-accent:#11e6d7;
  --tv-accent2:#2b8cff;
  --tv-warn:#ffb020;
  --tv-danger:#ff4d6d;
  --tv-ok:#1fe28a;
  --tv-radius:14px;
  --tv-radius-sm:10px;
  --tv-shadow:0 10px 30px rgba(0,0,0,.35);
  --tv-shadow2:0 6px 18px rgba(0,0,0,.25);
  --tv-max:1200px;
}

*{box-sizing:border-box}
html{color-scheme:dark}
body{
  margin:0;
  background:
    radial-gradient(1200px 500px at 25% 0%, rgba(17,230,215,.13), transparent 65%),
    radial-gradient(900px 500px at 90% 15%, rgba(43,140,255,.12), transparent 55%),
    linear-gradient(180deg, var(--tv-bg), var(--tv-bg2));
  color:var(--tv-text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  line-height:1.55;
}

a{color:inherit;text-decoration:none}
a:hover{color:var(--tv-accent)}
img{max-width:100%;height:auto;display:block}

.tv-container{width:min(var(--tv-max), calc(100% - 40px)); margin:0 auto}

.tv-topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:linear-gradient(180deg, rgba(7,11,16,.92), rgba(7,11,16,.76));
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--tv-border);
}
.tv-topbar__inner{
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 0;
}
.tv-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.4px;
}
.tv-brand__mark{
  width:30px;height:30px;
  border-radius:9px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 45%),
    linear-gradient(135deg, rgba(17,230,215,.95), rgba(43,140,255,.95));
  box-shadow:0 12px 30px rgba(17,230,215,.12);
}
.tv-brand__name{
  font-size:15px;
}
.tv-spacer{flex:1}

.tv-search{
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--tv-border);
  border-radius:999px;
  padding:8px 12px;
  min-width:min(520px, 52vw);
}
.tv-search input{
  flex:1;
  border:0;
  background:transparent;
  color:var(--tv-text);
  outline:none;
  font-size:14px;
}
.tv-search button{
  border:0;
  background:transparent;
  color:var(--tv-muted);
  cursor:pointer;
  padding:0;
}

.tv-icons{
  display:flex;
  align-items:center;
  gap:10px;
}
.tv-iconbtn{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:999px;
  border:1px solid var(--tv-border);
  background:rgba(255,255,255,.04);
  color:var(--tv-muted);
}
.tv-iconbtn:hover{color:var(--tv-text); border-color:rgba(17,230,215,.35)}

.tv-nav{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid var(--tv-border);
}
.tv-nav__inner{
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 0;
}
.tv-nav a{
  padding:8px 10px;
  border-radius:999px;
  color:var(--tv-muted);
  font-size:13px;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:.45px;
}
.tv-nav a:hover,
.tv-nav .current-menu-item > a{
  background:rgba(17,230,215,.12);
  color:var(--tv-text);
}
.tv-nav ul{margin:0;padding:0;list-style:none;display:flex;gap:6px;flex-wrap:wrap}
.tv-nav li{margin:0}

.tv-main{padding:22px 0 40px}

.tv-grid{
  display:grid;
  gap:16px;
}
.tv-grid--2{grid-template-columns:1.65fr 1fr}
.tv-grid--3{grid-template-columns:repeat(3, 1fr)}
.tv-grid--4{grid-template-columns:repeat(4, 1fr)}

.tv-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid var(--tv-border);
  border-radius:var(--tv-radius);
  box-shadow:var(--tv-shadow2);
  overflow:hidden;
}
.tv-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.tv-panel__title{
  font-size:13px;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--tv-muted);
  font-weight:750;
}
.tv-panel__body{padding:14px}

.tv-hero{
  position:relative;
  min-height:320px;
  display:flex;
  align-items:stretch;
  border-radius:var(--tv-radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--tv-shadow);
  background:
    radial-gradient(520px 320px at 72% 50%, rgba(17,230,215,.25), transparent 60%),
    radial-gradient(480px 320px at 92% 30%, rgba(43,140,255,.22), transparent 55%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.tv-hero__content{
  padding:22px 22px 20px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
  max-width:620px;
}
.tv-hero__media{
  margin-left:auto;
  width:min(46%, 520px);
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  padding:16px 16px 16px 0;
}
.tv-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--tv-radius-sm);
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}
.tv-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  font-size:12px;
  font-weight:750;
  letter-spacing:.4px;
  text-transform:uppercase;
  border-radius:999px;
  background:rgba(17,230,215,.14);
  border:1px solid rgba(17,230,215,.22);
  color:var(--tv-text);
}
.tv-hero__title{
  margin:0;
  font-size:32px;
  line-height:1.12;
  letter-spacing:.2px;
}
.tv-hero__meta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:var(--tv-dim);
  font-size:13px;
}
.tv-hero__cta{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:8px;
}
.tv-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(17,230,215,.30);
  background:linear-gradient(135deg, rgba(17,230,215,.20), rgba(43,140,255,.14));
  color:var(--tv-text);
  font-weight:750;
  font-size:13px;
}
.tv-btn:hover{filter:brightness(1.05)}
.tv-btn--ghost{
  background:rgba(255,255,255,.04);
  border-color:var(--tv-border);
  color:var(--tv-muted);
}
.tv-btn--ghost:hover{color:var(--tv-text); border-color:rgba(17,230,215,.28)}

.tv-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  height:100%;
}
.tv-card__thumb{
  border-radius:var(--tv-radius-sm);
  background:
    radial-gradient(250px 150px at 25% 25%, rgba(17,230,215,.20), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  aspect-ratio:16/10;
}
.tv-card__thumb img{width:100%;height:100%;object-fit:cover}
.tv-card__title{
  margin:0;
  font-size:14px;
  line-height:1.25;
  font-weight:760;
}
.tv-card__meta{
  font-size:12px;
  color:var(--tv-dim);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.tv-card:hover .tv-card__title{color:var(--tv-accent)}

.tv-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.tv-list__item{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.tv-list__thumb{
  width:44px;height:44px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  flex:0 0 auto;
  overflow:hidden;
}
.tv-list__thumb img{width:100%;height:100%;object-fit:cover}
.tv-list__title{font-size:13px;font-weight:700;line-height:1.25;margin:0}
.tv-list__sub{font-size:12px;color:var(--tv-dim);margin-top:4px}

.tv-subdomains{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.tv-subdomain{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.tv-subdomain__name{font-weight:750}
.tv-subdomain__url{font-size:12px;color:var(--tv-dim)}

.tv-monitor{
  display:grid;
  gap:12px;
}
.tv-kpi{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.tv-kpi__label{font-size:12px;color:var(--tv-dim);text-transform:uppercase;letter-spacing:.4px}
.tv-kpi__value{font-size:22px;font-weight:850}
.tv-progress{
  height:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  overflow:hidden;
}
.tv-progress > span{
  display:block;
  height:100%;
  width:62%;
  background:linear-gradient(90deg, rgba(17,230,215,.95), rgba(43,140,255,.85));
}
.tv-alerts{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.tv-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  font-size:12px;
  color:var(--tv-muted);
}
.tv-pill--ok{border-color:rgba(31,226,138,.25)}
.tv-pill--warn{border-color:rgba(255,176,32,.25)}
.tv-pill--danger{border-color:rgba(255,77,109,.25)}
.nextrix-mc-widget .tv-subdomain{align-items:flex-start}
.nextrix-mc-widget .nextrix-mc__pill{min-width:92px;justify-content:center}
.nextrix-srv-widget .tv-subdomain{align-items:flex-start}
.nextrix-srv-widget .nextrix-srv__pill{min-width:92px;justify-content:center}
.nextrix-srv__logo{width:36px;height:36px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);flex:0 0 36px}
.nextrix-srv__logo-lg{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.nextrix-srv__link{color:inherit;text-decoration:none}
.nextrix-srv__link:hover{color:var(--tv-accent)}

.tv-footer{
  border-top:1px solid var(--tv-border);
  background:rgba(7,11,16,.55);
  padding:26px 0;
}
.tv-footer__grid{
  display:grid;
  gap:16px;
  grid-template-columns:2fr 1fr 1fr 1fr;
}
.tv-footer__title{font-weight:850;margin:0 0 8px;font-size:14px}
.tv-footer__text{margin:0;color:var(--tv-dim);font-size:13px}
.tv-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tv-footer li{margin:0}
.tv-footer a{color:var(--tv-muted)}
.tv-footer a:hover{color:var(--tv-accent)}
.tv-footnote{margin-top:18px;color:var(--tv-dim);font-size:12px}

.tv-content{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid var(--tv-border);
  border-radius:var(--tv-radius);
  padding:18px;
}
.tv-content h1,.tv-content h2,.tv-content h3{margin-top:0}
.tv-content p{color:var(--tv-muted)}

.tv-pagehead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:8px 0 18px;
}
.tv-pagehead__title{margin:0;font-size:28px}
.tv-pagehead__meta{color:var(--tv-dim);font-size:13px}

.tv-lang select{
  appearance:none;
  -webkit-appearance:none;
  background:rgba(255,255,255,.03);
  border:1px solid var(--tv-border);
  color:var(--tv-text);
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
  letter-spacing:.04em;
}
.tv-lang select:focus{outline:2px solid rgba(17,230,215,.35); outline-offset:2px}

@media (max-width: 980px){
  .tv-grid--2{grid-template-columns:1fr}
  .tv-search{min-width:auto; width:100%}
  .tv-topbar__inner{flex-wrap:wrap}
  .tv-footer__grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 640px){
  .tv-grid--3{grid-template-columns:1fr}
  .tv-grid--4{grid-template-columns:1fr 1fr}
  .tv-hero__title{font-size:26px}
  .tv-container{width:min(var(--tv-max), calc(100% - 28px))}
}