body {
  background:#f7f7f7;
  font-family:tahoma,Vazirmatn,sans-serif;
}
.signal-wrap {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  justify-content:center;
  margin-top: 40px;
}
.signal-box {
  background:#fff;
  border-radius:18px;
  box-shadow:0 4px 16px #0001;
  padding:22px 16px;
  min-width:270px;
  min-height:260px;
  margin:18px 0;
  border:2px solid #e1e1e1;
  position:relative;
  transition:box-shadow .25s, border-color .25s;
  direction: rtl;
  line-height: 2.1;
  font-size: 1.15em;
}
.signal-box.new {
  border-color:#087b1b;
  box-shadow:0 0 18px #0f04;
}
.symbol {
  font-size:1.22em;
  display:block;
}
.type-short {
  color:#d50000;
  font-weight:bold;
}
.type-long {
  color:#009688;
  font-weight:bold;
}
.department {
  font-size:.95em;
  color:#888;
}
.tp {
  color:#24a827;
  font-weight:bold;
}
.sl {
  color:#d50000;
  font-weight:bold;
}
.alarm {
  position:fixed;
  top:20px;
  right:40px;
  z-index:99;
  background:#ffd600;
  color:#222;
  padding:18px 28px;
  border-radius:12px;
  box-shadow:0 6px 32px #0003;
  font-size:1.24em;
  display:none;
  border:2px solid #ffa000;
  font-family:tahoma,Vazirmatn,sans-serif;
}