/* ====== WABuzz Admin UI ====== */

/* Layout generico */
.wrap h1,
.wrap h2 {
  font-weight: 600;
  margin-bottom: 15px;
}

.wrap h2 {
  border-bottom: 2px solid #0073aa;
  padding-bottom: 5px;
}

/* Form settings */
.form-table th {
  width: 240px;
  font-weight: 600;
}

.form-table td input[type="text"],
.form-table td input[type="number"],
.form-table td select {
  width: 320px;
  max-width: 100%;
}

.form-table td input[type="checkbox"] {
  transform: scale(1.2);
  margin-right: 6px;
}

.form-table td input:focus,
.form-table td select:focus {
  border-color: #0073aa;
  box-shadow: 0 0 2px #0073aa;
}

/* Pulsanti */
button.button,
input[type="submit"].button-primary {
  background: #0073aa;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 6px 14px;
  cursor: pointer;
}

button.button:hover,
input[type="submit"].button-primary:hover {
  background: #006799;
}

/* Tabelle log */
table.widefat th,
table.widefat td {
  vertical-align: middle;
  padding: 8px;
}

table.widefat tbody tr:hover {
  background: #f1f1f1;
}

table.widefat td[title] {
  cursor: help;
}

/* Tooltip (per response_raw) */
table.widefat td[title]:hover::after {
  content: attr(title);
  position: absolute;
  background: #333;
  color: #fff;
  padding: 5px 8px;
  border-radius: 3px;
  font-size: 12px;
  max-width: 350px;
  white-space: pre-wrap;
  z-index: 9999;
}

/* Broadcast page */
.wabuzz-broadcast-form textarea {
  width: 100%;
  min-height: 120px;
  margin-bottom: 10px;
}

.wabuzz-broadcast-form input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}

.wabuzz-broadcast-form button.button-primary {
  margin-top: 5px;
}

form textarea {
  width: 320px;
  max-width: 100%;
}

/* Responsive */
@media screen and (max-width: 782px) {
  .form-table th {
    width: auto;
    display: block;
    margin-bottom: 5px;
  }
  .form-table td input,
  .form-table td select {
    width: 100%;
  }
}