/* assets/css/custom.css
   Local overrides for PortWarden Admin UI.
*/

/* Bootstrap default code color is hot-pink-ish (#d63384). Nah.
   Make all inline <code> text use the same blue as the theme primary.
*/
:root {
  --bs-code-color: var(--bs-primary);
}

code {
  color: var(--bs-code-color) !important;
}

/* IP summary pills: readable on mobile */
.pw-summary-badge {
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.5rem 0.85rem;
  letter-spacing: 0.2px;
}
@media (max-width: 576px) {
  .pw-summary-badge {
    font-size: 1rem;
    padding: 0.55rem 0.95rem;
  }
}

/* IP table action buttons: remove the ugly boxy outline group look */
.pw-ips-actions form { margin: 0; }
.pw-ips-actions .pw-action-btn {
  border-radius: 0.75rem;
  padding: 0.28rem 0.6rem;
  line-height: 1.15;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* Keep icons vertically centered */
.pw-ips-actions .pw-action-btn i {
  font-size: 1rem;
  line-height: 1;
}

/* DataTables: keep action buttons in a single horizontal row (no vertical stacking) */
td.dt-actions,
th.dt-actions {
  white-space: nowrap;
}

td.dt-actions form {
  display: inline;
  margin: 0;
}