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

.intel-wrap{
  max-width:1320px;
  margin:1.6rem auto 2rem;
  padding:0 1rem;
}

.intel-hero,
.intel-panel{
  border:1px solid #202b38;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(15,20,27,.96), rgba(10,14,20,.98));
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}

.intel-hero{
  padding:1.2rem 1.25rem;
}

.intel-hero h1{
  margin:0 0 .35rem;
  color:#fff;
  font-size:1.9rem;
}

.intel-hero p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  max-width:980px;
}

.intel-banner{
  margin-top:1rem;
  padding:.85rem 1rem;
  border:1px solid #32455a;
  border-radius:12px;
  background:rgba(70,110,140,.10);
  color:#cfd9e2;
  line-height:1.5;
}

.intel-banner strong{color:#fff}

.intel-panel{
  margin-top:1rem;
  padding:1rem;
}

.intel-search-grid,
.intel-profile-top,
.intel-action-row,
.intel-kpi-grid,
.intel-two,
.intel-three,
.intel-tabbar,
.intel-chip-row{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
}

.intel-search-grid{
  align-items:end;
}

.intel-search-grid > div:first-child{
  flex:1 1 360px;
}

.intel-search-grid input,
.intel-search-grid select{
  width:100%;
  box-sizing:border-box;
  padding:.75rem .85rem;
  border:1px solid #2c3a4a;
  border-radius:10px;
  background:#0f141b;
  color:#e8eef6;
}

.intel-label{
  display:block;
  margin-bottom:.35rem;
  color:var(--muted);
  font-size:.82rem;
}

.intel-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  padding:.72rem .9rem;
  border:1px solid #31465c;
  border-radius:10px;
  background:#121922;
  color:#e8eef6;
  text-decoration:none;
  cursor:pointer;
}

.intel-btn:hover{
  border-color:#4b6b88;
  background:#17212c;
}

.intel-btn-mini{
  padding:.42rem .65rem;
  font-size:.84rem;
}

.intel-profile-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  flex-wrap:wrap;
}

.intel-profile-main{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  min-width:0;
}

.intel-logo{
  width:88px;
  height:88px;
  border-radius:14px;
  border:1px solid #2b3644;
  background:#0d1116;
  object-fit:cover;
  flex:0 0 88px;
}

.intel-profile-copy h2{
  margin:0;
  color:#fff;
  font-size:1.45rem;
}

.intel-profile-sub{
  margin-top:.35rem;
  color:var(--muted);
  line-height:1.5;
  max-width:840px;
}

.intel-summary-line{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
  margin-top:.7rem;
}

.intel-summary-line span{
  padding:.35rem .55rem;
  border:1px solid #273342;
  border-radius:999px;
  background:#10161d;
  color:#cfdae6;
  font-size:.82rem;
}

.intel-chip-row{
  margin-top:.7rem;
}

.intel-chip{
  display:inline-flex;
  align-items:center;
  padding:.28rem .6rem;
  border-radius:999px;
  border:1px solid #304050;
  font-size:.78rem;
  background:#111821;
  color:#d8e7f7;
}

.intel-chip-good{border-color:#32b67a;color:#8cf4bc}
.intel-chip-warn{border-color:#caa451;color:#ffd77a}
.intel-chip-bad{border-color:#cc6666;color:#ff9e9e}
.intel-chip-muted{border-color:#667788;color:#b7c4d1}

.intel-kpi-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.8rem;
  margin-top:1rem;
}

.intel-kpi{
  padding:.9rem .95rem;
  border:1px solid #24313f;
  border-radius:12px;
  background:#0f151d;
}

.intel-kpi-label{
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.intel-kpi-value{
  margin-top:.32rem;
  color:#fff;
  font-size:1.35rem;
  font-weight:700;
}

.intel-kpi-sub{
  margin-top:.3rem;
  color:#94a7ba;
  font-size:.8rem;
}

.intel-tabbar{
  margin-top:1rem;
  padding-bottom:.3rem;
  border-bottom:1px solid #24313f;
}

.intel-tab{
  display:inline-flex;
  align-items:center;
  padding:.45rem .72rem;
  border-radius:999px;
  border:1px solid #273646;
  background:#0f151d;
  color:#d6e3f1;
  text-decoration:none;
  font-size:.86rem;
}

.intel-tab.is-active{
  border-color:#68c0ff;
  color:#b9e4ff;
}

.intel-section{
  margin-top:1rem;
}

.intel-section h3{
  margin:0 0 .3rem;
  color:#fff;
  font-size:1.1rem;
}

.intel-section p.section-note{
  margin:0 0 .9rem;
  color:var(--muted);
  line-height:1.55;
}

.intel-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

.intel-three{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.intel-card{
  border:1px solid #24313f;
  border-radius:12px;
  background:#0f151d;
  padding:1rem;
}

.intel-card h4{
  margin:0 0 .75rem;
  color:#fff;
  font-size:1rem;
}

.intel-list{
  display:grid;
  gap:.65rem;
}

.intel-list-item{
  padding:.75rem .8rem;
  border:1px solid #1f2b37;
  border-radius:10px;
  background:#111922;
}

.intel-list-item strong{
  color:#fff;
}

.intel-list-item .muted,
.intel-muted{
  color:var(--muted);
}

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

.intel-table th,
.intel-table td{
  padding:.65rem .55rem;
  border-bottom:1px solid #22303e;
  vertical-align:top;
  text-align:left;
}

.intel-table th{
  color:#9fb6cb;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.intel-table td{
  color:#dce6f1;
}

.intel-table a{
  color:#8fd7ff;
  text-decoration:none;
}

.intel-table a:hover{
  text-decoration:underline;
}

.intel-empty{
  padding:1rem;
  border:1px dashed #314050;
  border-radius:12px;
  color:#9fb0c1;
  background:#0e141b;
}

.intel-candidate-list{
  display:grid;
  gap:.75rem;
  margin-top:1rem;
}

.intel-candidate-item{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  padding:.85rem .9rem;
  border:1px solid #24313f;
  border-radius:12px;
  background:#10161e;
}

.intel-candidate-left{
  display:flex;
  gap:.8rem;
  align-items:center;
  min-width:0;
}

.intel-candidate-logo{
  width:56px;
  height:56px;
  border-radius:12px;
  border:1px solid #263341;
  background:#0c1015;
  object-fit:cover;
}

.intel-candidate-name{
  color:#fff;
  font-weight:700;
}

.intel-candidate-meta{
  margin-top:.25rem;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.45;
}

@media (max-width:1100px){
  .intel-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .intel-two,.intel-three{grid-template-columns:1fr}
}

@media (max-width:720px){
  .intel-wrap{padding:0 .75rem}
  .intel-profile-main,
  .intel-candidate-item,
  .intel-candidate-left{
    flex-direction:column;
    align-items:flex-start;
  }
  .intel-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.intel-subnav{
  margin:1rem 0 0;
}

.intel-subnav__inner{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  padding:.8rem .9rem;
  border:1px solid #24313f;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(14,19,26,.96), rgba(10,14,20,.98));
  box-shadow:0 8px 22px rgba(0,0,0,.2);
}

.intel-subnav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.55rem .8rem;
  border:1px solid #2b3948;
  border-radius:999px;
  background:#0f151d;
  color:#dce7f2;
  text-decoration:none;
  font-size:.88rem;
}

.intel-subnav__link:hover{
  border-color:#4c6f90;
  background:#141d27;
}

.intel-subnav__link.is-active{
  border-color:#68c0ff;
  color:#c7ecff;
  background:#13202b;
}

.intel-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:end;
  margin-top:1rem;
}

.intel-toolbar > div{
  min-width:180px;
}

.intel-toolbar input,
.intel-toolbar select{
  width:100%;
  box-sizing:border-box;
  padding:.72rem .82rem;
  border:1px solid #2c3a4a;
  border-radius:10px;
  background:#0f141b;
  color:#e8eef6;
}