/* ═══ THREAT MAP ═══ */
.tm-page{background:#080C14;color:#C9D1D9;min-height:100vh;}
.tm-topbar{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.06);gap:16px;
}
.tm-topbar-title{
  display:flex;align-items:center;gap:10px;
  font-size:.9rem;font-weight:700;color:#E6EDF3;font-family:'DM Sans',sans-serif;
}
.tm-stats{display:flex;gap:24px;flex-wrap:wrap;}
.tm-stat{text-align:center;}
.tm-stat-val{display:block;font-family:'DM Serif Display',serif;font-size:1.3rem;color:#3FB950;}
.tm-stat-lbl{font-size:.65rem;color:rgba(255,255,255,.35);font-weight:600;text-transform:uppercase;letter-spacing:.08em;}
.tm-map-wrap{position:relative;height:calc(100vh - 180px);min-height:400px;overflow:hidden;}
#tm-canvas{width:100%;height:100%;display:block;}
.tm-log{
  position:absolute;top:16px;right:16px;width:280px;
  background:rgba(8,12,20,.85);border:1px solid rgba(255,255,255,.06);border-radius:8px;
  padding:12px;max-height:320px;overflow-y:auto;
}
.tm-log::-webkit-scrollbar{width:3px;}
.tm-log::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px;}
.tm-log-item{
  display:flex;align-items:flex-start;gap:8px;
  padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);
  font-size:.72rem;line-height:1.5;
}
.tm-log-item:last-child{border-bottom:none;}
.tm-log-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:2px;
  display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;}
.tm-log-blocked{background:rgba(63,185,80,.15);color:#3FB950;}
.tm-log-text{color:rgba(255,255,255,.55);}
.tm-log-text strong{color:#E6EDF3;}
.tm-log-time{color:rgba(255,255,255,.25);font-size:.65rem;}
.tm-cta{
  padding:28px;text-align:center;border-top:1px solid rgba(255,255,255,.06);
  font-size:.9rem;color:rgba(255,255,255,.5);
}
.tm-cta strong{color:#E6EDF3;}
@media(max-width:768px){
  .tm-log{width:200px;font-size:.65rem;}
  .tm-stats{gap:14px;}
  .tm-stat-val{font-size:1rem;}
  .tm-topbar{padding:12px 16px;gap:12px;}
  .tm-map-wrap{height:calc(100vh - 220px);min-height:280px;}
}
@media(max-width:480px){
  .tm-log{position:static;width:100%;max-height:200px;border-radius:0;border-top:1px solid rgba(255,255,255,.06);}
  .tm-map-wrap{height:50vh;min-height:240px;}
  .tm-topbar{flex-direction:column;align-items:flex-start;}
  .tm-stats{width:100%;justify-content:space-between;}
  .tm-stat-val{font-size:.9rem;}
  .tm-cta{padding:20px 16px;}
}