body{
  font-family:var(--font-main);
  background:var(--bg);
  color:#ddd;
  margin:0;
}

button,
input,
select,
textarea{
  font:inherit;
}

.theme-item{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.6rem .7rem;
  background:rgba(255,255,255,.02);
  border:1px solid var(--edge);
  border-radius:10px;
}

.theme-select{
  min-width:180px;
  padding:.5rem .65rem;
  border:1px solid var(--edge);
  border-radius:8px;
  background:#101010;
  color:#ddd;
}

.theme-select-preview{
  color:var(--muted);
  font-size:.9rem;
}
.wrap{
  max-width:1280px;
  margin:2rem auto;
  padding:0 1rem;
}

.hero,
.panel,
.tile{
  background:var(--card);
  border:1px solid var(--edge);
  border-radius:var(--radius);
  box-shadow:var(--shadow-1);
}

.hero,
.panel,
.tile{
  padding:1rem;
}

a{
  color:var(--link);
  text-decoration:none;
}

a:hover{
  color:var(--link-hover);
}

.btn{
  display:inline-block;
  padding:.62rem .95rem;
  border:1px solid var(--neon);
  border-radius:8px;
  color:#fff;
  background:#111;
  text-decoration:none;
  cursor:pointer;
}

.btn:hover{
  box-shadow:0 0 12px var(--neon-soft) inset;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
  margin-top:1rem;
}

.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin-top:1rem;
}

.three-col{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:1rem;
  margin-top:1rem;
}

.tablewrap{
  overflow:auto;
  margin-top:1rem;
}

table{
  width:100%;
  border-collapse:collapse;
}

th,td{
  padding:.6rem .5rem;
  border-bottom:1px solid #242424;
  text-align:left;
  font-size:.9rem;
  vertical-align:middle;
}

th{
  color:var(--muted);
}

.pills{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  margin-top:.75rem;
}

.pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid var(--edge);
  background:#101010;
  color:#ddd;
}

.pill.owner{
  border-color:var(--pink);
}

.small{
  font-size:.84rem;
  color:var(--muted);
}

.big{
  font-size:1.3rem;
}

.asset-line{
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:250px;
}

.asset-icon{
  width:40px;
  height:40px;
  border-radius:8px;
  border:1px solid var(--edge);
  background:#0f0f0f;
  object-fit:cover;
  flex:0 0 40px;
}

.filter-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:.8rem;
  margin-top:.8rem;
}

.filter-grid input,
.filter-grid select{
  width:100%;
  padding:.7rem .8rem;
  background:#101010;
  border:1px solid var(--edge);
  color:#ddd;
  border-radius:10px;
}

.action-row{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  margin-top:.8rem;
}

.group-tabs{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  margin-top:.8rem;
}

.group-tab{
  display:inline-block;
  padding:.52rem .8rem;
  border:1px solid var(--edge);
  border-radius:999px;
  background:#111;
  color:#ddd;
}

.group-tab.active{
  border-color:var(--pink);
  color:var(--pink);
  box-shadow:0 0 10px var(--pink-soft) inset;
}

.note{
  margin-top:.8rem;
  color:var(--muted);
  font-size:.84rem;
}

.mini-list{
  display:grid;
  gap:.55rem;
}

.mini-row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.6rem .7rem;
  border:1px solid #222;
  border-radius:10px;
  background:#111;
}

.pagination{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
  margin-top:1rem;
}

.page-link{
  display:inline-block;
  padding:.45rem .7rem;
  border:1px solid var(--edge);
  border-radius:8px;
  background:#111;
  color:#ddd;
}

.page-link.active{
  border-color:var(--pink);
  color:var(--pink);
  box-shadow:0 0 10px var(--pink-soft) inset;
}

/* grouped dashboard subnav */


.dashboard-subnav-wrap{
  margin-top:1rem;
}

.dashboard-subnav-groups{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  align-items:flex-start;
}

.dashboard-subnav-group{
  position:relative;
}

.dashboard-subnav-group > summary{
  list-style:none;
}

.dashboard-subnav-group > summary::-webkit-details-marker{
  display:none;
}

.dashboard-subnav-group-toggle{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.52rem .82rem;
  border:1px solid var(--edge);
  border-radius:999px;
  background:#111;
  color:#ddd;
  cursor:pointer;
  user-select:none;
}

.dashboard-subnav-group-toggle:hover{
  border-color:var(--neon);
  box-shadow:0 0 12px var(--neon-soft) inset;
  color:#fff;
}

.dashboard-subnav-group.is-active .dashboard-subnav-group-toggle,
.dashboard-subnav-group[open] .dashboard-subnav-group-toggle{
  border-color:var(--pink);
  color:var(--pink);
  box-shadow:0 0 10px var(--pink-soft) inset;
}

.dashboard-subnav-caret{
  font-size:.8rem;
  opacity:.9;
}

.dashboard-subnav-group-menu{
  position:absolute;
  top:calc(100% + .45rem);
  left:0;
  min-width:220px;
  z-index:50;
  display:none;
  gap:.45rem;
  padding:.7rem;
  border:1px solid var(--edge);
  border-radius:14px;
  background:#0d0d0d;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.dashboard-subnav-group[open] .dashboard-subnav-group-menu{
  display:grid;
}

.dashboard-subnav-link{
  display:block;
  padding:.55rem .8rem;
  border:1px solid var(--edge);
  border-radius:999px;
  background:#111;
  color:#ddd;
  text-decoration:none;
  white-space:nowrap;
}

.dashboard-subnav-link:hover{
  border-color:var(--neon);
  box-shadow:0 0 12px var(--neon-soft) inset;
  color:#fff;
}

.dashboard-subnav-link.active{
  border-color:var(--pink);
  color:var(--pink);
  box-shadow:0 0 10px var(--pink-soft) inset;
}
.asset-quick-links{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:1rem;
}

.asset-quick-link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.6rem .9rem;
  border:1px solid var(--edge);
  border-radius:999px;
  background:#111;
  color:#ddd;
}

.asset-quick-link:hover{
  border-color:var(--neon);
  box-shadow:0 0 12px var(--neon-soft) inset;
  color:#fff;
}

.asset-quick-link.primary{
  border-color:var(--pink);
  color:var(--pink);
  box-shadow:0 0 10px var(--pink-soft) inset;
}

.browser-summary{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:.9rem;
  color:var(--muted);
  font-size:.9rem;
}

.browser-summary strong{
  color:#fff;
}

@media (max-width: 980px){
  .filter-grid,
  .two-col,
  .three-col{
    grid-template-columns:1fr;
  }

  .dashboard-subnav-groups{
    flex-direction:column;
    align-items:stretch;
  }

  .dashboard-subnav-group{
    width:100%;
  }

  .dashboard-subnav-group-toggle{
    width:100%;
    justify-content:space-between;
  }

  .dashboard-subnav-group-menu{
    position:static;
    min-width:0;
    margin-top:.45rem;
  }
}

.page-link-nav{
  min-width:2.3rem;
  text-align:center;
}

.page-link.is-disabled{
  opacity:.35;
  pointer-events:none;
}

.page-gap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.4rem;
  color:var(--muted);
  padding:.45rem .2rem;
}

.industry-subnav-wrap{
  margin-top:1rem;
}

.industry-subnav{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
}

.industry-subnav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.45rem .82rem;
  border-radius:999px;
  border:1px solid var(--edge);
  background:#111;
  color:#ddd;
  text-decoration:none;
  font-size:.86rem;
}

.industry-subnav-link:hover{
  border-color:var(--neon);
  box-shadow:0 0 12px var(--neon-soft) inset;
  color:#fff;
}

.industry-subnav-link.active{
  border-color:var(--pink);
  color:var(--pink);
  box-shadow:0 0 10px var(--pink-soft) inset;
}


.industry-subnav-label{
  font-size:.85rem;
  color:var(--muted);
  white-space:nowrap;
}
.industry-subnav-wrap{
  margin-top:1rem;
  position:relative;
  z-index:5;
}
.industry-subnav-row{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}

.industry-subnav{
  margin-left:auto;  
}

.production-subnav-wrap{
  margin-top:.75rem;
}

.production-subnav-row{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}

.production-subnav{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
  margin-left:auto;
}

.production-subnav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.45rem .82rem;
  border-radius:999px;
  border:1px solid var(--edge);
  background:#111;
  color:#ddd;
  text-decoration:none;
  font-size:.86rem;
}

.production-subnav-link:hover{
  border-color:var(--neon);
  box-shadow:0 0 12px var(--neon-soft) inset;
  color:#fff;
}

.production-subnav-link.active{
  border-color:var(--pink);
  color:var(--pink);
  box-shadow:0 0 10px var(--pink-soft) inset;
}

.production-subnav-label{
  font-size:.85rem;
  color:var(--muted);
  white-space:nowrap;
}

@media (max-width:980px){
  .production-subnav-row{
    flex-direction:column;
    align-items:stretch;
  }

  .production-subnav{
    margin-left:0;
  }
}


.industry-results-panel{
  margin-top:1rem;
}

.metric-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1rem;
  margin-top:1rem;
}

.metric-card{
  display:block;
  padding:1rem;
  border:1px solid var(--edge);
  border-radius:14px;
  background:#101010;
  color:#ddd;
  text-decoration:none;
  box-shadow:var(--shadow-1);
}

.metric-card-title{
  font-size:.88rem;
  color:var(--muted);
}

.metric-card-value{
  font-size:1.35rem;
  color:#fff;
  margin-top:.25rem;
}

.metric-card-meta{
  margin-top:.35rem;
  font-size:.82rem;
  color:var(--muted);
}
.ks-scope-pills{
  display:flex;
  gap:.5rem;
  margin:.8rem 0;
  flex-wrap:wrap;
}

.ks-pill{
  padding:.45rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--edge);
  color:#ccc;
  text-decoration:none;
  font-size:.85rem;
}

.ks-pill:hover{
  color:#fff;
}

.ks-pill.active{
  background:#00bcd4;
  color:#000;
  border-color:#00bcd4;
}