/* EasyStack minimal CloudBeaver branding
 * - Keep CloudBeaver's native theme behavior
 * - Only customize header + logo container + slight rounding
 */

/* Header / top bar: keep it consistently dark slate */
header,
.cb-app-header,
.cb-main-header,
.app-header {
  background-color: #111827 !important;  /* dark slate */
  border-bottom: 1px solid #1f2937 !important;
}

/* Logo containers – clean, no background block */
.cb-header-logo,
.cb-auth-logo,
.cb-logo,
.cb-app-header__logo {
  background: transparent !important;
  padding: 0.25rem 0.5rem !important;
}

/* Logo sizing – use your EasyStack dark logo, keep it neat */
.cb-header-logo img,
.cb-auth-logo img,
.cb-logo img,
.cb-app-header__logo img {
  max-height: 36px !important;
  height: auto !important;
}

/* Optional: slightly softer cards & dialogs (visual polish) */
.cb-panel,
.cb-card,
.cb-dashboard-panel,
.cb-dialog {
  border-radius: 0.75rem !important;
}