/* assets/css/srv-wireless.css */

.radio-scene {
  position:relative;min-height:370px;border-radius:28px;background:
    linear-gradient(180deg,rgba(7,12,28,.45),rgba(7,12,28,.88)),
    url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=80') center/cover;
  border:1px solid rgba(255,255,255,.10);overflow:hidden;
}
.tower { position:absolute;bottom:34px;width:78px;height:210px; }
.tower.left { left:54px; }
.tower.right { right:54px; }
.tower::before { content:"";position:absolute;left:35px;top:0;width:8px;height:210px;background:linear-gradient(180deg,#b9c1d8,#5c6680);border-radius:20px; }
.tower::after { content:"";position:absolute;left:12px;bottom:0;width:54px;height:32px;border:2px solid rgba(255,255,255,.45);border-top:0; }
.antenna { position:absolute;top:26px;left:8px;width:62px;height:42px;border-radius:16px;background:rgba(255,102,0,.18);border:1px solid rgba(255,102,0,.35);box-shadow:0 0 26px rgba(255,102,0,.32); }
.antenna::after { content:"";position:absolute;left:28px;top:38px;width:8px;height:30px;background:rgba(255,255,255,.5);border-radius:20px; }
.link-line { position:absolute;left:132px;right:132px;top:128px;height:2px;background:linear-gradient(90deg,rgba(255,102,0,.1),rgba(255,102,0,.9),rgba(90,174,255,.8),rgba(255,102,0,.1));box-shadow:0 0 18px rgba(255,102,0,.55); }
.link-line::before, .link-line::after { content:"";position:absolute;top:-46px;width:130px;height:92px;border:1px solid rgba(255,102,0,.28);border-radius:50%;filter:blur(.1px); }
.link-line::before { left:16%; }
.link-line::after { right:16%; }
.fresnel {
  position:absolute;left:18%;right:18%;top:82px;height:92px;border-radius:50%;
  border:1px dashed rgba(90,174,255,.38);background:radial-gradient(ellipse at center,rgba(90,174,255,.09),transparent 70%);
}
.obstacle {
  position:absolute;left:48%;bottom:34px;width:88px;height:138px;border-radius:40px 40px 8px 8px;
  background:linear-gradient(180deg,rgba(24,201,139,.35),rgba(9,66,55,.7));border:1px solid rgba(24,201,139,.25);
}
.scene-label {
  position:absolute;left:22px;bottom:22px;right:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.scene-pill { padding:12px;border-radius:16px;background:rgba(7,12,28,.72);border:1px solid rgba(255,255,255,.09); }
.scene-pill strong { display:block;font-size:13px; }
.scene-pill span { display:block;color:var(--muted2);font-size:11px;margin-top:4px; }

/* PTMP Map specific overrides and positioning */
.ptmp-map::before {
  content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 50% 45%,rgba(255,102,0,.16),transparent 13%),
  radial-gradient(circle at 30% 28%,rgba(90,174,255,.10),transparent 10%),
  radial-gradient(circle at 70% 28%,rgba(90,174,255,.10),transparent 10%),
  radial-gradient(circle at 22% 70%,rgba(90,174,255,.10),transparent 10%),
  radial-gradient(circle at 78% 70%,rgba(90,174,255,.10),transparent 10%);
}

.diagram-node.n1 { left:11%;top:15%; }
.diagram-node.n2 { right:11%;top:15%; }
.diagram-node.n3 { left:8%;bottom:13%; }
.diagram-node.n4 { right:8%;bottom:13%; }
.diagram-node.n5 { left:50%;bottom:7%;transform:translateX(-50%); }

.diagram-link.r1 { width:330px;transform:rotate(-150deg); }
.diagram-link.r2 { width:330px;transform:rotate(-30deg); }
.diagram-link.r3 { width:360px;transform:rotate(145deg); }
.diagram-link.r4 { width:360px;transform:rotate(35deg); }
.diagram-link.r5 { width:260px;transform:rotate(90deg); }

.vendor-strip { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.vendor { border-radius:24px;padding:22px;background:rgba(7,12,28,.65);border:1px solid rgba(255,255,255,.09);text-align:center; }
.vendor strong { font-size:23px;letter-spacing:-.05em; }
.vendor span { display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:9px; }

@media(max-width:1120px) {
  .vendor-strip { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:880px) {
  .vendor-strip { grid-template-columns:1fr; }
  .scene-label { grid-template-columns:1fr; }
  .tower.left { left:20px; }
  .tower.right { right:20px; }
  .link-line { left:90px;right:90px; }
}