/* Technician status style */
.status-box {
  position: absolute;
  top: 90px;
  left: 100px;
  padding: 10px 15px;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  color: white;
  font-weight: bold;
}

.available {
  background-color: green;
}

.busy {
  background-color: orange;
}

.offline {
  background-color: red;
}

/* 📱 MOBILE ONLY */
@media (max-width: 768px) {
  .status-box {
    position: fixed !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    font-size: 13px;
    padding: 6px 12px;
    z-index: 9999;
  }
}