/* =========================
     RADAR — elemento de busca
  ========================== */

  .radar-panel{
    background:var(--asphalt-850);
    border:1px solid var(--line);
    border-radius:var(--radius-lg);
    padding:26px 20px 22px;
    text-align:center;
    margin-bottom:16px;
  }

  .radar-stage{
    width:180px; height:180px;
    margin:0 auto 6px;
    position:relative;
  }

  .radar-ring{
    position:absolute; inset:0;
    border-radius:50%;
    border:1px solid var(--line);
  }
  .radar-ring.r2{ inset:22px; }
  .radar-ring.r3{ inset:44px; }
  .radar-ring.r4{ inset:66px; }

  .radar-sweep{
    position:absolute; inset:0;
    border-radius:50%;
    overflow:hidden;
    animation:radarSpin 2.4s linear infinite;
  }
  .radar-sweep::before{
    content:"";
    position:absolute; inset:0;
    background:conic-gradient(from 0deg, rgba(255,176,32,.55), transparent 32%, transparent 100%);
  }
  @keyframes radarSpin{
    to{ transform:rotate(360deg); }
  }

  .radar-center{
    position:absolute; left:50%; top:50%;
    width:34px; height:34px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:var(--asphalt-800);
    border:1.5px solid var(--beacon-line);
    display:flex; align-items:center; justify-content:center;
    color:var(--beacon);
    z-index:3;
  }
  .radar-center svg{ width:16px; height:16px; }

  .radar-pin{
    position:absolute;
    width:9px; height:9px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 3px rgba(57,217,138,.18);
    opacity:0;
    transform:scale(.4);
    transition:opacity .35s var(--ease), transform .35s var(--ease);
    z-index:2;
  }
  .radar-pin.show{ opacity:1; transform:scale(1); }

  .radar-title{
    font-size:15px; font-weight:800;
    margin:6px 0 4px;
  }
  .radar-sub{
    font-family:"JetBrains Mono",monospace;
    font-size:11px;
    color:var(--concrete-400);
    min-height:16px;
  }
  .radar-sub strong{ color:var(--beacon); }

  .checklist{
    margin-top:20px;
    display:flex; flex-direction:column; gap:9px;
    text-align:left;
    max-width:280px;
    margin-left:auto; margin-right:auto;
  }
  .check-item{
    display:flex; align-items:center; gap:10px;
    font-size:12.5px;
    color:var(--concrete-400);
    transition:color .2s var(--ease);
  }
  .check-item .dot{
    width:18px; height:18px; border-radius:50%;
    border:1.5px solid var(--line-strong);
    display:flex; align-items:center; justify-content:center;
    flex:none;
    transition:border-color .2s var(--ease), background .2s var(--ease);
  }
  .check-item .dot svg{
    width:10px; height:10px; color:var(--asphalt-950);
    opacity:0; transform:scale(.5);
    transition:opacity .18s var(--ease), transform .18s var(--ease);
  }
  .check-item.done{ color:var(--concrete-200); }
  .check-item.done .dot{ border-color:var(--success); background:var(--success); }
  .check-item.done .dot svg{ opacity:1; transform:scale(1); }
  .check-item.active{ color:var(--white); font-weight:600; }
  .check-item.active .dot{ border-color:var(--beacon); }