/* 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;
}

/* Header logo sizing (PortWarden) */
.pw-header-logo {
  height: 34px;
  width: auto;
  max-width: 220px;
  display: block;
}
@media (max-width: 576px) {
  .pw-header-logo { height: 28px; }
}

/* Header logo wrapper (PortWarden) */
.pw-header-logo-wrap {
  background: #fff;
  border-radius: 0.75rem;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,.18);
}
.pw-header-logo-wrap img.pw-header-logo {
  height: 28px;
  width: auto;
  max-width: 100%;
  display: block;
}
@media (max-width: 576px) {
  .pw-header-logo-wrap { width: 40px; height: 40px; padding: 5px; }
  .pw-header-logo-wrap img.pw-header-logo { height: 24px; }
}