/* Theme-Tokens (--kc-*) liegen zentral in theme-tokens.css. */

:root {
  margin-inline: 0;
}

body {
  position: relative;
  min-height: 100vh;
}
body.modal-open {
  padding-right: var(--bs-scrollbar-width);
}
[data-bs-theme=dark] .navbar-brand img {
  filter: invert(1);
}

/* Card-Header/-Footer-Hintergrund: --tblr-card-cap-bg in theme-tokens.css (Modern-Pass). */

/* Footer: ruhig im Seitenton, zitro-Blatt als Brand-Touch, Version als Mono-Chip */
.footer.footer-transparent {
  border-top: 1px solid var(--kc-border);
  font-size: 0.85rem;
}
.footer-brand-mark {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg, #ffc700 0%, #ff9900 100%);
  border-radius: 0 50% 0 50%;
  flex: 0 0 auto;
}
.footer-brand {
  flex-wrap: wrap;
  text-align: right;
}
.footer-version {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.15rem 0.6rem;
  border: 1px solid var(--kc-border);
  border-radius: 999px;
  background: var(--kc-surface);
  color: var(--kc-muted);
  font-size: 0.78rem;
}
.footer-version code {
  background: transparent;
  padding: 0;
  color: inherit;
  font-size: 0.75rem;
}

.page-sidebar {
  padding-bottom: 4.75rem;
}
.sidebar-build {
  position: absolute;
  right: 0;
  bottom: 1.1rem;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 0 1rem;
  pointer-events: none;
}
.sidebar-build .footer-version {
  border-color: rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.18);
  color: var(--kc-sidebar-link);
  backdrop-filter: blur(8px);
}
.sidebar-collapsed .sidebar-build {
  display: none;
}

@media (max-width: 767px) {
  .page-sidebar {
    padding-bottom: 0;
  }
  .sidebar-build {
    position: static;
    padding: 1rem 1rem 1.25rem;
  }
}

/* Tabellenköpfe: "Edding"-Markierung in zitro-Gelb statt Tablers Grau (beide Themes);
   im Dark zusätzlich warm getönte Schrift, wie ein leuchtender Marker. */
.table thead th {
  background: var(--kc-mark);
}
.table thead th .table-sort {
  background: transparent; /* erbt sonst die Markierung und tintet doppelt */
}
[data-bs-theme=dark] .table thead th {
  color: #ecca6d;
}

/* CI-Akzente: aktive Seitenzahl als zitro-Chip, Hinweis-Chips im Edding-Gelb
   statt Tabler-Blau (Blau bleibt Aktionsfarbe fuer Buttons/Links). */
.pagination .page-item.active .page-link {
  background-color: #ffc700 !important;
  border-color: #ffc700 !important;
  color: #5c450c !important;
}
.badge.bg-blue-lt {
  background-color: var(--kc-mark) !important;
  color: #7a5c12 !important;
}
[data-bs-theme=dark] .badge.bg-blue-lt {
  color: #ecca6d !important;
}

.tooltip-danger .tooltip-inner {
  background-color: #dc3545; /* Bootstrap danger */
  color: #fff;
}
.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #dc3545;
}
.tooltip-danger.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #dc3545;
}
.tooltip-danger.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #dc3545;
}
.tooltip-danger.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #dc3545;
}

.ui-notification-list {
  min-width: 450px;
}

#dashboard-grid {
  padding: 0;
}
#dashboard-grid .grid-stack-item {
  min-width: 0;
}
#dashboard-grid .grid-stack-item .grid-stack-item-content {
  background: transparent;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}
#dashboard-grid .card {
  flex: 1;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}
#dashboard-grid .card .card-body {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}
#dashboard-grid .card-header,
#dashboard-grid .card-footer {
  flex: 0 0 auto;
  min-width: 0;
}
#dashboard-grid .card-footer {
  gap: 0.75rem;
  flex-wrap: wrap;
}
#dashboard-grid .card-footer .pagination {
  flex-wrap: wrap;
  justify-content: flex-end;
}
#dashboard-grid .catalog-widget > .card-header > .row.w-100,
#dashboard-grid .catalog-widget > .card-body > .row.w-100,
#dashboard-grid .portal-list-widget > .card-header > .row.w-100,
#dashboard-grid .portal-list-widget > .card-body > .row.w-100,
#dashboard-grid .app-table-widget > .card-header > .row.w-100,
#dashboard-grid .app-table-widget > .card-body > .row.w-100,
#dashboard-grid .app-widget-card > .card-header > .row.w-100,
#dashboard-grid .app-widget-card > .card-body > .row.w-100 {
  min-width: 0;
}
#dashboard-grid .catalog-widget .app-widget-head,
#dashboard-grid .portal-list-widget .app-widget-head,
#dashboard-grid .app-table-widget .app-widget-head,
#dashboard-grid .app-widget-card .app-widget-head {
  min-width: 0;
}
#dashboard-grid .catalog-widget .app-widget-head > .card-title,
#dashboard-grid .catalog-widget .app-widget-head > .text-secondary,
#dashboard-grid .portal-list-widget .app-widget-head > .card-title,
#dashboard-grid .portal-list-widget .app-widget-head > .text-secondary,
#dashboard-grid .app-table-widget .app-widget-head > .card-title,
#dashboard-grid .app-table-widget .app-widget-head > .text-secondary,
#dashboard-grid .app-widget-card .app-widget-head > .card-title,
#dashboard-grid .app-widget-card .app-widget-head > .text-secondary {
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}
#dashboard-grid .catalog-widget [data-bulk-header-actions],
#dashboard-grid .catalog-widget .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
#dashboard-grid .portal-list-widget [data-bulk-header-actions],
#dashboard-grid .portal-list-widget .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
#dashboard-grid .app-table-widget [data-bulk-header-actions],
#dashboard-grid .app-table-widget .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
#dashboard-grid .app-widget-card [data-bulk-header-actions],
#dashboard-grid .app-widget-card .card-header > .row.w-100 > .col-md-auto.ms-md-auto {
  min-width: 0;
  max-width: 100%;
}
#dashboard-grid .table-responsive {
  min-width: 0;
  max-width: 100%;
  overflow: auto;
}

@container (max-width: 520px) {
  #dashboard-grid .catalog-widget > .card-header > .row.w-100,
  #dashboard-grid .catalog-widget > .card-body > .row.w-100,
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100,
  #dashboard-grid .portal-list-widget > .card-body > .row.w-100,
  #dashboard-grid .app-table-widget > .card-header > .row.w-100,
  #dashboard-grid .app-table-widget > .card-body > .row.w-100,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100,
  #dashboard-grid .app-widget-card > .card-body > .row.w-100 {
    align-items: flex-start !important;
  }
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > .col,
  #dashboard-grid .catalog-widget > .card-body > .row.w-100 > .col,
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .catalog-widget > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > .col,
  #dashboard-grid .portal-list-widget > .card-body > .row.w-100 > .col,
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .portal-list-widget > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col,
  #dashboard-grid .app-table-widget > .card-body > .row.w-100 > .col,
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-table-widget > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > .col,
  #dashboard-grid .app-widget-card > .card-body > .row.w-100 > .col,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > .col-md-auto.ms-md-auto {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .catalog-widget > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .portal-list-widget > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-table-widget > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > .col-md-auto.ms-md-auto {
    justify-content: flex-start;
  }
}

.page-surface-transparent,
[class*="-ui-page"] {
  background: transparent !important;
  box-shadow: none !important;
}

.system-settings-content .form-fieldset,
.user-settings-content .form-fieldset,
.role-settings-content .form-fieldset,
.form-grouped-content .form-fieldset {
  border: 1px solid var(--kc-border-strong);
  border-radius: 4px;
  padding: 1.15rem 1.25rem 1.05rem;
  background: var(--kc-surface);
  box-shadow: none;
}

.form-control,
.form-select,
textarea.form-control {
  background-color: var(--tblr-bg-forms) !important;
}

.form-control:disabled,
.form-select:disabled,
textarea.form-control:disabled {
  background-color: var(--kc-form-disabled) !important;
}

.form-control[readonly],
.form-select[readonly],
textarea.form-control[readonly] {
  background-color: var(--tblr-bg-forms) !important;
}

.system-settings-content .form-fieldset legend.form-label,
.user-settings-content .form-fieldset legend.form-label,
.role-settings-content .form-fieldset legend.form-label,
.form-grouped-content .form-fieldset legend.form-label {
  float: none;
  width: auto;
  padding: 0 0.55rem;
  margin: 0 0 0 0.55rem;
  border: 0;
  border-radius: 0;
  background: var(--kc-surface);
  color: var(--kc-label);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.system-settings-content .form-fieldset + .form-fieldset,
.user-settings-content .form-fieldset + .form-fieldset,
.role-settings-content .form-fieldset + .form-fieldset,
.form-grouped-content .form-fieldset + .form-fieldset {
  margin-top: 1.5rem;
}

.ui-entity-form {
  border: 1px solid var(--kc-border);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.ui-entity-form__body {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  background: var(--kc-surface-soft);
}

.ui-entity-form__body > .mb-4,
.ui-entity-form__body > .ui-entity-form__section {
  margin-bottom: 0 !important;
}

.ui-entity-form__statusbar {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-left: auto;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--kc-border);
  border-radius: 999px;
  background: var(--kc-surface-muted);
}

.ui-entity-form .form-fieldset {
  margin: 0;
  padding: 1.15rem 1.25rem 1.05rem;
  border-color: var(--kc-border-strong);
  border-radius: 4px;
  background: var(--kc-surface);
  box-shadow: none;
}

.ui-entity-form .form-fieldset legend.form-label {
  margin: 0 0 0 0.55rem;
  padding: 0 0.55rem;
  border: 0;
  border-radius: 0;
  background: var(--kc-surface);
  color: var(--kc-label);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ui-entity-form__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid var(--kc-border);
}

.ui-entity-form__header .subheader {
  color: var(--kc-label);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ui-entity-form__header .card-title {
  color: var(--kc-ink);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.28;
  margin: 0.25rem 0 0;
}

.ui-entity-form__header .text-secondary {
  color: var(--kc-muted) !important;
  font-size: 0.9rem;
  line-height: 1.45;
  margin-top: 0.35rem;
  max-width: 68ch;
}

.ui-entity-form .space-y {
  display: grid;
  gap: 0.9rem;
}

.ui-entity-form .space-y > .text-secondary:first-child {
  max-width: 64ch;
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.5;
  color: var(--kc-muted) !important;
}

.ui-entity-form .row.g-3 {
  --bs-gutter-y: 1rem;
}

.ui-entity-form .form-label {
  margin-bottom: 0.4rem;
  font-weight: 600;
  color: var(--kc-ink-soft);
}

.ui-entity-form .form-hint {
  margin-top: 0.45rem;
  font-size: 0.78rem;
}

.ui-entity-form .form-control,
.ui-entity-form .form-select,
.ui-entity-form textarea.form-control {
  border-color: var(--kc-border-strong);
  box-shadow: none;
}

.ui-entity-form .form-control:focus,
.ui-entity-form .form-select:focus,
.ui-entity-form textarea.form-control:focus {
  border-color: rgba(var(--tblr-primary-rgb), 0.38);
  box-shadow: 0 0 0 3px rgba(var(--tblr-primary-rgb), 0.08);
}

.ui-entity-form .monitoring-check-group,
.ui-entity-form .form-selectgroup {
  gap: 0.5rem;
}

.ui-entity-form .monitoring-check-group .btn,
.ui-entity-form .form-selectgroup .form-selectgroup-label {
  border-radius: 999px;
  background: var(--kc-surface);
}

.ui-entity-form [data-catalog-product-prices],
.ui-entity-form [data-catalog-product-features] {
  gap: 0.75rem !important;
}

.ui-entity-form .price-row,
.ui-entity-form .feature-row {
  margin: 0;
  padding: 0.8rem;
  border: 1px dashed var(--kc-border-strong);
  border-radius: 0.85rem;
  background: var(--kc-surface-soft);
}

.ui-entity-form .card-footer {
  padding: 0.95rem 1.25rem;
  border-top-color: var(--kc-border);
  background: var(--kc-surface-soft);
}

.ui-entity-form--drawer {
  border: 0;
  box-shadow: none;
}

.ui-entity-form--drawer .card-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
}

/* Shared entity detail language */
.entity-detail-page {
  --entity-detail-border: var(--kc-border);
  --entity-detail-border-strong: var(--kc-border-strong);
  --entity-detail-soft: var(--kc-surface-muted);
  --entity-detail-soft-alt: var(--kc-surface-soft);
  --entity-detail-title: var(--kc-ink);
  --entity-detail-muted: var(--kc-muted);
  --entity-detail-label: var(--kc-label);
}

.entity-detail-grid {
  align-items: flex-start;
}

.entity-detail-main,
.entity-detail-side {
  min-width: 0;
}

.entity-detail-workspace {
  display: grid;
  gap: 1rem;
}

.entity-detail-workspace-nav {
  position: sticky;
  top: 0.75rem;
  z-index: 4;
}

.entity-detail-workspace-nav .nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.35rem;
  border: 1px solid var(--entity-detail-border);
  border-radius: 4px;
  background: var(--kc-surface);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.entity-detail-workspace-nav .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.85rem;
  padding: 0.65rem 0.95rem;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--kc-ink);
  font-size: 0.96rem;
  font-weight: 650;
  line-height: 1;
}

.entity-detail-workspace-nav .nav-link:hover {
  border-color: var(--entity-detail-border);
  background: var(--entity-detail-soft);
}

.entity-detail-workspace-nav .nav-link.active {
  color: var(--kc-ink);
  border-color: rgba(var(--tblr-primary-rgb), 0.28);
  background: var(--tblr-primary-lt);
}

.entity-detail-workspace-nav .nav-link i {
  color: var(--kc-muted);
}

.entity-detail-workspace-nav .nav-link.active i {
  color: var(--tblr-primary);
}

.entity-detail-main > .card,
.entity-detail-side > .card,
.entity-detail-page .entity-detail-side-card,
.entity-action-card {
  border: 1px solid var(--entity-detail-border);
  border-radius: 4px;
  background: var(--kc-surface);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.entity-detail-main > .card > .card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem 1rem;
  border-bottom: 1px solid var(--entity-detail-border);
  background: var(--kc-surface);
}

.entity-detail-main > .card > .card-header > div {
  min-width: 0;
  max-width: 74ch;
}

.entity-detail-main > .card > .card-header .card-title {
  color: var(--entity-detail-title);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.28;
  margin: 0;
}

.entity-detail-main > .card > .card-header .text-secondary {
  color: var(--entity-detail-muted) !important;
  font-size: 0.9rem;
  line-height: 1.45;
  margin-top: 0.35rem !important;
}

.entity-detail-main > .ui-entity-form {
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.entity-detail-tab-content > .tab-pane > .card,
.entity-detail-tab-content > .tab-pane > .ui-entity-form {
  margin-bottom: 0 !important;
}

.entity-detail-content-card {
  border: 1px solid var(--entity-detail-border);
  border-radius: 4px;
  background: var(--kc-surface);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  overflow: hidden;
}

.entity-detail-content-card > .card-body {
  padding: 1.15rem;
}

.entity-detail-content-card > .card-footer {
  border-top-color: var(--entity-detail-border);
  background: var(--entity-detail-soft);
}

.entity-detail-summary-head {
  display: grid;
  gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--entity-detail-border);
}

.entity-detail-summary-head__eyebrow {
  color: var(--entity-detail-label);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.entity-detail-summary-head__title {
  color: var(--entity-detail-title);
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.18;
}

.entity-detail-summary-head__text {
  max-width: 72ch;
  color: var(--entity-detail-muted);
  font-size: 0.96rem;
  line-height: 1.5;
}

.entity-detail-kv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
}

.entity-detail-kv-item {
  min-width: 0;
}

.entity-detail-kv-item__label {
  color: var(--kc-muted);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}

.entity-detail-kv-item__value {
  color: var(--entity-detail-title);
  font-size: 0.98rem;
  font-weight: 650;
  line-height: 1.4;
  min-height: 1.4rem;
  overflow-wrap: anywhere;
}

.entity-detail-main .ui-entity-form__body {
  background: var(--entity-detail-soft-alt);
}

.entity-detail-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.entity-detail-side > .card,
.entity-detail-page .entity-detail-side-card,
.entity-action-card {
  margin-bottom: 0 !important;
}

.entity-detail-page .entity-detail-side-card > .card-body,
.entity-action-card > .card-body {
  padding: 1rem;
}

.entity-detail-page .entity-detail-side-card > .card-footer,
.entity-action-card > .card-footer {
  border-top-color: var(--entity-detail-border);
  background: var(--entity-detail-soft);
}

.entity-detail-page .entity-detail-side-card .row.align-items-start,
.entity-detail-page .entity-detail-side-card .app-widget-head {
  align-items: flex-start;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--entity-detail-border);
  margin-bottom: 1rem !important;
}

.entity-action-card .row.align-items-start,
.entity-action-card .app-widget-head,
.entity-action-card .entity-action-card__head {
  align-items: flex-start;
  margin-bottom: 1rem !important;
}

.entity-detail-page .entity-detail-side-card .card-title,
.entity-action-card .card-title {
  color: var(--entity-detail-title);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0.25rem !important;
}

.entity-action-card .subheader,
.entity-detail-page .entity-detail-side-card .subheader {
  color: var(--entity-detail-label);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.entity-detail-page .entity-detail-side-card .text-secondary,
.entity-action-card .text-secondary {
  color: var(--entity-detail-muted) !important;
  font-size: 0.86rem;
  line-height: 1.5;
}

.entity-action-card .row.align-items-start .text-secondary,
.entity-action-card .entity-action-card__head > .text-secondary {
  margin: 15px 0 0;
}

.entity-action-card .app-widget-head + .d-grid.mt-3,
.entity-action-card .entity-action-card__head + .d-grid.mt-3 {
  margin-top: 0 !important;
}

.entity-detail-page .entity-detail-side-card .list-group,
.entity-action-card .list-group {
  border: 1px solid var(--entity-detail-border);
  border-radius: 4px;
  overflow: hidden;
}

.entity-detail-page .entity-detail-side-card .list-group-flush > .list-group-item,
.entity-action-card .list-group-flush > .list-group-item {
  padding: 0.85rem 0.9rem;
  border-color: var(--entity-detail-border);
  background: var(--entity-detail-soft-alt);
}

.entity-detail-page .entity-detail-side-card .btn,
.entity-action-card .btn {
  min-height: 2.55rem;
  justify-content: center;
  text-align: center;
}

.entity-action-card .d-grid {
  gap: 0.65rem !important;
}

.entity-detail-main .form-grouped-content .form-fieldset {
  border-radius: 4px;
  box-shadow: none;
}

.entity-detail-main .table-responsive,
.entity-detail-page .entity-detail-side-card .table-responsive {
  border: 1px solid var(--entity-detail-border);
  border-radius: 4px;
  overflow: hidden;
}

.entity-detail-main .table,
.entity-detail-page .entity-detail-side-card .table {
  margin-bottom: 0;
}

.entity-detail-main .table thead th,
.entity-detail-page .entity-detail-side-card .table thead th {
  background: var(--entity-detail-soft);
  color: var(--kc-muted);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.entity-detail-main .table tbody td,
.entity-detail-page .entity-detail-side-card .table tbody td {
  border-color: var(--entity-detail-border);
}

@media (max-width: 991.98px) {
  .entity-detail-grid {
    --bs-gutter-y: 1rem;
  }

  .entity-detail-workspace-nav {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .entity-detail-kv-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

div.dt-container select.dt-input {
  margin-right: 0.5rem;
}
div.dt-container .dt-search input[type=search] {
  margin-left: 0.5rem;
}
div.dt-container .dt-paging .dt-paging-button {
  background: transparent;
  border: 1px solid var(--tblr-border-color, #e5e7eb);
  border-radius: var(--tblr-border-radius);
  color: var(--kc-ink) !important;
  font-weight: 600;
  line-height: 1.2867;
  padding: 4px 10px;
  font-size: 0.8125rem;
  box-shadow: none;
}
div.dt-container .dt-paging .dt-paging-button:hover {
  background: rgba(var(--tblr-body-color-rgb), 0.04);
  border-color: var(--tblr-border-color, #e5e7eb);
  color: var(--kc-ink) !important;
}
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
  background: #ffc700;
  border-color: #ffc700;
  color: #5c450c !important;
}
div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover {
  opacity: 0.5;
  background: transparent;
}

table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
  padding: 0.75rem;
}
table.dataTable span.badge {
  vertical-align: baseline;
}

.aside-grouping {
  padding-top: 0;
  padding-bottom: 0;
}
.aside-grouping .subheader {
  display: block;
  padding: 0.75em 1.33em;
  background: var(--tblr-muted-lt);
  margin: 0 -1.25rem;
}
.aside-grouping .subheader:first-child {
  border-top-left-radius: 0;
}

.bg-off {
  background-color: transparent;
}

.widget-frame {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Auth login (documents-style, copied from _documents) */
.auth-doc-login-page {
  background: var(--tblr-bg-surface);
  overflow: hidden;
  height: 100%;
}

.auth-doc-login-page #content.page-body {
  margin: 0 !important;
  padding: 0 !important;
}

.auth-doc-login-page #content.page-body {
  height: 100%;
  overflow: hidden;
}

.auth-doc-login {
  font-family: "Source Sans Pro", var(--tblr-font-sans-serif, Arial, sans-serif);
  color: #fff;
}

.auth-doc-login .wrapper {
  background: #FFC700;
  background: linear-gradient(to bottom right, #FFC700 25%, #ff9900 100%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 400px;
  margin-top: -200px;
  overflow: hidden;
}

.auth-doc-login {
  overflow: hidden;
}

.auth-doc-login.auth-doc-login--flow .wrapper {
  min-height: 400px;
  height: auto;
  max-height: calc(100vh - 32px);
  margin-top: 0;
  transform: translateY(-50%);
  overflow-y: auto;
}

.auth-doc-login.auth-doc-login--flow .container {
  padding-top: 34px;
  padding-bottom: 28px;
}

.auth-doc-login .container {
  max-width: 600px;
  margin: 0 auto;
  padding: 48px 0 32px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.auth-doc-login .doc-login-mark {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 11px;
  background-color: #fff;
  border-radius: 0 50% 0 50%;
}

.auth-doc-login .doc-login-title {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
}

.auth-doc-login .doc-login-r {
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  vertical-align: 16px;
  position: relative;
  left: -6px;
  bottom: -2px;
}

.auth-doc-login .doc-login-sub {
  font-size: 38px;
  color: #777;
  font-weight: 300;
}

.auth-doc-login .doc-login-copy {
  max-width: 390px;
  margin: 10px auto 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
  line-height: 1.45;
}

/* Server network widget: enterprise accordion look */
.servers-network-accordion {
  border: 1px solid var(--kc-border-strong);
  border-radius: 0.75rem;
  background: var(--kc-surface);
  box-shadow: 0 1px 2px rgba(24, 36, 51, 0.05);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.servers-network-accordion:hover {
  border-color: var(--kc-border-strong);
  box-shadow: 0 6px 18px rgba(24, 36, 51, 0.08);
}

.servers-network-accordion.is-open {
  border-color: rgba(var(--tblr-primary-rgb), 0.35);
  box-shadow: 0 10px 24px rgba(var(--tblr-primary-rgb), 0.12);
}

.servers-network-accordion__toggle {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 0.85rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}

.servers-network-accordion__toggle:hover {
  background: rgba(var(--tblr-body-color-rgb), 0.03);
}

.servers-network-accordion__main {
  min-width: 0;
  flex: 1;
}

.servers-network-accordion__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.2rem;
}

.servers-network-accordion__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.servers-network-accordion__chevron {
  color: var(--tblr-secondary, #626976);
  margin-left: 0.35rem;
}

.servers-network-accordion__body {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 1.15rem;
  transition: max-height 0.25s ease, opacity 0.2s ease, padding-top 0.2s ease, padding-bottom 0.2s ease;
}

.servers-network-accordion.is-open .servers-network-accordion__body {
  opacity: 1;
  padding-top: 0.55rem;
  padding-bottom: 1.15rem;
}

.servers-network-accordion__section {
  margin-bottom: 0.65rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.5rem;
  background: rgba(var(--tblr-body-color-rgb), 0.03);
}

.servers-network-accordion__caption {
  font-size: 0.74rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--tblr-secondary, #626976);
  margin-bottom: 0.35rem;
}

.servers-network-node {
  border: 1px solid var(--kc-border);
  border-radius: 0.55rem;
  padding: 0.5rem 0.65rem;
  background: var(--kc-surface);
}

.servers-network-node--host {
  border-left: 3px solid rgba(var(--tblr-success-rgb), 0.55);
}

.servers-network-node--vm {
  border-left: 3px solid rgba(var(--tblr-warning-rgb), 0.55);
}

.servers-network-vm-group {
  border: 1px solid var(--kc-border);
  border-radius: 0.55rem;
  padding: 0.5rem;
  background: rgba(var(--tblr-body-color-rgb), 0.02);
}

.servers-network-vm-group__head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.45rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px dashed var(--kc-border-strong);
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--kc-ink);
}

.servers-network-vm-group__head .badge {
  margin-left: auto;
}

.servers-network-placement {
  margin-top: 0.25rem;
  margin-bottom: 0.3rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border-radius: 999px;
  font-size: 0.76rem;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--kc-border-strong);
  color: var(--kc-ink);
  background: rgba(var(--tblr-body-color-rgb), 0.04);
}

.servers-network-accent-default {
  border-left-color: rgba(24, 36, 51, 0.35) !important;
}

.servers-network-accent-1 {
  border-left-color: var(--tblr-primary) !important;
}
.servers-network-accent-1 .servers-network-placement,
.servers-network-vm-group.servers-network-accent-1 .servers-network-vm-group__head {
  border-color: rgba(var(--tblr-primary-rgb), 0.35);
  background: rgba(var(--tblr-primary-rgb), 0.08);
  color: var(--kc-info-fg);
}

.servers-network-accent-2 {
  border-left-color: var(--tblr-success) !important;
}
.servers-network-accent-2 .servers-network-placement,
.servers-network-vm-group.servers-network-accent-2 .servers-network-vm-group__head {
  border-color: rgba(var(--tblr-success-rgb), 0.35);
  background: rgba(var(--tblr-success-rgb), 0.09);
  color: var(--kc-success-fg);
}

.servers-network-accent-3 {
  border-left-color: var(--tblr-warning) !important;
}
.servers-network-accent-3 .servers-network-placement,
.servers-network-vm-group.servers-network-accent-3 .servers-network-vm-group__head {
  border-color: rgba(var(--tblr-warning-rgb), 0.35);
  background: rgba(var(--tblr-warning-rgb), 0.12);
  color: var(--kc-warning-fg);
}

.servers-network-accent-4 {
  border-left-color: var(--tblr-purple) !important;
}
.servers-network-accent-4 .servers-network-placement,
.servers-network-vm-group.servers-network-accent-4 .servers-network-vm-group__head {
  border-color: rgba(var(--tblr-purple-rgb), 0.3);
  background: rgba(var(--tblr-purple-rgb), 0.1);
  color: var(--tblr-purple);
}

.servers-network-accent-5 {
  border-left-color: var(--tblr-teal) !important;
}
.servers-network-accent-5 .servers-network-placement,
.servers-network-vm-group.servers-network-accent-5 .servers-network-vm-group__head {
  border-color: rgba(var(--tblr-teal-rgb), 0.32);
  background: rgba(var(--tblr-teal-rgb), 0.1);
  color: var(--kc-success-fg);
}

.servers-network-accent-6 {
  border-left-color: var(--tblr-pink) !important;
}
.servers-network-accent-6 .servers-network-placement,
.servers-network-vm-group.servers-network-accent-6 .servers-network-vm-group__head {
  border-color: rgba(var(--tblr-pink-rgb), 0.3);
  background: rgba(var(--tblr-pink-rgb), 0.1);
  color: var(--tblr-pink);
}

.auth-doc-login .alert {
  margin: 10px auto 0;
  max-width: 320px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.3;
  opacity: 1;
}

.auth-doc-login form {
  padding: 20px 0;
  position: relative;
  z-index: 2;
}

.auth-doc-login form .form-label,
.auth-doc-login form .form-text {
  color: rgba(255, 255, 255, 0.86);
}

.auth-doc-login form .form-text {
  max-width: 380px;
  margin: 6px auto 0;
  font-size: 13px;
  line-height: 1.35;
}

.auth-doc-login form input {
  appearance: none;
  outline: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  width: 300px;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
  transition-duration: 0.25s;
  font-weight: 300;
}

.auth-doc-login form input::placeholder {
  color: #fff;
}

.auth-doc-login form input:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.auth-doc-login form input:focus {
  background-color: #fff;
  color: #ff9900;
}

.auth-doc-login form .input-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 300px;
  margin: 0 auto 10px auto;
  border-radius: 3px;
}

.auth-doc-login form .input-group > .form-control {
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 3px 0 0 3px;
  box-shadow: none;
}

.auth-doc-login form .input-group > .form-control::placeholder {
  color: #fff;
  opacity: 1;
}

.auth-doc-login form .input-group > .form-control:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.auth-doc-login form .input-group > .form-control:focus {
  background-color: #fff !important;
  color: #ff9900 !important;
}

.auth-doc-login form .input-group > .btn.btn-icon {
  width: 52px;
  min-width: 52px;
  flex: 0 0 52px;
  margin: 0 0 0 -1px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-left: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.auth-doc-login form .input-group > .btn.btn-icon:last-child {
  border-radius: 0 3px 3px 0;
}

.auth-doc-login form .input-group > .btn.btn-icon:hover,
.auth-doc-login form .input-group > .btn.btn-icon:focus {
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}

.auth-doc-login form button {
  appearance: none;
  outline: 0;
  background-color: #fff;
  border: 0;
  padding: 10px 15px;
  color: #ff9900;
  border-radius: 3px;
  width: 300px;
  cursor: pointer;
  font-size: 18px;
  transition-duration: 0.25s;
}

.auth-doc-login form button:hover {
  background-color: #f5f7f9;
}

.auth-doc-login form .input-group > button.btn.btn-icon {
  width: 52px;
  min-width: 52px;
  flex: 0 0 52px;
  margin: 0 0 0 -1px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 16px;
}

.auth-doc-login form.d-inline {
  padding: 0;
}

.auth-doc-login form.d-inline button.doc-login-link {
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
}

.auth-doc-login .doc-login-link,
.auth-doc-login .doc-login-link:visited {
  color: #fff;
}

.auth-doc-login .doc-login-link:hover,
.auth-doc-login .doc-login-link:focus {
  color: #fff;
  text-decoration: underline;
}

.auth-doc-login .doc-login-choice-list {
  width: min(420px, calc(100vw - 32px));
  margin: 18px auto 0;
  display: grid;
  gap: 10px;
}

.auth-doc-login .doc-login-choice-button {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.42);
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: 3px;
  width: 100%;
  padding: 12px 14px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition-duration: 0.25s;
}

.auth-doc-login .doc-login-choice-button:hover,
.auth-doc-login .doc-login-choice-button:focus {
  background-color: rgba(255, 255, 255, 0.36);
  outline: 0;
}

.auth-doc-login .doc-login-choice-title {
  display: block;
  font-size: 17px;
  font-weight: 600;
}

.auth-doc-login .doc-login-choice-description,
.auth-doc-login .doc-login-choice-meta {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.35;
}

.auth-doc-login .doc-login-2fa-form .two-factor-code-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  width: min(340px, calc(100vw - 48px));
  margin: 0 auto 10px;
}

.auth-doc-login .doc-login-2fa-form input.two-factor-digit {
  width: 100%;
  min-width: 0;
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
}

.auth-doc-login .doc-login-2fa-form input.two-factor-digit.is-filled {
  background-color: rgba(255, 255, 255, 0.34);
}

.auth-doc-login .doc-login-inline-actions {
  width: min(420px, calc(100vw - 32px));
  margin: 4px auto 0;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.auth-doc-login .doc-login-inline-actions form,
.auth-doc-login .doc-login-inline-actions .doc-login-action-text {
  padding: 0;
  margin: 0;
}

.auth-doc-login .doc-login-inline-actions button {
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
}

.auth-doc-login .doc-login-inline-actions button:hover,
.auth-doc-login .doc-login-inline-actions button:focus {
  background: transparent;
  text-decoration: underline;
}

.two-factor-loading {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
  z-index: 2000;
}

.two-factor-loading.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.two-factor-loading__panel {
  min-width: 13rem;
  padding: 1.5rem 1.75rem;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18);
  text-align: center;
}

.two-factor-loading__spinner {
  width: 4rem;
  height: 4rem;
  margin: 0 auto 1rem;
  border-radius: 999px;
  border: 4px solid rgba(255, 153, 0, 0.22);
  border-top-color: #ff9900;
  animation: two-factor-spin 0.8s linear infinite;
}

.two-factor-loading__label {
  color: #222;
  font-size: 1rem;
  font-weight: 600;
}

.two-factor-loading__subtext {
  margin-top: 0.35rem;
  color: #666;
  font-size: 0.92rem;
}

@keyframes two-factor-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-height: 560px) {
  .auth-doc-login.auth-doc-login--flow .wrapper {
    top: 0;
    transform: none;
    max-height: 100vh;
  }
}

.auth-doc-login .bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.auth-doc-login .bg-bubbles li {
  position: absolute;
  list-style: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  border-radius: 0 50% 0 50%;
  animation: square 25s infinite;
  transition-timing-function: linear;
}

.auth-doc-login .bg-bubbles li:nth-child(1) { left: 10%; }
.auth-doc-login .bg-bubbles li:nth-child(2) { left: 20%; width: 80px; height: 80px; animation-delay: 2s; animation-duration: 17s; }
.auth-doc-login .bg-bubbles li:nth-child(3) { left: 25%; animation-delay: 4s; }
.auth-doc-login .bg-bubbles li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-duration: 22s; background-color: rgba(255, 255, 255, 0.25); }
.auth-doc-login .bg-bubbles li:nth-child(5) { left: 70%; }
.auth-doc-login .bg-bubbles li:nth-child(6) { left: 80%; width: 120px; height: 120px; animation-delay: 3s; background-color: rgba(255, 255, 255, 0.2); }
.auth-doc-login .bg-bubbles li:nth-child(7) { left: 32%; width: 160px; height: 160px; animation-delay: 7s; }
.auth-doc-login .bg-bubbles li:nth-child(8) { left: 55%; width: 20px; height: 20px; animation-delay: 15s; animation-duration: 40s; }
.auth-doc-login .bg-bubbles li:nth-child(9) { left: 25%; width: 10px; height: 10px; animation-delay: 2s; animation-duration: 40s; }
.auth-doc-login .bg-bubbles li:nth-child(10) { left: 90%; width: 160px; height: 160px; animation-delay: 11s; }

@keyframes square {
  0% { transform: translateY(0); }
  100% { transform: translateY(-700px) rotate(600deg); }
}
.widget-frame .widget-close {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 20;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.widget-frame .widget-close:hover {
  background: rgba(0, 0, 0, 0.8);
}
.widget-frame:hover .widget-close {
  opacity: 1;
}

/* Global app search dropdown should open below the input */
#app-search {
  position: relative;
}
.app-search-dropdown {
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  transform: none !important;
}
.app-search-dropdown.show {
  display: block;
}

/* Select2: match Tabler input sizing and full width */
.select2-container {
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  height: 42px;
  border: 1px solid var(--tblr-border-color, #dadfe5);
  border-radius: var(--tblr-border-radius);
  background-color: var(--tblr-bg-surface, #fff);
  display: flex;
  align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.5;
  padding-left: 0.75rem;
  padding-right: 2rem;
  color: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 0.5rem;
  width: 20px;
}
.select2-dropdown {
  border-color: var(--tblr-border-color, #dadfe5);
}

/* Select2 im Dark-Mode: Vendor-CSS (select2.min.css, lädt nach custom.css) ist
   hell festverdrahtet — Attribut-Präfix gewinnt per Spezifität. */
[data-bs-theme=dark] .select2-dropdown {
  background-color: var(--kc-surface);
  color: var(--tblr-body-color);
}
[data-bs-theme=dark] .select2-container--default .select2-selection--single {
  background-color: var(--tblr-bg-forms);
  border-color: var(--tblr-border-color);
}
[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--tblr-body-color);
}
[data-bs-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--tblr-bg-forms);
  border-color: var(--tblr-border-color);
  color: var(--tblr-body-color);
}
[data-bs-theme=dark] .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--gui-background-color);
}
[data-bs-theme=dark] .select2-container--default .select2-selection--multiple {
  background-color: var(--tblr-bg-forms);
  border-color: var(--tblr-border-color);
}
[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--gui-background-color);
  border-color: var(--tblr-border-color);
  color: var(--tblr-body-color);
}
[data-bs-theme=dark] .select2-container--default .select2-selection__placeholder {
  color: var(--kc-muted);
}
[data-bs-theme=dark] .select2-container--default.select2-container--disabled .select2-selection--single,
[data-bs-theme=dark] .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--kc-form-disabled);
}

/* Customer filter select2 button */
.customer-filter-select + .select2-container {
  width: 52px !important;
  min-width: 52px;
}
.select2-container--default .select2-selection--single.customer-filter-button {
  height: 38px;
  width: 52px;
  border-radius: 3px;
  background: transparent;
  color: var(--tblr-secondary, #6b7280);
  border: 1px solid currentColor !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.select2-container--default .select2-selection--single.customer-filter-button .select2-selection__rendered {
  line-height: 1;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}
.select2-container--default .select2-selection--single.customer-filter-button:hover,
.select2-container--default .select2-selection--single.customer-filter-button:focus {
  background: rgba(var(--tblr-body-color-rgb), 0.04);
  border-color: currentColor !important;
}
.select2-container--default .select2-selection--single.btn.customer-filter-button {
  border: 1px solid currentColor !important;
  box-shadow: none !important;
}
.select2-dropdown.customer-filter-dropdown {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}
.select2-container--default .select2-selection--single.customer-filter-button .select2-selection__arrow {
  display: none;
}
.select2-container--default .select2-selection--single.customer-filter-button:hover {
  background: rgba(var(--tblr-body-color-rgb), 0.04);
}

.js-invoice-expand .icon,
.js-subrow-expand .icon,
.js-subrow-expand i {
  transition: transform 0.15s ease;
}
.js-invoice-expand.is-open .icon,
.js-subrow-expand.is-open .icon,
.js-subrow-expand.is-open i {
  transform: rotate(45deg);
}
.js-invoice-expand.btn-ghost-secondary:hover,
.js-invoice-expand.btn-ghost-secondary:focus,
.js-subrow-expand.btn-ghost-secondary:hover,
.js-subrow-expand.btn-ghost-secondary:focus {
  background: transparent;
  color: inherit;
}
.invoice-details-row td {
  background: var(--tblr-bg-surface, #fff);
}
.card {
  border: 1px solid var(--tblr-border-color) !important;
  border-radius: 2px !important;
  background-color: var(--kc-surface);
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25) !important;
}

#dashboard-grid .card {
  border: 1px solid var(--tblr-border-color) !important;
  border-radius: 2px !important;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25) !important;
}

/* Allow widget shadows inside gridstack */
#dashboard-grid .grid-stack-item,
#dashboard-grid .grid-stack-item-content {
  overflow: visible !important;
}
.card-header,
.card-footer {
  background-color: var(--kc-surface);
}
.billing-ledger-feed-widget .feed-item-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--kc-muted);
}
.billing-ledger-feed-widget .feed-item-list li {
  border-bottom: 1px solid var(--tblr-border-color);
  padding: 0 0 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.billing-ledger-feed-widget .feed-item-list li:last-child {
  border-bottom: 0;
}
.billing-ledger-feed-widget .feed-element {
  margin-bottom: 8px;
}
.billing-ledger-feed-widget .feed-title {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 3px;
}
.billing-ledger-feed-widget .feed-meta {
  color: var(--kc-muted);
  font-weight: 300;
  margin-bottom: 5px;
}
.billing-ledger-feed-widget .feed-content {
  color: var(--kc-muted);
  font-weight: 300;
  margin-bottom: 5px;
}
.billing-ledger-feed-widget .feed-content p {
  margin: 0;
}
.billing-ledger-feed-widget {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.billing-ledger-feed-widget .feed-footer {
  margin-bottom: 10px;
}
.billing-ledger-feed-widget .card-footer {
  padding: 0;
  background: var(--gui-background-color);
  border-top: 0;
}
.billing-ledger-feed-widget .feed-action {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2867;
  border-radius: 0;
  border: 0;
  background: var(--gui-background-color);
  color: var(--kc-ink);
  box-shadow: none !important;
  text-decoration: none;
}
.billing-ledger-feed-widget .feed-action:hover,
.billing-ledger-feed-widget .feed-action:focus {
  background: var(--gui-background-color);
  border-color: var(--tblr-border-color);
  color: var(--kc-ink);
  text-decoration: none;
}
.billing-bank-transactions-card .card-body {
  display: flex;
  flex-direction: column;
}
.billing-bank-transactions-sources {
  padding: 12px 14px;
  border: 1px solid var(--kc-border);
  border-radius: 10px;
  background: linear-gradient(180deg, var(--kc-surface-soft) 0%, var(--kc-surface-muted) 100%);
}
.billing-bank-transactions-sources-label {
  margin-bottom: 10px;
  color: var(--kc-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.billing-bank-transactions-sources-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.billing-bank-transactions-source {
  padding: 10px 12px;
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--kc-surface) 92%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--kc-surface) 90%, transparent);
}
.billing-bank-transactions-source.is-empty {
  background: color-mix(in srgb, var(--kc-surface) 55%, transparent);
}
.billing-bank-transactions-source-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.billing-bank-transactions-source-name {
  color: var(--kc-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.billing-bank-transactions-source-flag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(var(--tblr-primary-rgb), 0.12);
  color: var(--kc-info-fg);
  font-size: 11px;
  font-weight: 700;
}
.billing-bank-transactions-source-value {
  color: var(--kc-ink);
  font-size: 14px;
  font-weight: 500;
}
.billing-bank-transactions-source.is-empty .billing-bank-transactions-source-value {
  color: var(--kc-muted);
}
.billing-bank-transactions-card .feed-footer {
  display: flex;
  gap: 8px;
}
.billing-bank-transactions-card .feed-item-list li.billing-bank-transaction-item {
  position: relative;
  padding: 0;
  margin-bottom: 8px;
  border: 1px solid var(--kc-border);
  border-radius: 7px;
  background: var(--kc-surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  overflow: visible;
}
.billing-bank-transactions-card .feed-item-list li.billing-bank-transaction-item::before {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--tblr-success, #2fb344);
  content: "";
}
.billing-bank-transactions-card .feed-item-list li.billing-bank-transaction-item.is-negative::before {
  background: var(--tblr-danger, #d63939);
}
.billing-bank-transaction-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 12px 12px 16px;
}
.billing-bank-transaction-main {
  min-width: 0;
}
.billing-bank-transaction-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}
.billing-bank-transaction-identity {
  min-width: 0;
}
.billing-bank-transaction-money {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  min-width: 132px;
  text-align: right;
}
.billing-bank-transaction-amount {
  min-width: 0;
  color: var(--kc-ink);
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.billing-bank-transaction-amount.is-positive {
  color: var(--kc-success-fg);
}
.billing-bank-transaction-amount.is-negative {
  color: var(--kc-danger-fg);
}
.billing-bank-transaction-date {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  color: var(--tblr-secondary, #667085);
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}
.billing-bank-transaction-party {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--kc-ink);
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.3;
}
.billing-bank-transaction-party i {
  flex: 0 0 auto;
  color: var(--kc-muted);
  font-size: 0.8rem;
}
.billing-bank-transaction-purpose {
  margin-top: 4px;
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.billing-bank-transaction-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 9px;
  color: var(--kc-muted);
  font-size: 0.76rem;
  line-height: 1.3;
}
.billing-bank-transaction-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  font-weight: 650;
  white-space: nowrap;
}
.billing-bank-transaction-meta-item i {
  color: var(--kc-muted);
  font-size: 0.72rem;
}
.billing-bank-transaction-meta-item.is-positive {
  color: var(--kc-success-fg);
}
.billing-bank-transaction-meta-item.is-negative {
  color: var(--kc-danger-fg);
}
.billing-bank-transaction-meta-item.is-positive i,
.billing-bank-transaction-meta-item.is-negative i {
  color: currentColor;
}
.billing-bank-transaction-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: nowrap;
}
.billing-bank-transaction-actions .btn {
  min-height: 32px;
}
.billing-bank-transaction-actions .btn:not(.btn-icon) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.billing-bank-transaction-assign-btn {
  border-color: rgba(var(--tblr-primary-rgb), 0.28);
  background: var(--kc-surface-soft);
  color: var(--kc-info-fg);
  font-size: 0.75rem;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
}
.billing-bank-transaction-assign-btn:hover,
.billing-bank-transaction-assign-btn:focus {
  border-color: rgba(var(--tblr-primary-rgb), 0.48);
  background: var(--tblr-primary-lt);
  color: var(--kc-info-fg);
}
.billing-bank-transaction-delete-btn {
  border-color: transparent;
  background: transparent;
  color: var(--kc-muted);
}
.billing-bank-transaction-delete-btn:hover,
.billing-bank-transaction-delete-btn:focus {
  border-color: rgba(var(--tblr-danger-rgb), 0.22);
  background: var(--tblr-danger-lt);
  color: var(--tblr-danger, #d63939);
}
.billing-bank-transaction-dialog-summary {
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface-muted);
  text-align: left;
}
.billing-bank-transaction-dialog-amount {
  margin-bottom: 6px;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.2;
}
.billing-bank-transaction-dialog-amount.is-positive {
  color: var(--tblr-success, #2fb344);
}
.billing-bank-transaction-dialog-amount.is-negative {
  color: var(--tblr-danger, #d63939);
}
.billing-bank-transaction-dialog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--tblr-secondary, #667085);
  font-size: 0.78rem;
  font-weight: 700;
}
.billing-bank-transaction-dialog-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.billing-bank-transaction-dialog-party {
  color: var(--kc-ink);
  font-size: 0.9rem;
  font-weight: 700;
}
.billing-bank-transaction-dialog-purpose {
  margin-top: 3px;
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.billing-bank-invoice-option {
  min-width: 0;
}
.billing-bank-invoice-option__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
.billing-bank-invoice-option__number {
  min-width: 0;
  color: var(--kc-ink);
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.billing-bank-invoice-option__amount {
  flex: 0 0 auto;
  color: var(--tblr-warning, #f59f00);
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}
.billing-bank-invoice-option__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 9px;
  margin-top: 3px;
  color: var(--tblr-secondary, #667085);
  font-size: 0.75rem;
  line-height: 1.3;
}
.billing-bank-invoice-option__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.billing-bank-transactions-dropzone {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 2px dashed var(--tblr-border-color);
  border-radius: 4px;
  background: var(--kc-surface-soft);
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.billing-bank-transactions-dropzone:hover,
.billing-bank-transactions-dropzone:focus,
.billing-bank-transactions-dropzone.is-dragover {
  border-color: var(--tblr-primary);
  background: var(--tblr-primary-lt);
}
.billing-bank-transactions-dropzone.is-busy {
  cursor: progress;
  pointer-events: none;
  border-color: rgba(var(--tblr-primary-rgb), 0.35);
  background: var(--tblr-primary-lt);
}
.billing-bank-transactions-dropzone.is-busy .billing-bank-transactions-dropzone-copy,
.billing-bank-transactions-dropzone.is-busy [data-bank-transactions-browse] {
  opacity: 0.3;
}
.billing-bank-transactions-dropzone-spinner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--kc-surface) 82%, transparent);
  color: var(--kc-info-fg);
  font-weight: 600;
  z-index: 2;
}
.billing-bank-transactions-dropzone-copy {
  min-width: 0;
}
.billing-bank-transactions-dropzone-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--kc-ink);
}
.billing-bank-transactions-dropzone-meta {
  color: var(--kc-muted);
  font-size: 13px;
}
.invoice-status-stamp {
  display: inline-block;
  padding: 6px 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: 2px solid var(--invoice-stamp-color, #d1d5db);
  border-radius: 2px;
  background: transparent;
  color: var(--invoice-stamp-color, #111827);
  transform: none;
  opacity: 0.85;
  text-shadow: 0.5px 0.5px 0 rgba(0, 0, 0, 0.08);
  filter: blur(0.2px);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.invoice-status-stamp.label-info {
  --invoice-stamp-color: #03a9f4;
}
.invoice-status-stamp.label-success {
  --invoice-stamp-color: #4caf50;
}
.invoice-status-stamp.label-warning {
  --invoice-stamp-color: #ff5722;
}
.invoice-status-stamp.label-danger {
  --invoice-stamp-color: #f44336;
}
.invoice-status-stamp.label-default {
  --invoice-stamp-color: #9e9e9e;
}
.billing-direct-debit-manager.is-busy {
  opacity: 0.78;
}
.billing-direct-debit-manager-alert {
  margin-bottom: 16px;
}
.billing-direct-debit-manager-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.billing-direct-debit-export-card {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
  overflow: hidden;
}
.billing-direct-debit-export-card.is-planned {
  box-shadow: inset 3px 0 0 rgba(var(--tblr-warning-rgb), 0.6);
}
.billing-direct-debit-export-card.is-executed {
  box-shadow: inset 3px 0 0 rgba(var(--tblr-success-rgb), 0.55);
}
.billing-direct-debit-export-card.is-delta {
  border-color: rgba(var(--tblr-warning-rgb), 0.24);
  background: var(--kc-surface-soft);
}
.billing-direct-debit-export-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px 12px;
}
.billing-direct-debit-export-card__kicker {
  color: var(--kc-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.billing-direct-debit-export-card__title h4 {
  margin: 4px 0 0;
  color: var(--kc-ink);
  font-size: 17px;
  font-weight: 700;
}
.billing-direct-debit-export-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-top: 8px;
  color: var(--kc-muted);
  font-size: 13px;
}
.billing-direct-debit-export-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.billing-direct-debit-export-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.billing-direct-debit-export-card__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 0 18px 14px;
}
.billing-direct-debit-export-card__stats > div {
  padding: 10px 12px;
  border: 1px solid var(--kc-border);
  border-radius: 7px;
  background: var(--kc-surface-muted);
}
.billing-direct-debit-export-card__stats span {
  display: block;
  margin-bottom: 4px;
  color: var(--kc-muted);
  font-size: 12px;
  font-weight: 600;
}
.billing-direct-debit-export-card__stats strong {
  color: var(--kc-ink);
  font-size: 15px;
  font-weight: 750;
}
.billing-direct-debit-export-card__customers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 18px 18px;
}
.billing-direct-debit-customer {
  border: 1px solid var(--kc-border);
  border-radius: 7px;
  background: var(--kc-surface-soft);
}
.billing-direct-debit-customer summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 14px;
}
.billing-direct-debit-customer summary::-webkit-details-marker {
  display: none;
}
.billing-direct-debit-customer__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.billing-direct-debit-customer__name {
  color: var(--kc-ink);
  font-size: 14px;
  font-weight: 700;
}
.billing-direct-debit-customer__meta {
  margin-top: 4px;
  color: var(--kc-muted);
  font-size: 12px;
}
.billing-direct-debit-customer__totals {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  color: var(--kc-ink);
  font-size: 13px;
  font-weight: 650;
  text-align: right;
}
.billing-direct-debit-invoice-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0 14px 14px;
  list-style: none;
}
.billing-direct-debit-invoice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 6px;
  background: var(--kc-surface);
}
.billing-direct-debit-invoice.has-delta {
  background: var(--tblr-warning-lt);
}
.billing-direct-debit-invoice__main {
  min-width: 0;
}
.billing-direct-debit-invoice__number {
  display: block;
  color: var(--kc-ink);
  font-size: 13px;
  font-weight: 700;
}
.billing-direct-debit-invoice__meta {
  display: block;
  margin-top: 3px;
  color: var(--kc-muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}
.billing-direct-debit-invoice__amounts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  color: var(--kc-ink);
  font-size: 12px;
  font-weight: 650;
  text-align: right;
}
.invoice-item-col-position {
  max-width: 420px;
  white-space: normal;
  word-break: break-word;
}
.js-country-select + .select2-container .select2-selection--single {
  height: 40px;
}
.js-country-select + .select2-container .select2-selection__rendered {
  line-height: 40px;
}
.js-country-select + .select2-container .select2-selection__arrow {
  height: 40px;
}
@media (max-width: 767.98px) {
  .billing-bank-transactions-sources-list {
    grid-template-columns: 1fr;
  }
  .billing-bank-transactions-dropzone {
    align-items: flex-start;
    flex-direction: column;
  }
  .billing-bank-transaction-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .billing-bank-transaction-topline {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .billing-bank-transaction-money {
    align-items: flex-start;
    min-width: 0;
    text-align: left;
  }
  .billing-bank-invoice-option__main {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .billing-bank-transaction-actions {
    justify-content: stretch;
  }
  .billing-bank-transaction-actions .btn:not(.btn-icon) {
    flex: 1 1 auto;
    justify-content: center;
  }
  .billing-direct-debit-export-card__head,
  .billing-direct-debit-customer__summary,
  .billing-direct-debit-invoice {
    flex-direction: column;
    align-items: flex-start;
  }
  .billing-direct-debit-export-card__actions,
  .billing-direct-debit-customer__totals,
  .billing-direct-debit-invoice__amounts {
    align-items: flex-start;
    text-align: left;
  }
  .billing-direct-debit-export-card__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.form-control.is-readonly {
  background-color: var(--tblr-bg-surface-tertiary);
  color: var(--tblr-body-color);
  cursor: not-allowed;
}

/* Monitoring Ops (Material Design 1, body only) */
.monitoring-ops-widget .card-body {
  --md1-paper: var(--kc-surface);
  --md1-border: var(--tblr-border-color);
  --md1-text: rgba(var(--tblr-body-color-rgb), 0.87);
  --md1-muted: rgba(var(--tblr-body-color-rgb), 0.54);
  --md1-z1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --md1-z2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  color: var(--md1-text);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.monitoring-ops-widget .monitoring-ops-panelhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  border: 0;
  border-radius: 2px;
  padding: 0.65rem 0.75rem;
  background: var(--kc-surface-muted);
  box-shadow: var(--md1-z1);
}
.monitoring-ops-widget .monitoring-ops-panelhead--command {
  background: linear-gradient(180deg, var(--tblr-primary-lt) 0%, var(--tblr-primary-lt) 100%);
}
.monitoring-ops-widget .monitoring-ops-panelhead--queue {
  background: linear-gradient(180deg, var(--tblr-success-lt) 0%, var(--tblr-success-lt) 100%);
}
.monitoring-ops-widget .monitoring-ops-panelhead--hotspots {
  background: linear-gradient(180deg, var(--tblr-danger-lt) 0%, var(--kc-surface-soft) 100%);
}
.monitoring-ops-widget .monitoring-ops-panelhead--forecast {
  background: linear-gradient(180deg, var(--tblr-warning-lt) 0%, var(--tblr-warning-lt) 100%);
}
.monitoring-ops-widget .monitoring-ops-panelhead-text {
  min-width: 0;
}
.monitoring-ops-widget .monitoring-ops-panel-kicker {
  color: var(--md1-muted);
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1rem;
}
.monitoring-ops-widget .monitoring-ops-panel-title {
  margin-top: 0.1rem;
  font-size: 1.05rem;
  line-height: 1.3rem;
  font-weight: 500;
  color: var(--md1-text);
}
.monitoring-ops-widget .monitoring-ops-panel-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.monitoring-ops-widget .monitoring-ops-panel-actions .input-icon {
  min-width: 260px;
}
.monitoring-ops-widget .monitoring-ops-statusline {
  border-top: 1px solid var(--md1-border);
  padding-top: 0.55rem;
}

.monitoring-ops-widget .monitoring-ops-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.monitoring-ops-widget .monitoring-ops-kpi {
  border: 0;
  border-radius: 2px;
  background: var(--md1-paper);
  padding: 0.7rem 0.8rem;
  box-shadow: var(--md1-z1);
}
.monitoring-ops-widget .monitoring-ops-kpi-label {
  color: var(--md1-muted);
  font-size: 0.73rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.1rem;
}
.monitoring-ops-widget .monitoring-ops-kpi-value {
  margin-top: 0.22rem;
  color: var(--md1-text);
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.45rem;
}

.monitoring-ops-widget .monitoring-ops-priority-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}
.monitoring-ops-widget .monitoring-ops-priority-card {
  min-height: 64px;
  border: 0;
  border-radius: 2px;
  color: #fff;
  padding: 0.55rem 0.7rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: var(--md1-z1);
}
.monitoring-ops-widget .monitoring-ops-prio-p1 { background: #f44336; }
.monitoring-ops-widget .monitoring-ops-prio-p2 { background: #ff5722; }
.monitoring-ops-widget .monitoring-ops-prio-p3 { background: #607d8b; }
.monitoring-ops-widget .monitoring-ops-prio-p4 { background: #03a9f4; }
.monitoring-ops-widget .monitoring-ops-priority-card small {
  opacity: 0.95;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.monitoring-ops-widget .monitoring-ops-priority-card strong {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.monitoring-ops-widget .monitoring-ops-signal {
  border: 0;
  border-radius: 2px;
  background: var(--md1-paper);
  min-height: 74px;
  padding: 0.6rem 0.8rem;
  box-shadow: var(--md1-z1);
}
.monitoring-ops-widget .monitoring-ops-signal-label {
  color: var(--md1-muted);
  font-size: 0.73rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.1rem;
}
.monitoring-ops-widget .monitoring-ops-signal-value {
  margin-top: 0.2rem;
  color: var(--md1-text);
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 500;
}

.monitoring-ops-widget .monitoring-ops-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  min-height: 380px;
}
.monitoring-ops-widget .monitoring-ops-lane {
  border: 0;
  border-radius: 2px;
  background: var(--md1-paper);
  min-height: 360px;
  display: flex;
  flex-direction: column;
  box-shadow: var(--md1-z1);
}
.monitoring-ops-widget .monitoring-ops-lane-head {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--md1-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.monitoring-ops-widget .monitoring-ops-lane-body {
  padding: 0.65rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  overflow: auto;
  max-height: 550px;
}
.monitoring-ops-widget .monitoring-ops-item {
  border: 0;
  border-radius: 2px;
  background: var(--md1-paper);
  padding: 0.6rem 0.65rem;
  box-shadow: var(--md1-z1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.monitoring-ops-widget .monitoring-ops-item:hover,
.monitoring-ops-widget .monitoring-ops-item:focus-within {
  box-shadow: var(--md1-z2);
  transform: translateY(-1px);
}
.monitoring-ops-widget .monitoring-ops-item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.monitoring-ops-widget .monitoring-ops-item-title {
  color: var(--md1-text);
  font-weight: 500;
  line-height: 1.25rem;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.monitoring-ops-widget .monitoring-ops-item-meta {
  margin-top: 0.25rem;
  color: var(--md1-muted);
  font-size: 0.76rem;
  line-height: 1.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monitoring-ops-widget .monitoring-ops-item-target {
  margin-top: 0.35rem;
  color: var(--md1-muted);
  font-size: 0.73rem;
  line-height: 1.08rem;
  word-break: break-word;
}
.monitoring-ops-widget .monitoring-ops-item-context {
  margin-top: 0.45rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.monitoring-ops-widget .monitoring-ops-context-pill {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0.14rem 0.46rem;
  border-radius: 999px;
  border: 1px solid var(--tblr-border-color);
  background: var(--kc-surface-muted);
  color: var(--kc-ink-soft);
  font-size: 0.67rem;
  line-height: 0.9rem;
  font-weight: 600;
}
.monitoring-ops-widget .monitoring-ops-context-pill.is-danger {
  background: var(--tblr-danger-lt);
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
  color: var(--kc-danger-fg);
}
.monitoring-ops-widget .monitoring-ops-context-pill.is-warning {
  background: var(--tblr-warning-lt);
  border-color: rgba(var(--tblr-warning-rgb), 0.35);
  color: var(--kc-warning-fg);
}
.monitoring-ops-widget .monitoring-ops-context-pill.is-success {
  background: var(--tblr-success-lt);
  border-color: rgba(var(--tblr-success-rgb), 0.35);
  color: var(--kc-success-fg);
}
.monitoring-ops-widget .monitoring-ops-context-pill.is-secondary {
  background: var(--kc-surface-muted);
  border-color: var(--tblr-border-color);
  color: var(--kc-ink-soft);
}
.monitoring-ops-widget .monitoring-ops-item-reasons {
  margin-top: 0.45rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.monitoring-ops-widget .monitoring-ops-metrics {
  margin-top: 0.45rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.monitoring-ops-widget .monitoring-ops-metric {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.monitoring-ops-widget .monitoring-ops-metric-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}
.monitoring-ops-widget .monitoring-ops-metric-label,
.monitoring-ops-widget .monitoring-ops-metric-value {
  font-size: 0.72rem;
  line-height: 1rem;
}
.monitoring-ops-widget .monitoring-ops-metric-label {
  color: var(--md1-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monitoring-ops-widget .monitoring-ops-metric-value {
  color: var(--md1-text);
  font-weight: 500;
  flex: 0 0 auto;
}
.monitoring-ops-widget .monitoring-ops-metric-track {
  position: relative;
  height: 6px;
  border-radius: 999px;
  background: var(--tblr-border-color);
  overflow: hidden;
}
.monitoring-ops-widget .monitoring-ops-metric-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
}
.monitoring-ops-widget .monitoring-ops-metric-fill.is-ok {
  background: linear-gradient(90deg, #66bb6a, #43a047);
}
.monitoring-ops-widget .monitoring-ops-metric-fill.is-warning {
  background: linear-gradient(90deg, #fbc02d, #f57c00);
}
.monitoring-ops-widget .monitoring-ops-metric-fill.is-critical {
  background: linear-gradient(90deg, #ef5350, #d32f2f);
}
.monitoring-ops-widget .monitoring-ops-metric-threshold {
  position: absolute;
  top: -1px;
  width: 2px;
  height: 8px;
  transform: translateX(-1px);
}
.monitoring-ops-widget .monitoring-ops-metric-threshold.is-warning {
  background: #f57c00;
}
.monitoring-ops-widget .monitoring-ops-metric-threshold.is-critical {
  background: #d32f2f;
}
.monitoring-ops-widget .monitoring-ops-metric-meta {
  color: var(--md1-muted);
  font-size: 0.68rem;
  line-height: 0.9rem;
}
.monitoring-ops-widget .monitoring-ops-parser-card {
  margin-top: 0.5rem;
  padding: 0.6rem 0.65rem;
  border: 1px solid var(--tblr-border-color, #e5e7eb);
  border-radius: 8px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--kc-surface-muted) 96%, transparent) 0%, color-mix(in srgb, var(--kc-surface) 98%, transparent) 100%);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.monitoring-ops-widget .monitoring-ops-parser-card--compact {
  margin-top: 0.45rem;
  padding: 0.48rem 0.54rem;
  gap: 0.38rem;
  border-radius: 6px;
  background: var(--kc-surface-muted);
  border-color: var(--tblr-border-color);
}
.monitoring-ops-widget .monitoring-ops-parser-summary {
  color: var(--md1-text);
  font-size: 0.76rem;
  line-height: 1.12rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.monitoring-ops-widget .monitoring-ops-metrics--card {
  margin-top: 0.5rem;
}
.monitoring-ops-widget .monitoring-ops-infra-card {
  margin-top: 0.5rem;
  padding: 0.52rem 0.58rem;
  border: 1px solid var(--tblr-border-color);
  border-left: 3px solid #94a3b8;
  border-radius: 6px;
  background: var(--kc-surface-muted);
}
.monitoring-ops-widget .monitoring-ops-infra-card.is-warning {
  border-color: rgba(var(--tblr-warning-rgb), 0.35);
  border-left-color: #f59e0b;
  background: var(--tblr-warning-lt);
}
.monitoring-ops-widget .monitoring-ops-infra-card.is-danger {
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
  border-left-color: #dc2626;
  background: var(--tblr-danger-lt);
}
.monitoring-ops-widget .monitoring-ops-infra-card.is-success {
  border-color: rgba(var(--tblr-success-rgb), 0.35);
  border-left-color: #16a34a;
  background: var(--tblr-success-lt);
}
.monitoring-ops-widget .monitoring-ops-infra-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  min-width: 0;
}
.monitoring-ops-widget .monitoring-ops-infra-status,
.monitoring-ops-widget .monitoring-ops-infra-host {
  font-size: 0.72rem;
  line-height: 1rem;
  font-weight: 700;
}
.monitoring-ops-widget .monitoring-ops-infra-status.is-warning {
  color: var(--kc-warning-fg);
}
.monitoring-ops-widget .monitoring-ops-infra-status.is-danger {
  color: var(--kc-danger-fg);
}
.monitoring-ops-widget .monitoring-ops-infra-status.is-success {
  color: var(--kc-success-fg);
}
.monitoring-ops-widget .monitoring-ops-infra-host {
  color: var(--md1-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monitoring-ops-widget .monitoring-ops-infra-meta,
.monitoring-ops-widget .monitoring-ops-infra-warnings {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
  margin-top: 0.35rem;
}
.monitoring-ops-widget .monitoring-ops-infra-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  max-width: 100%;
  color: var(--md1-muted);
  font-size: 0.68rem;
  line-height: 0.96rem;
  font-weight: 600;
}
.monitoring-ops-widget .monitoring-ops-item-actions {
  margin-top: 0.55rem;
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  align-items: center;
}
.monitoring-ops-widget .monitoring-ops-item-actions .btn {
  height: 32px;
  min-width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.monitoring-ops-widget .monitoring-ops-item-actions .monitoring-ops-item-detail-link {
  min-width: 0;
  height: 30px;
  padding: 0.25rem 0.55rem;
  color: var(--tblr-secondary, #6c7a91);
  font-size: 0.76rem;
  font-weight: 600;
  text-decoration: none;
}
.monitoring-ops-widget .monitoring-ops-item-actions .monitoring-ops-item-server-link,
.monitoring-ops-widget .monitoring-ops-item-actions .monitoring-ops-item-host-link {
  min-width: 0;
  height: 30px;
  padding: 0.25rem 0.55rem;
  font-size: 0.76rem;
  font-weight: 600;
  text-decoration: none;
}
.monitoring-ops-widget .monitoring-ops-item-actions .monitoring-ops-item-detail-link:hover,
.monitoring-ops-widget .monitoring-ops-item-actions .monitoring-ops-item-detail-link:focus {
  color: var(--tblr-primary, #206bc4);
  text-decoration: none;
}

.monitoring-ops-widget .card-body .badge {
  border-radius: 10px;
  font-weight: 500;
}
.monitoring-ops-widget .monitoring-ops-risk-badge {
  cursor: help;
}

.monitoring-ops-widget .monitoring-ops-hotspot-list,
.monitoring-ops-widget .monitoring-ops-forecast-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  max-height: 285px;
  overflow: auto;
}

/* Side-card link rows: keep actions fixed on the right and truncate long titles. */
.page-body .row > :is(.col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4) > .card .list-group.list-group-flush > .list-group-item.d-flex.align-items-center.justify-content-between {
  gap: 0.75rem;
}

.page-body .row > :is(.col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4) > .card .list-group.list-group-flush > .list-group-item.d-flex.align-items-center.justify-content-between > :first-child {
  min-width: 0;
  flex: 1 1 auto;
}

.page-body .row > :is(.col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4) > .card .list-group.list-group-flush > .list-group-item.d-flex.align-items-center.justify-content-between > :first-child .fw-semibold {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-body .row > :is(.col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4) > .card .list-group.list-group-flush > .list-group-item.d-flex.align-items-center.justify-content-between > .btn,
.page-body .row > :is(.col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4) > .card .list-group.list-group-flush > .list-group-item.d-flex.align-items-center.justify-content-between > .btn-list,
.page-body .row > :is(.col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4) > .card .list-group.list-group-flush > .list-group-item.d-flex.align-items-center.justify-content-between > .d-flex {
  flex-shrink: 0;
}

.page-body .row > :is(.col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4) > .card .list-group.list-group-flush > .list-group-item.d-flex.align-items-center.justify-content-between > .btn.btn-icon {
  margin: 0 0 0 auto;
}
.monitoring-ops-widget .monitoring-ops-hotspot-item,
.monitoring-ops-widget .monitoring-ops-forecast-item {
  border: 0;
  border-radius: 2px;
  background: var(--md1-paper);
  padding: 0.6rem 0.7rem;
  box-shadow: var(--md1-z1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.monitoring-ops-widget .monitoring-ops-hotspot-item:hover,
.monitoring-ops-widget .monitoring-ops-forecast-item:hover {
  box-shadow: var(--md1-z2);
  transform: translateY(-1px);
}
.monitoring-ops-widget .monitoring-ops-hotspot-head,
.monitoring-ops-widget .monitoring-ops-forecast-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.monitoring-ops-widget .monitoring-ops-hotspot-title,
.monitoring-ops-widget .monitoring-ops-forecast-title {
  color: var(--md1-text);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monitoring-ops-widget .monitoring-ops-hotspot-bar {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: var(--gui-background-color);
  overflow: hidden;
  margin-top: 0.45rem;
}
.monitoring-ops-widget .monitoring-ops-hotspot-fill {
  height: 100%;
  background: linear-gradient(90deg, #ff9800, #f44336);
}
.monitoring-ops-widget .monitoring-ops-hotspot-meta,
.monitoring-ops-widget .monitoring-ops-forecast-meta {
  margin-top: 0.35rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.monitoring-ops-widget .monitoring-ops-empty {
  text-align: center;
  color: var(--md1-muted);
  font-size: 0.83rem;
  padding: 1rem 0.5rem;
}

@media (max-width: 1400px) {
  .monitoring-ops-widget .monitoring-ops-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1200px) {
  .monitoring-ops-widget .monitoring-ops-kpi-grid,
  .monitoring-ops-widget .monitoring-ops-priority-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .monitoring-ops-widget .monitoring-ops-panel-actions .input-icon {
    min-width: 220px;
  }
}

.widget-row-actions-menu {
  min-width: 15rem;
}
@media (max-width: 860px) {
  .monitoring-ops-widget .monitoring-ops-board {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .monitoring-ops-widget .monitoring-ops-panelhead {
    flex-direction: column;
    align-items: stretch;
  }
  .monitoring-ops-widget .monitoring-ops-panel-actions {
    justify-content: flex-start;
  }
  .monitoring-ops-widget .monitoring-ops-panel-actions .input-icon {
    min-width: 100%;
  }
}

/* Monitoring Ops Enterprise Refresh (Material Design 1) */
.monitoring-ops-widget .card-body {
  background: linear-gradient(180deg, var(--kc-surface-muted) 0%, var(--kc-surface-muted) 100%);
  border-radius: 2px;
  padding: 0.85rem;
}
.monitoring-ops-widget .monitoring-ops-panelhead {
  border: 1px solid var(--tblr-border-color);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.12);
}
.monitoring-ops-widget .monitoring-ops-panel-title {
  font-size: 1.1rem;
  line-height: 1.35rem;
  letter-spacing: 0.01em;
}
.monitoring-ops-widget .monitoring-ops-panel-actions .btn {
  height: 38px;
}
.monitoring-ops-widget .monitoring-ops-panel-actions .input-icon .form-control {
  height: 38px;
}

.monitoring-ops-widget .monitoring-ops-command-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas:
    "totals totals totals totals totals totals totals totals forecast forecast impact impact"
    "priority priority priority priority priority priority priority priority forecast forecast impact impact";
  gap: 0.65rem;
}
.monitoring-ops-widget .monitoring-ops-cpanel {
  border: 1px solid var(--tblr-border-color);
  border-radius: 2px;
  background: var(--kc-surface);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.14);
  padding: 0.65rem 0.7rem;
}
.monitoring-ops-widget .monitoring-ops-cpanel--totals { grid-area: totals; }
.monitoring-ops-widget .monitoring-ops-cpanel--forecast { grid-area: forecast; }
.monitoring-ops-widget .monitoring-ops-cpanel--priority { grid-area: priority; }
.monitoring-ops-widget .monitoring-ops-cpanel--impact { grid-area: impact; }
.monitoring-ops-widget .monitoring-ops-cpanel-title {
  color: rgba(var(--tblr-body-color-rgb), 0.6);
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.5rem;
}

.monitoring-ops-widget .monitoring-ops-kpi-grid {
  gap: 0.55rem;
}
.monitoring-ops-widget .monitoring-ops-kpi {
  border: 1px solid var(--tblr-border-color);
  border-radius: 2px;
  background: linear-gradient(180deg, var(--kc-surface) 0%, var(--kc-surface-soft) 100%);
  box-shadow: none;
}
.monitoring-ops-widget .monitoring-ops-kpi-value {
  font-size: 1.45rem;
  line-height: 1.5rem;
}

.monitoring-ops-widget .monitoring-ops-priority-strip {
  gap: 0.45rem;
}
.monitoring-ops-widget .monitoring-ops-priority-card {
  min-height: 58px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.15);
}

.monitoring-ops-widget .monitoring-ops-signal-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.45rem;
}
.monitoring-ops-widget .monitoring-ops-signal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  min-height: 72px;
  border: 1px solid var(--tblr-border-color);
  box-shadow: none;
}
.monitoring-ops-widget .monitoring-ops-signal--danger {
  background: linear-gradient(180deg, var(--tblr-danger-lt) 0%, var(--tblr-danger-lt) 100%);
}
.monitoring-ops-widget .monitoring-ops-signal--warning {
  background: linear-gradient(180deg, var(--tblr-warning-lt) 0%, var(--tblr-warning-lt) 100%);
}
.monitoring-ops-widget .monitoring-ops-signal-note {
  color: rgba(var(--tblr-body-color-rgb), 0.54);
  font-size: 0.7rem;
  line-height: 0.95rem;
  margin-top: 0.12rem;
}
.monitoring-ops-widget .monitoring-ops-mini-gauge {
  --ops-gauge: 0%;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: conic-gradient(#ef5350 var(--ops-gauge), var(--tblr-border-color) 0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}
.monitoring-ops-widget .monitoring-ops-signal--warning .monitoring-ops-mini-gauge {
  background: conic-gradient(#f59e0b var(--ops-gauge), var(--tblr-border-color) 0);
}
.monitoring-ops-widget .monitoring-ops-mini-gauge::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 999px;
  background: var(--kc-surface);
}
.monitoring-ops-widget .monitoring-ops-mini-gauge span {
  position: relative;
  font-size: 0.72rem;
  font-weight: 700;
  color: rgba(var(--tblr-body-color-rgb), 0.8);
}

.monitoring-ops-widget .monitoring-ops-impact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.monitoring-ops-widget .monitoring-ops-impact-kpi {
  border: 1px solid var(--tblr-border-color);
  border-radius: 2px;
  padding: 0.45rem 0.55rem;
  background: var(--kc-surface-soft);
}
.monitoring-ops-widget .monitoring-ops-impact-label {
  display: block;
  font-size: 0.7rem;
  color: rgba(var(--tblr-body-color-rgb), 0.58);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.monitoring-ops-widget .monitoring-ops-impact-value {
  display: block;
  margin-top: 0.15rem;
  font-size: 1.05rem;
  line-height: 1.2rem;
  color: rgba(var(--tblr-body-color-rgb), 0.86);
}
.monitoring-ops-widget .monitoring-ops-impact-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  font-size: 0.74rem;
  color: rgba(var(--tblr-body-color-rgb), 0.62);
}
.monitoring-ops-widget .monitoring-ops-impact-row strong {
  color: rgba(var(--tblr-body-color-rgb), 0.82);
  font-size: 0.76rem;
}
.monitoring-ops-widget .monitoring-ops-impact-track {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: var(--gui-background-color);
  overflow: hidden;
}
.monitoring-ops-widget .monitoring-ops-impact-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #fb7185, #ef4444);
}
.monitoring-ops-widget .monitoring-ops-impact-track--p1 span {
  background: linear-gradient(90deg, #fbbf24, #f59e0b);
}

.monitoring-ops-widget .monitoring-ops-statusline {
  border-top: 1px dashed var(--tblr-border-color);
}

.monitoring-ops-widget .monitoring-ops-kanban-hint {
  border: 1px dashed var(--tblr-border-color);
  border-radius: 2px;
  padding: 0.4rem 0.55rem;
  font-size: 0.74rem;
  color: rgba(var(--tblr-body-color-rgb), 0.56);
  background: color-mix(in srgb, var(--kc-surface) 65%, transparent);
}
.monitoring-ops-widget .monitoring-ops-kanban-hint.is-muted {
  opacity: 0.75;
}

.monitoring-ops-widget .monitoring-ops-board {
  align-items: start;
  min-height: 420px;
}
.monitoring-ops-widget .monitoring-ops-lane {
  border: 1px solid var(--tblr-border-color);
  border-radius: 2px;
  background: var(--kc-surface-soft);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
  min-height: 420px;
}
.monitoring-ops-widget .monitoring-ops-lane--danger { border-top: 3px solid #ef4444; }
.monitoring-ops-widget .monitoring-ops-lane--warning { border-top: 3px solid #f59e0b; }
.monitoring-ops-widget .monitoring-ops-lane--secondary { border-top: 3px solid #64748b; }
.monitoring-ops-widget .monitoring-ops-lane--blue { border-top: 3px solid #0ea5e9; }

.monitoring-ops-widget .monitoring-ops-lane-head {
  padding: 0.6rem 0.7rem;
  background: var(--kc-surface);
  border-bottom: 1px solid var(--tblr-border-color);
}
.monitoring-ops-widget .monitoring-ops-lane-wip {
  margin-left: auto;
  border: 1px solid var(--tblr-border-color);
  border-radius: 999px;
  padding: 0.1rem 0.45rem;
  line-height: 1rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: rgba(var(--tblr-body-color-rgb), 0.62);
  background: var(--kc-surface-muted);
}
.monitoring-ops-widget .monitoring-ops-lane-wip.is-over {
  color: var(--kc-danger-fg);
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
  background: var(--tblr-danger-lt);
}
.monitoring-ops-widget .monitoring-ops-lane-body {
  padding: 0.55rem;
  max-height: 640px;
}
.monitoring-ops-widget .monitoring-ops-lane-body.is-drop-target {
  background: rgba(14, 165, 233, 0.08);
}
.monitoring-ops-widget .monitoring-ops-lane.is-over-wip {
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.2), 0 1px 3px rgba(15, 23, 42, 0.12);
}

.monitoring-ops-widget .monitoring-ops-item {
  border: 1px solid var(--tblr-border-color);
  border-left: 3px solid #94a3b8;
  border-radius: 2px;
  background: var(--kc-surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
  cursor: grab;
}
.monitoring-ops-widget .monitoring-ops-item[draggable="false"] {
  cursor: default;
}
.monitoring-ops-widget .monitoring-ops-item--danger { border-left-color: #ef4444; }
.monitoring-ops-widget .monitoring-ops-item--warning { border-left-color: #f59e0b; }
.monitoring-ops-widget .monitoring-ops-item--secondary { border-left-color: #64748b; }
.monitoring-ops-widget .monitoring-ops-item--blue { border-left-color: #0ea5e9; }
.monitoring-ops-widget .monitoring-ops-item.is-dragging {
  opacity: 0.55;
  transform: rotate(1deg);
  cursor: grabbing;
}
.monitoring-ops-widget .monitoring-ops-item:hover,
.monitoring-ops-widget .monitoring-ops-item:focus-within {
  transform: translateY(-1px);
}
.monitoring-ops-widget .monitoring-ops-item:focus-visible {
  outline: 2px solid #0ea5e9;
  outline-offset: 1px;
}
.monitoring-ops-widget .monitoring-ops-item-title {
  max-width: none;
}

.monitoring-ops-widget .monitoring-ops-hotspot-list,
.monitoring-ops-widget .monitoring-ops-forecast-list {
  max-height: 520px;
}
.monitoring-ops-widget .monitoring-ops-hotspot-item,
.monitoring-ops-widget .monitoring-ops-forecast-item {
  border: 1px solid var(--tblr-border-color);
  border-radius: 2px;
  background: var(--kc-surface);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}
.monitoring-ops-widget .monitoring-ops-hotspot-head {
  align-items: flex-start;
}
.monitoring-ops-widget .monitoring-ops-hotspot-rank {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #263238;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.monitoring-ops-widget .monitoring-ops-hotspot-title-wrap {
  min-width: 0;
  flex: 1 1 auto;
}
.monitoring-ops-widget .monitoring-ops-hotspot-sub {
  margin-top: 0.1rem;
  color: rgba(var(--tblr-body-color-rgb), 0.56);
  font-size: 0.7rem;
  line-height: 0.95rem;
}
.monitoring-ops-widget .monitoring-ops-hotspot-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
  color: rgba(var(--tblr-body-color-rgb), 0.62);
  font-size: 0.72rem;
}
.monitoring-ops-widget .monitoring-ops-hotspot-topitems {
  margin-top: 0.45rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

@media (max-width: 1600px) {
  .monitoring-ops-widget .monitoring-ops-command-grid {
    grid-template-areas:
      "totals totals totals totals totals totals forecast forecast forecast forecast"
      "priority priority priority priority priority priority impact impact impact impact";
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}
@media (max-width: 1300px) {
  .monitoring-ops-widget .monitoring-ops-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "totals totals"
      "forecast impact"
      "priority priority";
  }
  .monitoring-ops-widget .monitoring-ops-impact-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .monitoring-ops-widget .monitoring-ops-command-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-areas:
      "totals"
      "forecast"
      "impact"
      "priority";
  }
  .monitoring-ops-widget .monitoring-ops-priority-strip,
  .monitoring-ops-widget .monitoring-ops-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .monitoring-ops-widget .monitoring-ops-priority-strip,
  .monitoring-ops-widget .monitoring-ops-kpi-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* Monitoring Ops static page (no dashboard gridstack): allow kanban lanes to grow naturally */
.monitoring-ops-page .monitoring-ops-widget--queue .monitoring-ops-board {
  min-height: 0;
  align-items: stretch;
}
.monitoring-ops-page .monitoring-ops-widget--queue .monitoring-ops-lane {
  min-height: 280px;
}
.monitoring-ops-page .monitoring-ops-widget--queue .monitoring-ops-lane-body {
  max-height: none;
  overflow: visible;
}

/* Monitoring Ops responsiveness refinements */
.monitoring-ops-widget .monitoring-ops-panelhead {
  flex-wrap: wrap;
}
.monitoring-ops-widget .monitoring-ops-panelhead-text {
  flex: 1 1 320px;
  min-width: 0;
}
.monitoring-ops-widget .monitoring-ops-panel-actions {
  margin-left: auto;
  flex: 0 1 auto;
}
.monitoring-ops-widget .monitoring-ops-panel-actions .btn {
  flex: 0 0 auto;
}
.monitoring-ops-widget .monitoring-ops-panel-actions .input-icon {
  min-width: 240px;
  max-width: 100%;
}

.monitoring-ops-widget--command .monitoring-ops-command-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "totals totals"
    "forecast impact"
    "priority priority";
}

.monitoring-ops-widget--hotspots [data-ops-hotspots-count],
.monitoring-ops-widget--forecast [data-ops-forecast-count] {
  flex: 0 0 auto;
  white-space: nowrap;
}

.monitoring-ops-widget .monitoring-ops-hotspot-head > .badge {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .monitoring-ops-widget .monitoring-ops-panel-actions {
    margin-left: 0;
    width: 100%;
    justify-content: flex-start;
  }
  .monitoring-ops-widget .monitoring-ops-panel-actions .input-icon {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .monitoring-ops-widget--command .monitoring-ops-command-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-areas:
      "totals"
      "forecast"
      "impact"
      "priority";
  }
}

/* Monitoring Ops airy pass (readability + whitespace) */
.monitoring-ops-page .monitoring-ops-widget .card-body {
  --ops-body-pad: 1.15rem;
  padding: var(--ops-body-pad);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead {
  margin: calc(-1 * var(--ops-body-pad)) calc(-1 * var(--ops-body-pad)) 0;
  border-radius: 0;
  padding: 0.95rem 1rem;
  gap: 1rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead + .monitoring-ops-command-grid,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead + .monitoring-ops-hotspot-list,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead + .monitoring-ops-forecast-list,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead + .monitoring-ops-kanban-hint {
  margin-top: 0.85rem !important;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-kanban-hint + .monitoring-ops-board {
  margin-top: 0.75rem !important;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panel-kicker {
  font-size: 0.76rem;
  line-height: 1.05rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panel-title {
  font-size: 1.2rem;
  line-height: 1.45rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panel-actions {
  gap: 0.65rem;
}
.monitoring-ops-page .monitoring-ops-widget > .card-header {
  background: transparent;
}
.monitoring-ops-page .monitoring-ops-widget > .card-header .app-widget-head {
  flex: 1 1 20rem;
  min-width: min(100%, 18rem);
}
.monitoring-ops-page .monitoring-ops-header-actions {
  flex: 0 1 auto;
  min-width: 0;
}
.monitoring-ops-page .monitoring-ops-header-actions .btn {
  flex: 0 0 auto;
}
.monitoring-ops-page .monitoring-ops-queue-search {
  min-width: 20rem;
  max-width: 100%;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-command-grid {
  gap: 0.95rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel {
  padding: 0.9rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel-title {
  margin-bottom: 0.65rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-kpi-grid,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-priority-strip {
  gap: 0.75rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-kpi,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-priority-card {
  padding: 0.8rem 0.9rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-signal {
  padding: 0.8rem 0.9rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-impact-kpi {
  padding: 0.65rem 0.75rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-impact-barset {
  margin-top: 0.75rem !important;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-kanban-hint {
  margin-left: calc(-1 * var(--ops-body-pad));
  margin-right: calc(-1 * var(--ops-body-pad));
  border-radius: 0;
  padding: 0.6rem 0.75rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-board {
  gap: 0.95rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-lane-head {
  padding: 0.8rem 0.9rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-lane-body {
  padding: 0.8rem;
  gap: 0.7rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item {
  padding: 0.8rem 0.85rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-meta {
  margin-top: 0.35rem;
  font-size: 0.79rem;
  line-height: 1.2rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-target {
  margin-top: 0.4rem;
  font-size: 0.74rem;
  line-height: 1.12rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-context {
  margin-top: 0.5rem;
  gap: 0.34rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-context-pill {
  font-size: 0.68rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-reasons {
  margin-top: 0.55rem;
  gap: 0.35rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card {
  margin-top: 0.6rem;
  padding: 0.72rem 0.78rem;
  gap: 0.58rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card--compact {
  margin-top: 0.5rem;
  padding: 0.52rem 0.58rem;
  gap: 0.42rem;
  box-shadow: none;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-summary {
  font-size: 0.78rem;
  line-height: 1.15rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-metrics {
  margin-top: 0.6rem;
  gap: 0.45rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-infra-card {
  margin-top: 0.55rem;
  padding: 0.52rem 0.58rem;
  box-shadow: none;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-actions {
  margin-top: 0.7rem;
  gap: 0.45rem;
  justify-content: flex-end;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-actions .monitoring-ops-item-detail-link {
  font-size: 0.78rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-list,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-list {
  gap: 0.75rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-item,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-item {
  padding: 0.8rem 0.9rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-head,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-head {
  gap: 0.65rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-title,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-title {
  font-size: 0.95rem;
  line-height: 1.3rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-sub {
  margin-top: 0.2rem;
  font-size: 0.76rem;
  line-height: 1.05rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-topitems {
  margin-top: 0.6rem;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-meta,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-share {
  margin-top: 0.5rem;
}

@media (max-width: 980px) {
  .monitoring-ops-page .monitoring-ops-widget .card-body {
    --ops-body-pad: 0.95rem;
    padding: var(--ops-body-pad);
  }
  .monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead {
    padding: 0.8rem 0.85rem;
  }
}

/* Monitoring Ops color harmonization (align with main UI surfaces) */
.monitoring-ops-page .monitoring-ops-widget .card-body {
  background: var(--tblr-bg-surface, #ffffff);
  color: var(--tblr-body-color, #1f2937);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead {
  background: var(--gui-background-color, var(--tblr-bg-surface-secondary, #f8fafc));
  border: 1px solid var(--tblr-border-color, #e5e7eb);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead--command {
  border-top: 2px solid var(--tblr-primary, #206bc4);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead--queue {
  border-top: 2px solid var(--tblr-success, #2fb344);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead--hotspots {
  border-top: 2px solid var(--tblr-danger, #d63939);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-panelhead--forecast {
  border-top: 2px solid var(--tblr-warning, #f59f00);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-kpi,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-priority-card,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-signal,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-impact-kpi,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-lane,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-item,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-item {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-kpi,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-signal,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-impact-kpi,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-lane,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-item,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-item {
  background: var(--tblr-bg-surface, #ffffff);
  border: 1px solid var(--tblr-border-color, #e5e7eb);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-lane-head {
  background: var(--gui-background-color, var(--tblr-bg-surface-secondary, #f8fafc));
  border-bottom: 1px solid var(--tblr-border-color, #e5e7eb);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-kanban-hint {
  background: var(--gui-background-color, var(--tblr-bg-surface-secondary, #f8fafc));
  border-color: var(--tblr-border-color, #e5e7eb);
  color: var(--tblr-secondary, #6c7a91);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-rank {
  background: var(--tblr-primary, #206bc4);
  color: #ffffff;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-bar,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-metric-track,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-impact-track {
  background: var(--tblr-bg-surface-tertiary, #eef2f7);
}
.monitoring-ops-page .monitoring-ops-widget .badge.bg-danger,
.monitoring-ops-page .monitoring-ops-widget .badge.bg-secondary,
.monitoring-ops-page .monitoring-ops-widget .badge.bg-blue {
  color: #fff !important;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item:hover,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item:focus-within,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-item:hover,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-forecast-item:hover {
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.09);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--kc-surface-muted) 98%, transparent) 0%, var(--kc-surface) 100%);
  border-color: var(--tblr-border-color, #e5e7eb);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card--compact {
  background: var(--kc-surface-muted);
  border-left: 3px solid var(--tblr-border-color);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card--compact.is-warning {
  background: var(--tblr-warning-lt);
  border-color: rgba(var(--tblr-warning-rgb), 0.35);
  border-left-color: #f59e0b;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card--compact.is-danger {
  background: var(--tblr-danger-lt);
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
  border-left-color: #dc2626;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card--compact.is-success {
  background: var(--tblr-success-lt);
  border-color: rgba(var(--tblr-success-rgb), 0.35);
  border-left-color: #16a34a;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-parser-card--compact.is-secondary {
  background: var(--kc-surface-muted);
}

/* Ops pulse cards: subtle semantic color accents */
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel--totals .monitoring-ops-kpi:nth-child(1) {
  background: linear-gradient(180deg, var(--kc-surface-muted) 0%, var(--kc-surface) 100%);
  border-color: rgba(var(--tblr-primary-rgb), 0.25);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel--totals .monitoring-ops-kpi:nth-child(2) {
  background: linear-gradient(180deg, var(--tblr-danger-lt) 0%, var(--kc-surface) 100%);
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel--totals .monitoring-ops-kpi:nth-child(3) {
  background: linear-gradient(180deg, var(--tblr-warning-lt) 0%, var(--kc-surface) 100%);
  border-color: rgba(var(--tblr-warning-rgb), 0.35);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel--totals .monitoring-ops-kpi:nth-child(4) {
  background: linear-gradient(180deg, var(--tblr-purple-lt) 0%, var(--kc-surface) 100%);
  border-color: rgba(var(--tblr-purple-rgb), 0.3);
}

/* Frühwarn-Fenster: gradient look restored */
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-cpanel--forecast {
  background: linear-gradient(180deg, var(--tblr-warning-lt) 0%, var(--kc-surface) 100%);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-signal--danger {
  background: linear-gradient(180deg, var(--tblr-danger-lt) 0%, var(--tblr-danger-lt) 100%);
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-signal--warning {
  background: linear-gradient(180deg, var(--tblr-warning-lt) 0%, var(--tblr-warning-lt) 100%);
  border-color: rgba(var(--tblr-warning-rgb), 0.35);
}

/* Monitoring Ops collaboration */
.monitoring-ops-page .monitoring-ops-presence {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid var(--tblr-border-color, #e5e7eb);
  border-radius: var(--tblr-border-radius, 6px);
  background: var(--tblr-bg-surface, #ffffff);
}
.monitoring-ops-page .monitoring-ops-presence-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--tblr-body-color, #1f2937);
}
.monitoring-ops-page .monitoring-ops-presence-list {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.monitoring-ops-page .monitoring-ops-presence-stack {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
}
.monitoring-ops-page .monitoring-ops-presence-item {
  position: relative;
  display: inline-flex;
  margin-left: -6px;
}
.monitoring-ops-page .monitoring-ops-presence-item:first-child {
  margin-left: 0;
}
.monitoring-ops-page .monitoring-ops-presence-item .avatar {
  border: 2px solid var(--tblr-bg-surface, #ffffff);
}
.monitoring-ops-page .monitoring-ops-presence-item.is-online::after,
.monitoring-ops-page .monitoring-ops-presence-item.is-idle::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid var(--tblr-bg-surface, #ffffff);
}
.monitoring-ops-page .monitoring-ops-presence-item.is-online::after {
  background: #22c55e;
}
.monitoring-ops-page .monitoring-ops-presence-item.is-idle::after {
  background: #f59e0b;
}

.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-top-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-wrap {
  position: relative;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-btn {
  border: 1px solid var(--tblr-border-color, #d1d5db);
  background: var(--tblr-bg-surface, #ffffff);
  min-width: 26px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color .15s ease;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-btn.is-multi {
  width: auto;
  padding: 0 4px;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-btn:hover,
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-btn.is-open {
  border-color: var(--tblr-primary, #206bc4);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-btn .avatar {
  width: 20px;
  height: 20px;
  font-size: 10px;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-stack {
  display: inline-flex;
  align-items: center;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-stack .avatar {
  width: 18px;
  height: 18px;
  font-size: 9px;
  border: 2px solid var(--tblr-bg-surface, #ffffff);
  margin-left: -6px;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-stack .avatar:first-child {
  margin-left: 0;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-more {
  background: #64748b;
  color: #ffffff;
  font-weight: 700;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-empty {
  font-size: 12px;
  line-height: 1;
  color: var(--tblr-secondary, #6c7a91);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-menu {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 30;
  width: 230px;
  max-height: 260px;
  overflow-y: auto;
  background: var(--tblr-bg-surface, #ffffff);
  border: 1px solid var(--tblr-border-color, #d1d5db);
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.18);
  padding: 6px;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-menu.is-open {
  display: block;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-menu-item {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 6px 8px;
  border-radius: 6px;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--tblr-body-color, #1f2937);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-menu-item:hover {
  background: rgba(var(--tblr-primary-rgb), 0.08);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-menu-item.is-active {
  background: rgba(var(--tblr-primary-rgb), 0.16);
  font-weight: 600;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-assignee-menu-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.monitoring-ops-page .monitoring-ops-collab {
  display: grid;
  grid-template-columns: minmax(260px, 360px) 1fr;
  gap: 10px;
  align-items: stretch;
  padding: 0.75rem;
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 64%, var(--kc-surface) 36%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .monitoring-ops-page .monitoring-ops-collab {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.monitoring-ops-page .monitoring-ops-activityticker {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--tblr-border-color, #e5e7eb);
  border-radius: var(--tblr-border-radius, 6px);
  background: var(--tblr-bg-surface, #ffffff);
}
.monitoring-ops-page .monitoring-ops-activityticker-stream {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}
.monitoring-ops-page .monitoring-ops-activity-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--tblr-border-color, #e5e7eb);
  background: var(--kc-surface-soft);
  min-width: 0;
  max-width: 360px;
}
.monitoring-ops-page .monitoring-ops-activity-chip .avatar {
  flex: 0 0 auto;
}
.monitoring-ops-page .monitoring-ops-activity-chip-text {
  font-size: 12px;
  color: var(--tblr-secondary, #6c7a91);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monitoring-ops-page .monitoring-ops-activity-more {
  flex: 0 0 auto;
  margin-left: auto;
}

.monitoring-ops-activity-drawer {
  position: fixed;
  inset: 0;
  z-index: 1060;
  pointer-events: none;
}
.monitoring-ops-activity-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.32);
  opacity: 0;
  transition: opacity .2s ease;
}
.monitoring-ops-activity-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(460px, 92vw);
  background: var(--tblr-bg-surface, #ffffff);
  border-left: 1px solid var(--tblr-border-color, #e5e7eb);
  box-shadow: -10px 0 30px rgba(2, 6, 23, 0.22);
  transform: translateX(100%);
  transition: transform .2s ease;
  display: flex;
  flex-direction: column;
}
.monitoring-ops-activity-drawer.is-open {
  pointer-events: auto;
}
.monitoring-ops-activity-drawer.is-open .monitoring-ops-activity-drawer-backdrop {
  opacity: 1;
}
.monitoring-ops-activity-drawer.is-open .monitoring-ops-activity-panel {
  transform: translateX(0);
}
.monitoring-ops-activity-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid var(--tblr-border-color, #e5e7eb);
}
.monitoring-ops-activity-panel-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--kc-muted);
}
.monitoring-ops-activity-panel-title {
  margin: 2px 0 0;
  font-size: 18px;
  line-height: 1.2;
}
.monitoring-ops-activity-panel-body {
  padding: 10px;
  overflow: auto;
}
.monitoring-ops-activity-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
}
.monitoring-ops-activity-row + .monitoring-ops-activity-row {
  margin-top: 4px;
}
.monitoring-ops-activity-row:hover {
  background: rgba(var(--tblr-primary-rgb), 0.06);
}
.monitoring-ops-activity-row-avatar {
  flex: 0 0 auto;
}
.monitoring-ops-activity-row-body {
  min-width: 0;
  flex: 1 1 auto;
}
.monitoring-ops-activity-row-text {
  font-size: 13px;
  color: var(--tblr-body-color, #1f2937);
}
.monitoring-ops-activity-row-meta {
  margin-top: 2px;
  font-size: 11px;
  color: var(--kc-muted);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-editing {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-editing .avatar {
  width: 16px;
  height: 16px;
  font-size: 9px;
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-editing.is-other {
  color: var(--kc-danger-fg);
}
.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-item-editing.is-me {
  color: var(--kc-info-fg);
}

@media (max-width: 992px) {
  .monitoring-ops-page .monitoring-ops-collab {
    grid-template-columns: 1fr;
  }
  .monitoring-ops-page .monitoring-ops-header-actions,
  .monitoring-ops-page .monitoring-ops-widget > .card-header .app-widget-head,
  .monitoring-ops-page .monitoring-ops-widget > .card-header [data-bulk-header-actions] {
    flex: 0 0 100%;
    width: 100%;
  }
  .monitoring-ops-page .monitoring-ops-widget > .card-header .app-widget-head {
    order: 1;
  }
  .monitoring-ops-page .monitoring-ops-header-actions,
  .monitoring-ops-page .monitoring-ops-widget > .card-header [data-bulk-header-actions] {
    order: 2;
    justify-content: flex-start !important;
  }
  .monitoring-ops-page .monitoring-ops-queue-search {
    min-width: 0;
    width: 100%;
  }
  .monitoring-ops-page .monitoring-ops-header-actions .input-icon {
    flex: 1 1 18rem;
  }
}

.monitoring-ops-wip-modal .modal-header,
.monitoring-ops-wip-modal .modal-footer {
  background: transparent;
}
.monitoring-ops-wip-modal .form-fieldset {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
  padding: 1.25rem;
}

@media (max-width: 575.98px) {
  .monitoring-ops-wip-modal .modal-footer .btn-list {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .monitoring-ops-wip-modal .modal-footer .btn-list .btn {
    justify-content: center;
    width: 100%;
  }
}

.ui-relation-drawer {
  position: fixed;
  inset: 0;
  z-index: 1065;
  pointer-events: none;
}

.ui-relation-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.36);
  opacity: 0;
  transition: opacity .22s ease;
}

.ui-relation-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(920px, 96vw);
  display: flex;
  flex-direction: column;
  background: var(--tblr-bg-surface, #fff);
  border-left: 1px solid var(--tblr-border-color, #e5e7eb);
  box-shadow: -18px 0 46px rgba(15, 23, 42, .22);
  transform: translateX(100%);
  transition: transform .22s ease;
}

.ui-relation-drawer.is-open {
  pointer-events: auto;
}

.ui-relation-drawer.is-open .ui-relation-drawer__backdrop {
  opacity: 1;
}

.ui-relation-drawer.is-open .ui-relation-drawer__panel {
  transform: translateX(0);
}

.ui-relation-drawer.is-covered {
  pointer-events: none;
}

.ui-relation-drawer.is-covered .ui-relation-drawer__backdrop {
  opacity: 0;
}

body.ui-relation-drawer-open {
  overflow: hidden;
}

.ui-relation-drawer__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid var(--tblr-border-color, #e5e7eb);
}

.ui-relation-drawer__kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--kc-muted);
}

.ui-relation-drawer__title {
  margin: .15rem 0 0;
  font-size: 1.125rem;
  line-height: 1.2;
}

.ui-relation-drawer__subtitle {
  margin-top: .2rem;
  font-size: .8125rem;
  color: var(--kc-muted);
}

.ui-relation-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
  background: var(--kc-surface-muted);
}

.ui-relation-drawer__footer {
  flex: 0 0 auto;
  padding: .85rem 1rem 1rem;
  border-top: 1px solid var(--tblr-border-color, #e5e7eb);
  background: var(--tblr-bg-surface, #fff);
}

.ui-relation-drawer__footer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .75rem;
}

.ui-relation-drawer__head .btn,
.ui-relation-drawer__head .btn:hover,
.ui-relation-drawer__head .btn:active,
.ui-relation-drawer__head .btn.active,
.ui-relation-drawer__head .btn:focus,
.ui-relation-drawer__head .btn:focus-visible {
  outline: 0;
  box-shadow: none !important;
}

.ui-relation-drawer__loading {
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
}

@media (max-width: 991.98px) {
  .ui-relation-drawer__panel {
    width: 100vw;
  }

  .ui-relation-drawer__body {
    padding: .75rem;
  }
}

.domain-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.domain-side-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.domain-side-meta-item {
  padding: .85rem .95rem;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 3px;
  background: var(--kc-surface-soft);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  min-width: 0;
}

.domain-side-meta-item--wide {
  grid-column: span 2;
}

.domain-side-meta-item__label {
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--kc-label);
  margin-bottom: .4rem;
}

.domain-side-meta-item__value {
  font-size: .95rem;
  font-weight: 600;
  color: var(--kc-ink);
  line-height: 1.35;
  word-break: break-word;
}

.domain-contact-card {
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 3px;
  background: var(--kc-surface-soft);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  padding: 1rem;
  min-width: 0;
}

.domain-contact-card__header {
  margin-bottom: .75rem;
}

.domain-contact-card__title {
  font-size: .95rem;
  font-weight: 700;
  color: var(--kc-ink);
}

.domain-contact-card__hint {
  margin-top: .15rem;
  font-size: .8125rem;
  color: var(--kc-muted);
}

.domain-contact-summary {
  margin-top: .75rem;
  padding: .75rem .85rem;
  border-radius: 3px;
  background: var(--kc-surface);
  border: 1px solid rgba(0, 0, 0, .08);
}

.domain-contact-summary.is-empty {
  background: var(--kc-surface-muted);
  border-style: dashed;
}

.domain-contact-summary__primary {
  font-weight: 600;
  color: var(--kc-ink);
  line-height: 1.35;
}

.domain-contact-summary__secondary,
.domain-contact-summary__tertiary,
.domain-contact-summary__empty {
  margin-top: .2rem;
  font-size: .8125rem;
  color: var(--kc-muted);
  line-height: 1.4;
}

.domain-zone-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}

.domain-zone-summary__item {
  padding: .9rem 1rem;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 3px;
  background: var(--kc-surface-soft);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

.domain-zone-summary__label {
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--kc-label);
  margin-bottom: .35rem;
}

.domain-zone-summary__value {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--kc-ink);
}

.domain-zone-table__value {
  font-weight: 600;
  color: var(--kc-ink);
  line-height: 1.35;
  word-break: break-word;
}

.domain-zone-table__meta {
  margin-top: .2rem;
  font-size: .8125rem;
  color: var(--kc-muted);
  word-break: break-word;
}

.domain-zone-empty {
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px dashed rgba(96, 125, 139, .45);
  border-radius: 3px;
  background: var(--kc-surface-muted);
}

.domain-zone-empty__title {
  font-size: .95rem;
  font-weight: 700;
  color: var(--kc-ink);
}

.domain-zone-empty__text {
  margin-top: .35rem;
  font-size: .875rem;
  color: var(--kc-muted);
  line-height: 1.45;
}

[data-domain-zone-pref-wrap].is-hidden {
  opacity: .55;
}

[data-domain-zone-pref-wrap].is-hidden input {
  background: var(--kc-surface-muted);
}

@media (max-width: 991.98px) {
  .domain-side-meta-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .domain-side-meta-item--wide {
    grid-column: auto;
  }

  .domain-contact-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .domain-zone-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ui-card-footer-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2867;
  border: 0;
  border-radius: 0;
  background: var(--gui-background-color);
  color: var(--kc-ink);
  text-decoration: none;
  box-shadow: none !important;
}

.ui-card-footer-action:hover,
.ui-card-footer-action:focus {
  background: var(--gui-background-color);
  color: var(--kc-ink);
  text-decoration: none;
}

body > svg[aria-hidden="true"][focusable="false"] {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  line-height: 0 !important;
}

.app-search-dropdown {
  min-width: 420px;
  max-width: 560px;
}

.pdf-preview-frame {
  width: 100%;
  height: 75vh;
  border: 0;
}

.ui-toast-container {
  z-index: 1080;
}

.app-navbar-user-avatar {
  border: 1px solid var(--tblr-border-color, #dfe3e8);
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.app-navbar-user-avatar .avatar-img {
  border-radius: 999px;
}

.catalog-widget > .card-body:has(> .table-responsive),
.portal-list-widget > .card-body:has(> .table-responsive) {
  padding: 0;
}

.catalog-widget > .card-body > .table-responsive,
.catalog-widget > .table-responsive,
.portal-list-widget > .card-body > .table-responsive {
  border-radius: 0;
  margin: 0;
}

.catalog-widget > .card-body > .table-responsive > .table,
.catalog-widget > .table-responsive > .table,
.portal-list-widget > .card-body > .table-responsive > .table {
  margin-bottom: 0;
}

.card-title {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.card-title + .text-secondary {
  margin-top: 15px;
}

.app-widget-head {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
}

.app-widget-head::before {
  content: attr(data-widget-kicker);
  display: block;
  max-width: 100%;
  margin-bottom: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tblr-secondary, #667085);
}

.app-widget-head:not([data-widget-kicker])::before,
.app-widget-head[data-widget-kicker=""]::before {
  display: none;
}

.app-widget-head > .card-title {
  margin: 0 !important;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}

.app-widget-head > .text-secondary {
  margin: 15px 0 0;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  word-break: normal;
}

.cron-settings-card > .card-header,
.cron-settings-card > .card-footer,
.app-settings-detail-card > .card-footer,
.cron-job-form-card > .card-footer,
.user-settings-card > .card-header,
.user-settings-card > .card-footer,
.user-settings-form-card > .card-footer,
.role-settings-shell > .card-header,
.role-settings-card > .card-header,
.role-settings-card > .card-footer,
.role-settings-form-card > .card-footer,
.permission-settings-card > .card-header,
.permission-settings-card > .card-footer,
.role-permission-form-card > .card-footer,
.translation-settings-card > .card-header,
.translation-settings-card > .card-footer,
.auth-provider-settings-card > .card-header,
.auth-provider-settings-card > .card-footer,
.auth-provider-settings-card > .card-table > .card-footer,
.perfex-auth-settings-card > .card-header,
.perfex-auth-settings-card > .card-footer,
.perfex-auth-settings-card > .card-table > .card-footer,
.billing-system-settings-card > .card-header,
.billing-system-settings-card > .card-footer,
.billing-system-settings-card > .card-table > .card-footer,
.audit-settings-card > .card-header,
.audit-settings-card > .card-footer,
.audit-log-card > .card-header,
.apishield-log-card > .card-header,
.apishield-settings-card > .card-header,
.apishield-settings-card > .card-footer,
.apishield-settings-card > .card-table > .card-footer,
.failure-queue-card > .card-header,
.failure-queue-card > .card-footer,
.failure-job-detail-card > .card-header,
.failure-job-action-card > .card-header,
.failure-job-action-card > .card-footer,
.sync-conflicts-card > .card-header,
.sync-conflicts-card > .card-footer,
.meilisearch-settings-card > .card-header,
.meilisearch-settings-card > .card-footer,
.cache-settings-card > .card-header,
.cache-settings-card > .card-footer,
.security-settings-card > .card-header,
.security-settings-card > .card-footer,
.security-ips-card > .card-header,
.security-ips-card > .card-footer,
.apikey-settings-card > .card-header,
.apikey-settings-card > .card-footer,
.apikey-settings-card > .card-table > .card-footer,
.apikey-settings-footer,
.apikey-settings-form-card > .card-footer,
.package-settings-card > .card-header,
.package-settings-card > .card-footer,
.package-settings-card > .card-table > .card-footer,
.package-settings-footer,
.webhook-settings-card > .card-header,
.webhook-settings-card > .card-footer,
.webhook-settings-form-card > .card-footer,
.external-system-settings-card > .card-header,
.external-system-settings-card > .card-footer,
.external-system-wizard-card > .card-footer,
.system-general-settings-card > .card-footer,
.system-general-settings-card > .card-table > .card-footer,
.client-portal-accounts-card > .card-header,
.client-portal-accounts-card > .card-footer,
.client-portal-account-form-card > .card-footer,
.client-portal-servicepartners-card > .card-header,
.client-portal-servicepartners-card > .card-footer,
.client-portal-servicepartner-form-card > .card-header,
.client-portal-servicepartner-form-card > .card-footer {
  background: transparent !important;
}

.cache-settings-header-state,
.security-settings-header-state,
.user-settings-header-state,
.user-form-state,
.role-settings-shell-state,
.apikey-settings-header-state,
.apikey-form-state,
.role-settings-header-state,
.webhook-settings-header-state,
.webhook-form-state,
.cron-settings-header-state,
.cron-job-form-state,
.external-system-settings-header-state,
.audit-settings-header-state,
.audit-log-header-state,
.apishield-log-header-state,
.failure-queue-header-state,
.failure-job-header-state,
.sync-conflicts-header-state,
.package-settings-header-state,
.client-portal-accounts-header-state,
.client-portal-servicepartners-header-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  min-width: 0;
}

.cron-runner-status {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 72%, var(--kc-surface) 28%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .cron-runner-status {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.cron-runner-status__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem 0.75rem;
}

.cron-settings-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.cron-settings-toolbar-actions {
  min-width: 0;
}

.cron-settings-card > .card-table > .card-header .app-widget-head {
  min-width: min(100%, 18rem);
}

.cron-settings-search {
  min-width: 17rem;
}

.user-settings-search {
  min-width: 18rem;
}

.role-settings-search,
.permission-settings-search {
  min-width: 20rem;
}

.translation-settings-search {
  min-width: 17rem;
}

.apikey-settings-search {
  min-width: 19rem;
}

.package-settings-search {
  min-width: 19rem;
}

.webhook-settings-search {
  min-width: 18rem;
}

.external-system-search {
  min-width: 20rem;
}

.audit-log-search,
.apishield-log-search,
.failure-queue-search,
.sync-conflicts-search {
  min-width: 20rem;
}

.client-portal-accounts-search,
.client-portal-servicepartners-search {
  min-width: 20rem;
}

.app-settings-list-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.app-settings-list-toolbar > .row {
  min-width: 0;
}

.app-settings-list-copy {
  min-width: min(100%, 18rem);
}

.app-settings-list-copy > .text-secondary:not(.text-uppercase) {
  max-width: 42rem;
}

.app-settings-list-actions {
  min-width: 0;
}

.app-settings-list-search {
  min-width: min(100%, 20rem);
}

.cron-job-editor,
.user-form-editor,
.role-permission-form-editor,
.apikey-form-editor,
.webhook-form-editor,
.external-system-editor,
.client-portal-account-editor,
.client-portal-servicepartner-editor {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 60%, var(--kc-surface) 40%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .cron-job-editor,
  .user-form-editor,
  .app-settings-detail-editor,
  .role-permission-form-editor,
  .apikey-form-editor,
  .webhook-form-editor,
  .external-system-editor,
  .client-portal-account-editor,
  .client-portal-servicepartner-editor {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.app-settings-detail-card,
.cron-job-form-card,
.user-settings-form-card,
.role-settings-form-card,
.role-permission-form-card,
.apikey-settings-form-card,
.webhook-settings-form-card,
.external-system-wizard-card,
.client-portal-account-form-card,
.client-portal-servicepartner-form-card,
.client-portal-servicepartner-hero {
  border-color: var(--kc-border-strong);
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.06);
}

.webhook-form-tabs {
  gap: 0.35rem;
}

.cache-settings-tabs {
  gap: 0.35rem;
}

.security-settings-tabs {
  gap: 0.5rem;
}

.app-settings-detail-tabs,
.apikey-form-tabs {
  gap: 0.35rem;
}

.app-settings-detail-editor {
  min-width: 0;
}

.app-settings-detail-card {
  overflow: hidden;
}

.app-settings-detail-body {
  min-width: 0;
}

.app-settings-detail-tabs {
  min-width: 0;
}

.app-settings-detail-tabs .nav-link {
  border-radius: 5px;
  color: var(--tblr-secondary, #667085);
  font-weight: 600;
}

.app-settings-detail-tabs .nav-link.active {
  box-shadow: 0 6px 18px rgba(17, 24, 39, 0.07);
}

.apikey-settings-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.apikey-settings-page {
  --apikey-settings-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .apikey-settings-page {
    --apikey-settings-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}

.user-settings-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.webhook-settings-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.external-system-settings-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.audit-log-toolbar,
.apishield-log-toolbar,
.failure-queue-toolbar,
.sync-conflicts-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.package-settings-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.client-portal-accounts-toolbar,
.client-portal-servicepartners-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.user-settings-card .toggle-pill,
.user-settings-form .toggle-pill,
.apikey-settings-card .toggle-pill,
.apikey-settings-form .toggle-pill,
.webhook-settings-card .toggle-pill,
.webhook-settings-form .toggle-pill,
.package-settings-card .toggle-pill,
.client-portal-accounts-card .toggle-pill {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.user-settings-card .toggle-pill-track,
.user-settings-form .toggle-pill-track,
.apikey-settings-card .toggle-pill-track,
.apikey-settings-form .toggle-pill-track,
.webhook-settings-card .toggle-pill-track,
.webhook-settings-form .toggle-pill-track,
.package-settings-card .toggle-pill-track,
.client-portal-accounts-card .toggle-pill-track {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
  border-radius: 999px;
  background: var(--tblr-border-color);
  transition: background-color 0.2s ease;
}

.user-settings-card .toggle-pill-thumb,
.user-settings-form .toggle-pill-thumb,
.apikey-settings-card .toggle-pill-thumb,
.apikey-settings-form .toggle-pill-thumb,
.webhook-settings-card .toggle-pill-thumb,
.webhook-settings-form .toggle-pill-thumb,
.package-settings-card .toggle-pill-thumb,
.client-portal-accounts-card .toggle-pill-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--kc-surface);
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.22);
  transition: transform 0.2s ease;
}

.user-settings-card .toggle-pill.is-active .toggle-pill-track,
.user-settings-form .toggle-pill.is-active .toggle-pill-track,
.apikey-settings-card .toggle-pill.is-active .toggle-pill-track,
.apikey-settings-form .toggle-pill.is-active .toggle-pill-track,
.webhook-settings-card .toggle-pill.is-active .toggle-pill-track,
.webhook-settings-form .toggle-pill.is-active .toggle-pill-track,
.package-settings-card .toggle-pill.is-active .toggle-pill-track,
.client-portal-accounts-card .toggle-pill.is-active .toggle-pill-track {
  background: var(--tblr-primary, #206bc4);
}

.user-settings-card .toggle-pill.is-active .toggle-pill-thumb,
.user-settings-form .toggle-pill.is-active .toggle-pill-thumb,
.apikey-settings-card .toggle-pill.is-active .toggle-pill-thumb,
.apikey-settings-form .toggle-pill.is-active .toggle-pill-thumb,
.webhook-settings-card .toggle-pill.is-active .toggle-pill-thumb,
.webhook-settings-form .toggle-pill.is-active .toggle-pill-thumb,
.package-settings-card .toggle-pill.is-active .toggle-pill-thumb,
.client-portal-accounts-card .toggle-pill.is-active .toggle-pill-thumb {
  transform: translateX(18px);
}

.apikey-table,
.apikey-permissions-panel,
.apikey-settings-section {
  background: var(--kc-surface);
  border: 1px solid var(--kc-border);
  border-radius: 8px;
}

.apikey-table {
  margin: 0 1rem 1rem;
}

.apikey-table .table {
  margin-bottom: 0;
}

.user-settings-table,
.user-settings-form .form-fieldset {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.user-settings-table {
  margin: 0 1rem 1rem;
}

.user-settings-table .table {
  margin-bottom: 0;
}

.user-settings-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.user-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.apikey-token {
  display: inline-flex;
  align-items: center;
  max-width: 13rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--kc-border);
  border-radius: 4px;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 68%, var(--kc-surface) 32%);
  color: var(--tblr-body-color, #1f2937);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .apikey-token {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.apikey-permission-badge {
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.apikey-settings-section {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.apikey-settings-section:last-child {
  margin-bottom: 0;
}

.apikey-settings-form-body {
  background: var(--apikey-settings-surface, var(--tblr-bg-surface-secondary, #f6f8fb));
}

.apikey-settings-footer {
  border-top: 0;
  padding-top: 0;
}

.apikey-settings-empty {
  margin: 0 1rem 1rem;
  border: 1px dashed var(--kc-border-strong);
  border-radius: 8px;
  background: var(--kc-surface);
}

.apikey-copy-group .form-control {
  min-width: 0;
}

.apikey-code-example {
  margin: 0;
  padding: 1rem;
  border-radius: 6px;
  background: #17202c;
  color: #f7fafc;
  overflow-x: auto;
}

.apikey-permissions-panel {
  overflow: hidden;
}

.apikey-permission-group {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 72%, var(--kc-surface) 28%);
  color: var(--tblr-secondary, #667085);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .apikey-permission-group {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.apikey-permissions-panel .permission-item .row {
  min-height: 2.75rem;
}

.apikey-permission-presets {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.apikey-permission-presets .btn {
  justify-content: center;
}

.webhook-form-table {
  background: var(--kc-surface);
  border: 1px solid var(--kc-border);
  border-radius: 8px;
}

.webhook-settings-table,
.webhook-settings-form .form-fieldset {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.webhook-settings-table {
  margin: 0 1rem 1rem;
}

.webhook-settings-table .table,
.webhook-form-table .table {
  margin-bottom: 0;
}

.webhook-settings-table-grid {
  table-layout: fixed;
}

.webhook-settings-table-grid th:nth-child(1) {
  width: 18%;
}

.webhook-settings-table-grid th:nth-child(2) {
  width: 30%;
}

.webhook-settings-table-grid th:nth-child(3) {
  width: 8%;
}

.webhook-settings-table-grid th:nth-child(4) {
  width: 20%;
}

.webhook-settings-table-grid th:nth-child(5) {
  width: 8%;
}

.webhook-settings-table-grid th:nth-child(6) {
  width: 16%;
}

.webhook-settings-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.webhook-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.webhook-url-code {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.webhook-method-badge {
  min-width: 3.25rem;
  justify-content: center;
}

.webhook-row-actions {
  justify-content: flex-end;
}

.webhook-settings-footer,
.webhook-settings-form-footer {
  background: color-mix(in srgb, var(--kc-surface) 72%, transparent);
}

.webhook-settings-footer-layout,
.webhook-settings-form-footer-layout,
.webhook-settings-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.webhook-settings-footer-layout,
.webhook-settings-form-footer-layout {
  width: 100%;
}

.webhook-settings-footer-layout {
  justify-content: flex-end;
}

.webhook-settings-form-footer-layout {
  justify-content: space-between;
}

.webhook-settings-footer-note,
.webhook-settings-form-footer-note {
  margin-right: auto;
}

.webhook-settings-empty {
  margin: 0 1rem 1rem;
  border: 1px dashed var(--kc-border-strong);
  border-radius: 8px;
  background: var(--kc-surface);
}

.audit-log-table td,
.apishield-log-table td,
.failure-queue-table td,
.sync-conflicts-table td,
.package-settings-table td {
  vertical-align: top;
}

.package-settings-footer {
  border-top: 0;
  padding-top: 0;
}

.package-settings-empty {
  margin: 0 1rem 1rem;
  border: 1px dashed var(--kc-border-strong);
  border-radius: 8px;
  background: var(--kc-surface);
}

.apishield-log-card .dataTables_filter,
.apishield-log-card .dt-search,
.audit-log-card .dataTables_filter,
.audit-log-card .dt-search {
  display: none !important;
}

.apishield-log-card .dataTables_wrapper,
.apishield-log-card .dt-container,
.audit-log-card .dataTables_wrapper,
.audit-log-card .dt-container {
  padding: 0;
}

.apishield-log-card .dataTables_info,
.apishield-log-card .dt-info,
.audit-log-card .dataTables_info,
.audit-log-card .dt-info {
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
  padding: 0.75rem 1rem 1rem;
}

.apishield-log-card .dataTables_paginate,
.apishield-log-card .dt-paging,
.audit-log-card .dataTables_paginate,
.audit-log-card .dt-paging {
  padding: 0.75rem 1rem 1rem;
}

.apishield-log-card .dataTables_processing,
.apishield-log-card .dt-processing,
.audit-log-card .dataTables_processing,
.audit-log-card .dt-processing {
  border: 1px solid var(--kc-border-strong);
  border-radius: 6px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.08);
}

.audit-log-table code,
.apishield-log-table code,
.failure-queue-type {
  display: inline-block;
  max-width: min(34rem, 46vw);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.failure-job-detail-page {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 64%, var(--kc-surface) 36%);
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  padding: 1rem;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .failure-job-detail-page {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.failure-job-detail-card,
.failure-job-action-card {
  border-color: var(--kc-border-strong);
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.06);
}

.failure-job-detail-body {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 60%, var(--kc-surface) 40%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .failure-job-detail-body {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.failure-job-detail-body .form-fieldset {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
  padding: 1.25rem;
}

.failure-job-section-head {
  margin-bottom: 1rem;
}

.failure-job-section-head .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.failure-job-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.failure-job-meta-item {
  min-width: 0;
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 52%, var(--kc-surface) 48%);
  padding: 0.85rem 1rem;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .failure-job-meta-item {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.failure-job-meta-label {
  color: var(--tblr-secondary, #667085);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.failure-job-meta-value,
.failure-job-code-inline {
  display: block;
  margin-top: 0.35rem;
  color: var(--tblr-body-color, #1f2937);
  font-weight: 600;
  line-height: 1.35;
}

.failure-job-code-inline,
.failure-job-code {
  overflow-wrap: anywhere;
}

.failure-job-code {
  max-height: 22rem;
  overflow: auto;
  padding: 1rem;
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
  color: var(--tblr-body-color, #1f2937);
  font-size: 0.875rem;
  line-height: 1.45;
}

.failure-job-action-note {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 68%, var(--kc-surface) 32%);
  color: var(--tblr-secondary, #667085);
  line-height: 1.45;
  padding: 1rem;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .failure-job-action-note {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.failure-job-action-body {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 60%, var(--kc-surface) 40%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .failure-job-action-body {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.failure-job-action-footer,
.failure-queue-footer {
  background: color-mix(in srgb, var(--kc-surface) 72%, transparent);
}

.failure-job-action-footer,
.failure-job-action-footer__actions,
.failure-queue-footer-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.failure-job-action-footer {
  justify-content: space-between;
}

.failure-job-action-footer__actions {
  justify-content: flex-end;
  margin-left: auto;
}

.failure-queue-footer-layout {
  justify-content: flex-end;
  width: 100%;
}

.failure-queue-footer-note {
  margin-right: auto;
}

.failure-queue-empty-state {
  padding: 2rem 1rem !important;
  text-align: center;
}

.failure-queue-empty-state__title {
  color: var(--tblr-body-color, #1f2937);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.failure-queue-attempts {
  display: inline-flex;
  min-width: 3.5rem;
  justify-content: center;
  padding: 0.15rem 0.45rem;
  border: 1px solid var(--kc-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 68%, var(--kc-surface) 32%);
  color: var(--tblr-body-color, #1f2937);
  font-weight: 600;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .failure-queue-attempts {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.failure-queue-row-actions {
  justify-content: flex-end;
}
.audit-log-table th,
.apishield-log-table th,
.failure-queue-table th,
.sync-conflicts-table th {
  color: var(--tblr-secondary, #667085);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.audit-log-filter-strip .form-select,
.apishield-log-filter-strip .form-select {
  width: auto;
  min-width: 12rem;
}

.audit-log-table-frame,
.apishield-log-table-frame,
.failure-queue-table-frame,
.sync-conflicts-table-frame,
.package-settings-table-frame,
.client-portal-accounts-table-frame,
.client-portal-servicepartner-table-frame {
  margin: 0 1rem 1rem;
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.audit-log-table-frame .table,
.apishield-log-table-frame .table,
.failure-queue-table-frame .table,
.sync-conflicts-table-frame .table,
.package-settings-table-frame .table,
.client-portal-accounts-table-frame .table,
.client-portal-servicepartner-table-frame .table {
  margin-bottom: 0;
}

.client-portal-accounts-table td,
.client-portal-servicepartner-table td {
  vertical-align: top;
}

.sync-conflicts-meta-stack {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.sync-conflicts-meta-line {
  font-size: 0.875rem;
  line-height: 1.35;
}

.sync-conflicts-timeline {
  display: grid;
  gap: 0.35rem;
}

.sync-conflicts-timeline-label {
  display: inline-block;
  min-width: 4rem;
  color: var(--tblr-secondary, #667085);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sync-conflicts-timeline-value {
  color: var(--tblr-body-color, #1f2937);
  font-size: 0.875rem;
}

.sync-conflicts-empty-state {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  text-align: center;
}

.sync-conflicts-empty-state-title {
  color: var(--tblr-body-color, #0f172a);
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}

.sync-conflicts-bulk-loading {
  min-height: 16rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
}

.package-module-code {
  display: inline-block;
  max-width: min(32rem, 44vw);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.role-settings-table td,
.permission-settings-table td {
  vertical-align: top;
}

.role-settings-shell {
  border-color: var(--kc-border-strong);
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.06);
  overflow: hidden;
}

.role-settings-layout {
  display: grid;
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
  min-height: 34rem;
}

.role-settings-sidebar {
  border-right: 1px solid var(--kc-border);
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 70%, var(--kc-surface) 30%);
  padding: 1rem;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .role-settings-sidebar {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.role-settings-side-section + .role-settings-side-section {
  margin-top: 1.1rem;
}

.role-settings-side-label {
  color: var(--tblr-secondary, #667085);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.55rem;
  text-transform: uppercase;
}

.role-settings-shell-search {
  min-width: 0;
}

.role-settings-search-results {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.08);
  margin-top: 0.5rem;
  max-height: 18rem;
  overflow: auto;
}

.role-settings-search-results .list-group-item {
  border-color: var(--kc-border);
}

.role-settings-role-picker {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
  padding: 0.9rem;
}

.role-settings-nav {
  gap: 0.35rem;
}

.role-settings-nav .list-group-item {
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--tblr-body-color, #1f2937);
  font-weight: 600;
  padding: 0.7rem 0.8rem;
}

.role-settings-nav .list-group-item:hover,
.role-settings-nav .list-group-item:focus {
  border-color: var(--kc-border);
  background: color-mix(in srgb, var(--kc-surface) 72%, transparent);
}

.role-settings-nav .list-group-item.active {
  border-color: color-mix(in srgb, var(--tblr-primary, #206bc4) 24%, transparent);
  background: color-mix(in srgb, var(--tblr-primary, #206bc4) 12%, var(--kc-surface) 88%);
  color: var(--tblr-primary, #206bc4);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .role-settings-nav .list-group-item.active {
    border-color: rgba(var(--tblr-primary-rgb), 0.24);
    background: rgba(var(--tblr-primary-rgb), 0.08);
  }
}
.role-settings-main {
  min-width: 0;
  background: var(--kc-surface);
}

.role-settings-content {
  min-height: 100%;
  padding: 1rem;
}

.role-settings-empty {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.role-settings-empty-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.role-settings-empty-tile {
  min-width: 0;
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 56%, var(--kc-surface) 44%);
  padding: 1rem;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .role-settings-empty-tile {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.role-settings-empty-label {
  color: var(--tblr-secondary, #667085);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.role-settings-empty-value {
  margin-top: 0.4rem;
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.role-user-badge,
.role-permission-badge,
.permission-route-code {
  display: inline-block;
  max-width: min(28rem, 42vw);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.role-permission-denied-list {
  max-width: 34rem;
}

.role-permission-tabs {
  gap: .35rem;
}

.role-permission-toolbar {
  background: color-mix(in srgb, var(--kc-surface) 48%, transparent);
}

.role-permission-table,
.role-settings-form .form-fieldset,
.role-permission-form .form-fieldset,
.role-permission-form .event-list-container > .card.card-sm {
  background: var(--kc-surface);
  border: 1px solid var(--kc-border);
  border-radius: 6px;
}

.role-permission-table {
  margin: 0 1rem 1rem;
}

.role-permission-table .table {
  margin-bottom: 0;
}

.role-settings-form .form-fieldset,
.role-permission-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.role-settings-form .form-fieldset:last-child,
.role-permission-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.role-permission-form .event-list-container > .row {
  align-items: center !important;
}

.role-permission-form .event-list-container > .row .input-icon .form-control {
  border-radius: var(--tblr-border-radius, 4px);
}

.role-permission-form .event-list-container > .row .btn-group {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

.role-permission-form .event-list-container > .row .btn-group > .btn {
  border-radius: var(--tblr-border-radius, 4px) !important;
  margin: 0;
}

.role-permission-form .event-list-heading {
  border-color: var(--kc-border);
  letter-spacing: 0.08em;
}

.role-permission-form [data-event-heading=category] {
  background: var(--tblr-bg-surface-secondary, #f6f8fb) !important;
  color: var(--tblr-secondary, #667085);
}

.role-permission-form [data-event-heading=module] {
  background: color-mix(in srgb, var(--tblr-primary-bg-subtle, #dbeafe) 48%, var(--kc-surface) 52%) !important;
  color: var(--tblr-primary, #066fd1);
}

.role-permission-form .event-list-item {
  border-color: var(--kc-border);
}

.role-permission-form .event-list-item .fw-medium {
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700;
}

.role-permission-form .event-list-item .text-muted {
  color: var(--tblr-secondary, #667085) !important;
  overflow-wrap: anywhere;
}

.translation-settings-editor {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 60%, var(--kc-surface) 40%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .translation-settings-editor {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.cache-settings-editor {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 60%, var(--kc-surface) 40%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .cache-settings-editor {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.cache-settings-tabbar {
  background: color-mix(in srgb, var(--kc-surface) 55%, transparent);
}

.app-settings-tabbar {
  background: color-mix(in srgb, var(--kc-surface) 64%, transparent);
}

.app-settings-tabbar .nav-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
}

.app-settings-tabbar .nav-pills .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  border-radius: var(--tblr-border-radius, 6px);
  white-space: nowrap;
}

.cache-settings-tabs {
  gap: 0.5rem;
}

.cache-settings-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.security-settings-editor {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 60%, var(--kc-surface) 40%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .security-settings-editor {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.security-settings-tabbar {
  background: color-mix(in srgb, var(--kc-surface) 55%, transparent);
}

.security-settings-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.security-settings-card .form-fieldset,
.security-ips-card .form-fieldset,
.security-ips-toolbar,
.security-ip-table {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.security-settings-card .form-fieldset,
.security-ips-card .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.15rem;
}

.security-settings-tab-intro {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--kc-surface) 72%, transparent);
}

.security-settings-tab-intro .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.security-settings-tab-intro .text-secondary {
  max-width: 46rem;
}

.security-settings-card .form-fieldset > .divide-y > div > .row {
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 0.25rem 0;
}

.security-settings-card .form-fieldset .space-y {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1rem;
}

.security-settings-card textarea,
.security-settings-card input[type=text] {
  font-family: var(--tblr-font-monospace, Monaco, Consolas, monospace);
}

.security-settings-card .form-check-single.form-switch {
  margin: 0;
}

.security-settings-footer-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}

.security-settings-footer-note {
  margin-right: auto;
}

.security-ips-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: end;
  padding: 1rem;
}

.security-ips-field {
  min-width: 0;
}

.security-ips-action {
  min-width: 9rem;
}

.security-ip-table {
  overflow: hidden;
}

.security-ip-table .table {
  margin-bottom: 0;
}

.security-ip-table td {
  vertical-align: middle;
}

.security-ip-table .sort-ip,
.security-ip-table .sort-note,
.security-ip-table .sort-scope {
  overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
  .security-settings-header-state {
    justify-content: flex-start;
    width: 100%;
  }
  .security-settings-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.1rem;
  }
  .security-settings-tabs .nav-link {
    white-space: nowrap;
  }
  .security-settings-footer-layout {
    justify-content: flex-start;
  }
  .security-settings-footer-note {
    flex: 0 0 100%;
    margin-right: 0;
  }
  .security-ips-toolbar {
    grid-template-columns: 1fr;
  }
  .security-ips-action {
    min-width: 0;
  }
}
@media (max-width: 575.98px) {
  .security-ip-table {
    overflow: visible;
  }
  .security-ip-table .table-responsive {
    overflow: visible;
  }
  .security-ip-table .table,
  .security-ip-table .table thead,
  .security-ip-table .table tbody,
  .security-ip-table .table tr,
  .security-ip-table .table td {
    display: block;
  }
  .security-ip-table .table thead {
    display: none;
  }
  .security-ip-table .table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid var(--kc-border);
  }
  .security-ip-table .table tbody tr:first-child {
    border-top: 0;
  }
  .security-ip-table .table td {
    border: 0;
    padding: 0;
  }
  .security-ip-table .table td:nth-child(2),
  .security-ip-table .table td:nth-child(3):not(:last-child) {
    color: var(--tblr-secondary, #667085);
    font-size: 0.82rem;
    text-align: left !important;
  }
  .security-ip-table .table td:last-child {
    grid-column: 2;
    grid-row: 1/span 3;
    align-self: center;
    text-align: right !important;
  }
}
.cache-provider-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
  gap: 0.75rem;
}

.cache-settings-card .form-fieldset,
.cache-provider-card,
.cache-status-tile,
.cache-tags-toolbar,
.cache-tags-table {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.cache-settings-card .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.15rem;
}

.cache-provider-config .row {
  row-gap: 1rem;
}

.cache-action-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.cache-provider-card {
  display: flex;
  min-width: 0;
  min-height: 10rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.cache-provider-card.is-active {
  border-color: rgba(var(--tblr-primary-rgb), 0.38);
  box-shadow: inset 3px 0 0 var(--tblr-primary, #066fd1), 0 10px 24px rgba(17, 24, 39, 0.05);
}

.cache-provider-card__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

.cache-provider-card__title {
  color: var(--tblr-body-color, #1f2937);
  font-size: 1rem;
  font-weight: 700;
}

.cache-provider-card .badge {
  flex: 0 0 auto;
}

.cache-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.75rem;
}

.cache-status-tile {
  min-width: 0;
  padding: 1rem;
}

.cache-status-tile.is-wide {
  grid-column: span 2;
}

.cache-status-tile__label {
  margin-bottom: 0.35rem;
  color: var(--tblr-secondary, #667085);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cache-status-tile__value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.cache-key-code {
  display: inline-block;
  max-width: min(34rem, 52vw);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.cache-tags-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 28rem) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
}

.cache-tags-toolbar-head {
  min-width: 0;
}

.cache-tags-search {
  min-width: 0;
}

.cache-tags-table {
  overflow: hidden;
}

.cache-tags-table-frame {
  border-top: 1px solid var(--kc-border);
}

.cache-tags-table .table {
  margin-bottom: 0;
}

.cache-tags-table td {
  vertical-align: middle;
}

.cache-tags-state {
  padding: 2rem 1rem !important;
  text-align: center;
}

.cache-table-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-top: 1px solid var(--kc-border);
  background: var(--kc-surface);
}

.cache-settings-footer-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.cache-settings-footer-maintenance,
.cache-settings-footer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.cache-settings-footer-actions {
  justify-content: flex-end;
  margin-left: auto;
}

.cache-settings-footer-note {
  margin-right: 0.5rem;
}

@media (max-width: 767.98px) {
  .cache-settings-header-state {
    justify-content: flex-start;
    width: 100%;
  }
  .cache-provider-grid,
  .cache-status-grid {
    grid-template-columns: 1fr;
  }
  .cache-status-tile.is-wide {
    grid-column: auto;
  }
  .cache-tags-search,
  .cache-key-code {
    max-width: 100%;
  }
  .cache-tags-toolbar {
    grid-template-columns: 1fr;
  }
  .cache-table-footer {
    align-items: stretch;
  }
  .cache-settings-footer-actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }
  .cache-settings-footer-note {
    flex: 0 0 100%;
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .cache-tags-table .table-responsive {
    overflow: visible;
  }
  .cache-tags-table .table,
  .cache-tags-table .table thead,
  .cache-tags-table .table tbody,
  .cache-tags-table .table tr,
  .cache-tags-table .table td {
    display: block;
  }
  .cache-tags-table .table thead {
    display: none;
  }
  .cache-tags-table .table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--kc-border);
  }
  .cache-tags-table .table tbody tr:first-child {
    border-top: 0;
  }
  .cache-tags-table .table td {
    border: 0;
    padding: 0;
  }
  .cache-tags-table .table td:first-child {
    min-width: 0;
  }
  .cache-tags-table .table td:nth-child(2) {
    color: var(--tblr-secondary, #667085);
    font-size: 0.82rem;
    text-align: left !important;
  }
  .cache-tags-table .table td:nth-child(2)::before {
    content: "Keys ";
    font-weight: 700;
  }
  .cache-tags-table .table td:nth-child(3) {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: center;
    text-align: right !important;
  }
  .cache-tags-table .cache-key-code {
    max-width: 100%;
  }
  .cache-table-footer .dropdown,
  .cache-table-footer .dropdown > .btn {
    width: 100%;
  }
}
.audit-settings-editor {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 60%, var(--kc-surface) 40%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .audit-settings-editor {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.audit-settings-form .form-fieldset,
.audit-settings-panel {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.audit-settings-form .form-fieldset,
.audit-settings-panel {
  padding: 1.25rem;
}

.audit-settings-form .form-fieldset {
  margin-bottom: 0;
}

.audit-settings-panel .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.audit-settings-panel .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.audit-settings-card .event-list-container > .row {
  align-items: center !important;
}

.audit-settings-card .event-list-container > .row .input-icon .form-control {
  border-radius: var(--tblr-border-radius, 4px);
}

.audit-settings-card .event-list-container > .row .btn-group {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

.audit-settings-card .event-list-container > .row .btn-group > .btn {
  border-radius: var(--tblr-border-radius, 4px) !important;
  margin: 0;
}

.audit-settings-card .event-list-container > .card.card-sm {
  border-color: var(--kc-border);
  box-shadow: none;
}

.audit-settings-card .event-list-heading {
  border-color: var(--kc-border);
  letter-spacing: 0.08em;
}

.audit-settings-card [data-event-heading=category] {
  background: var(--tblr-bg-surface-secondary, #f6f8fb) !important;
  color: var(--tblr-secondary, #667085);
}

.audit-settings-card [data-event-heading=module] {
  background: color-mix(in srgb, var(--tblr-primary-bg-subtle, #dbeafe) 48%, var(--kc-surface) 52%) !important;
  color: var(--tblr-primary, #066fd1);
}

.audit-settings-card .event-list-item {
  border-color: var(--kc-border);
}

.audit-settings-card .event-list-item .fw-medium {
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700;
}

.audit-settings-card .event-list-item .text-muted {
  color: var(--tblr-secondary, #667085) !important;
  overflow-wrap: anywhere;
}

.ui-notification-settings-page {
  --notification-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .ui-notification-settings-page {
    --notification-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.ui-notification-settings-card > .card-table > .card-header {
  background: var(--kc-surface);
}

.ui-notification-settings-header-state {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}

.ui-notification-settings-editor {
  background: var(--notification-surface);
}

.ui-notification-settings-form .form-fieldset,
.ui-notification-settings-panel,
.ui-notification-settings-form .event-list-container > .event-list-card {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.ui-notification-settings-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.ui-notification-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.ui-notification-settings-panel {
  padding: 1.25rem;
}

.ui-notification-settings-panel .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.ui-notification-settings-panel .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.ui-notification-switch-list > label {
  margin: 0;
  padding: 0.85rem 0;
}

.ui-notification-switch-list > label:first-child {
  padding-top: 0;
}

.ui-notification-switch-list > label:last-child {
  padding-bottom: 0;
}

.ui-notification-settings-form .event-list-toolbar {
  margin-left: 0;
  margin-right: 0;
}

.ui-notification-settings-form .event-list-toolbar__search,
.ui-notification-settings-form .event-list-toolbar__actions {
  padding-left: 0;
  padding-right: 0;
}

.ui-notification-settings-form .event-list-toolbar .input-icon .form-control {
  border-radius: var(--tblr-border-radius, 4px);
}

.ui-notification-settings-form .event-list-presets {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

.ui-notification-settings-form .event-list-presets > .btn {
  border-radius: var(--tblr-border-radius, 4px) !important;
  margin: 0;
}

.ui-notification-settings-form .event-list-container > .event-list-card {
  box-shadow: none;
  overflow: hidden;
}

.ui-notification-settings-form .event-list-heading {
  border-color: var(--kc-border);
  letter-spacing: 0.08em;
}

.ui-notification-settings-form [data-event-heading=category] {
  background: var(--tblr-bg-surface-secondary, #f6f8fb) !important;
  color: var(--tblr-secondary, #667085);
}

.ui-notification-settings-form [data-event-heading=module] {
  background: color-mix(in srgb, var(--tblr-primary-bg-subtle, #dbeafe) 48%, var(--kc-surface) 52%) !important;
  color: var(--tblr-primary, #066fd1);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .ui-notification-settings-form [data-event-heading=module] {
    background: var(--tblr-primary-lt) !important;
  }
}
.ui-notification-settings-form .event-list-item {
  border-color: var(--kc-border);
}

.ui-notification-settings-form .event-list-item__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700;
}

.ui-notification-settings-form .event-list-item__key,
.ui-notification-settings-form .event-list-item__description {
  color: var(--tblr-secondary, #667085) !important;
  overflow-wrap: anywhere;
}

.ui-notification-settings-form .event-list-item__description {
  margin-top: 0.25rem;
}

.ui-notification-settings-form .event-list-item__control {
  min-width: 9rem;
  text-align: right;
}

.ui-notification-settings-form .event-list-item__control .form-select {
  min-width: 9rem;
}

.ui-notification-settings-form .event-list-item__control .form-switch {
  min-height: 1.5rem;
}

.auth-settings-page {
  --auth-settings-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .auth-settings-page {
    --auth-settings-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.auth-provider-settings-card > .card-table > .card-header,
.perfex-auth-settings-card > .card-table > .card-header {
  background: var(--kc-surface);
}

.auth-settings-header-state {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.auth-settings-editor {
  background: var(--auth-settings-surface);
}

.auth-provider-settings-form .form-fieldset,
.perfex-auth-settings-form .form-fieldset,
.auth-settings-field-card,
.auth-settings-notice,
.perfex-auth-connection-card {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.auth-provider-settings-form .form-fieldset,
.perfex-auth-settings-form .form-fieldset {
  margin: 0 0 1rem;
  padding: 1.25rem;
}

.auth-provider-settings-form .form-fieldset:last-child,
.perfex-auth-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.auth-settings-panel {
  padding: 0;
}

.auth-settings-panel .app-widget-head > .card-title,
.perfex-auth-connection-card .app-widget-head > .card-title {
  font-size: 1rem;
  font-weight: 600;
}

.auth-provider-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
  gap: 1rem;
  align-items: stretch;
}

.auth-settings-field-card,
.auth-settings-notice,
.perfex-auth-connection-card {
  padding: 1rem;
}

.auth-settings-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.875rem;
  align-items: start;
}

.auth-settings-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: rgba(var(--tblr-primary-rgb), 0.08);
  color: var(--tblr-primary, #206bc4);
}

.auth-settings-notice--warning .auth-settings-notice__icon {
  background: rgba(var(--tblr-warning-rgb), 0.12);
  color: var(--tblr-warning, #f59f00);
}

.auth-settings-notice--success .auth-settings-notice__icon {
  background: rgba(var(--tblr-success-rgb), 0.12);
  color: var(--tblr-success, #2fb344);
}

.auth-settings-notice__title {
  font-weight: 600;
  color: var(--tblr-body-color, #182433);
}

.perfex-auth-connection-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.system-general-settings-page {
  --system-general-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .system-general-settings-page {
    --system-general-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.system-general-settings-editor {
  background: var(--system-general-surface);
}

.system-general-settings-state {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.system-general-section {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
  margin: 0 0 1rem;
  padding: 1.25rem;
}

.system-general-section:last-child {
  margin-bottom: 0;
}

.system-general-pdf-actions .btn {
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}

.pdf-layout-editor-modal-dialog .modal-header {
  align-items: flex-start;
}

.billing-system-settings-page {
  --billing-system-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .billing-system-settings-page {
    --billing-system-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.billing-system-settings-card > .card-table > .card-header {
  background: var(--kc-surface);
}

.billing-system-settings-header-state {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.billing-system-settings-tabs {
  gap: 0.5rem;
}

.billing-system-settings-tabs .nav-link {
  border-radius: var(--tblr-border-radius, 0.375rem);
}

.billing-system-settings-editor {
  background: var(--billing-system-surface);
}

.billing-system-settings-form .form-fieldset,
.billing-settings-field-card,
.billing-copy-card,
.billing-simulation-card {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.billing-system-settings-form .form-fieldset {
  margin: 0 0 1rem;
  padding: 1.25rem;
}

.billing-system-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.billing-settings-panel {
  padding: 0;
}

.billing-settings-panel .app-widget-head > .card-title,
.billing-copy-card .app-widget-head > .card-title,
.billing-simulation-card .app-widget-head > .card-title {
  font-size: 1rem;
  font-weight: 600;
}

.billing-settings-panel .app-widget-head > .text-secondary,
.billing-simulation-card .app-widget-head > .text-secondary {
  max-width: 58rem;
}

.billing-settings-grid,
.billing-bank-grid,
.billing-copy-grid {
  display: grid;
  gap: 1rem;
}

.billing-settings-grid--two,
.billing-bank-grid,
.billing-copy-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-settings-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.billing-settings-field-card,
.billing-copy-card,
.billing-simulation-card {
  padding: 1rem;
}

.billing-settings-field-card--wide {
  grid-column: 1/-1;
}

.billing-settings-field-card .input-group-text {
  min-width: 4.75rem;
  justify-content: center;
}

.billing-copy-card textarea {
  resize: vertical;
}

.billing-placeholder-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--kc-surface) 72%, transparent);
  color: var(--tblr-secondary, #667085);
}

.billing-placeholder-strip > span {
  font-weight: 600;
  color: var(--tblr-body-color, #182433);
}

.billing-placeholder-strip code {
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background: rgba(var(--tblr-primary-rgb), 0.08);
  color: var(--tblr-primary, #206bc4);
}

.billing-simulation-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
  gap: 1rem;
  align-items: start;
}

.billing-simulation-controls {
  display: grid;
  gap: 1rem;
}

.billing-simulation-actions {
  display: grid;
  gap: 0.5rem;
}

.apishield-settings-page {
  --apishield-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .apishield-settings-page {
    --apishield-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.apishield-settings-card > .card-table > .card-header {
  background: var(--kc-surface);
}

.apishield-settings-header-state {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}

.apishield-settings-tabs {
  gap: 0.35rem;
}

.apishield-settings-tabs .nav-link {
  border-radius: var(--tblr-border-radius, 4px);
}

.apishield-settings-editor {
  background: var(--apishield-surface);
}

.apishield-settings-form .form-fieldset,
.apishield-settings-panel,
.apishield-scope-card,
.apishield-limit-card,
.apishield-bucket-card {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.apishield-settings-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.apishield-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.apishield-settings-panel {
  padding: 1.25rem;
}

.apishield-settings-panel .app-widget-head > .card-title,
.apishield-bucket-card .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.apishield-settings-panel .app-widget-head > .text-secondary,
.apishield-bucket-card .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.apishield-switch-list > label {
  margin: 0;
  padding: 0.85rem 0;
}

.apishield-switch-list > label:first-child {
  padding-top: 0;
}

.apishield-switch-list > label:last-child {
  padding-bottom: 0;
}

.apishield-scope-grid,
.apishield-limit-grid,
.apishield-bucket-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.apishield-limit-grid,
.apishield-bucket-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.apishield-scope-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  margin: 0;
  padding: 1rem;
}

.apishield-scope-card > span:first-child {
  min-width: 0;
}

.apishield-scope-card strong,
.apishield-scope-card span span {
  display: block;
}

.apishield-scope-card span span {
  margin-top: 0.25rem;
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
}

.apishield-limit-card,
.apishield-bucket-card {
  min-width: 0;
  padding: 1rem;
}

.apishield-limit-card .text-secondary,
.apishield-bucket-card .text-secondary {
  overflow-wrap: anywhere;
}

.apishield-bucket-card .input-group-text {
  min-width: 5.3rem;
  justify-content: center;
}

.meilisearch-settings-page {
  --meilisearch-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .meilisearch-settings-page {
    --meilisearch-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.meilisearch-settings-card > .card-table > .card-header {
  background: var(--kc-surface);
}

.meilisearch-settings-header-state {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}

.meilisearch-settings-tabs {
  gap: 0.35rem;
}

.meilisearch-settings-tabs .nav-link {
  border-radius: var(--tblr-border-radius, 4px);
}

.meilisearch-settings-editor {
  background: var(--meilisearch-surface);
}

.meilisearch-settings-form .form-fieldset,
.meilisearch-settings-panel,
.meilisearch-index-card {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.meilisearch-settings-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.meilisearch-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.meilisearch-settings-panel {
  padding: 1.25rem;
}

.meilisearch-settings-panel .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.meilisearch-settings-panel .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.meilisearch-switch-list > label {
  margin: 0;
  padding: 0.85rem 0;
}

.meilisearch-switch-list > label:first-child {
  padding-top: 0;
}

.meilisearch-switch-list > label:last-child {
  padding-bottom: 0;
}

.meilisearch-status-grid,
.meilisearch-index-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.meilisearch-status-metric {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--tblr-bg-surface-secondary, #f6f8fb);
}

.meilisearch-status-metric > span,
.meilisearch-index-card__name,
.meilisearch-index-card__meta {
  color: var(--tblr-secondary, #667085);
}

.meilisearch-status-metric > span,
.meilisearch-status-metric > strong,
.meilisearch-status-metric > small {
  display: block;
}

.meilisearch-status-metric > span {
  font-size: 0.78rem;
}

.meilisearch-status-metric > strong {
  margin-top: 0.25rem;
  color: var(--tblr-body-color, #1f2937);
  overflow-wrap: anywhere;
}

.meilisearch-status-metric > small {
  margin-top: 0.25rem;
  color: var(--tblr-secondary, #667085);
  overflow-wrap: anywhere;
}

.meilisearch-index-card {
  min-width: 0;
  padding: 1rem;
  box-shadow: none;
}

.meilisearch-index-card.is-missing {
  border-color: rgba(var(--tblr-danger-rgb), 0.2);
  background: color-mix(in srgb, var(--tblr-danger-bg-subtle, #fde8e8) 36%, var(--kc-surface) 64%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .meilisearch-index-card.is-missing {
    background: var(--tblr-danger-lt);
  }
}
.meilisearch-index-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.meilisearch-index-card__head > strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.meilisearch-index-card__name {
  margin-top: 0.4rem;
  font-size: 0.8rem;
  overflow-wrap: anywhere;
}

.meilisearch-index-card__meta {
  display: grid;
  gap: 0.2rem;
  margin-top: 0.75rem;
  font-size: 0.8rem;
}

.pushover-settings-page {
  --pushover-surface: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 62%, var(--kc-surface) 38%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .pushover-settings-page {
    --pushover-surface: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.pushover-settings-card > .card-table > .card-header {
  background: var(--kc-surface);
}

.pushover-settings-header-state {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}

.pushover-settings-tabs {
  gap: 0.35rem;
}

.pushover-settings-tabs .nav-link {
  border-radius: var(--tblr-border-radius, 4px);
}

.pushover-settings-editor {
  background: var(--pushover-surface);
}

.pushover-settings-form .form-fieldset,
.pushover-settings-panel,
.pushover-settings-form .event-list-container > .event-list-card {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.pushover-settings-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.pushover-settings-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.pushover-settings-panel {
  padding: 1.25rem;
}

.pushover-settings-panel .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.pushover-settings-panel .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.pushover-switch-list > label {
  margin: 0;
  padding: 0.85rem 0;
}

.pushover-switch-list > label:first-child {
  padding-top: 0;
}

.pushover-switch-list > label:last-child {
  padding-bottom: 0;
}

.pushover-usage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.pushover-usage-metric {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--tblr-bg-surface-secondary, #f6f8fb);
}

.pushover-usage-metric > span {
  display: block;
  color: var(--tblr-secondary, #667085);
  font-size: 0.78rem;
}

.pushover-usage-metric > strong {
  display: block;
  margin-top: 0.25rem;
  color: var(--tblr-body-color, #1f2937);
  overflow-wrap: anywhere;
}

.pushover-settings-form .event-list-toolbar {
  margin-left: 0;
  margin-right: 0;
}

.pushover-settings-form .event-list-toolbar__search,
.pushover-settings-form .event-list-toolbar__actions {
  padding-left: 0;
  padding-right: 0;
}

.pushover-settings-form .event-list-toolbar .input-icon .form-control {
  border-radius: var(--tblr-border-radius, 4px);
}

.pushover-settings-form .event-list-presets {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

.pushover-settings-form .event-list-presets > .btn {
  border-radius: var(--tblr-border-radius, 4px) !important;
  margin: 0;
}

.pushover-settings-form .event-list-container > .event-list-card {
  box-shadow: none;
  overflow: hidden;
}

.pushover-settings-form .event-list-heading {
  border-color: var(--kc-border);
  letter-spacing: 0.08em;
}

.pushover-settings-form [data-event-heading=category] {
  background: var(--tblr-bg-surface-secondary, #f6f8fb) !important;
  color: var(--tblr-secondary, #667085);
}

.pushover-settings-form [data-event-heading=module] {
  background: color-mix(in srgb, var(--tblr-primary-bg-subtle, #dbeafe) 48%, var(--kc-surface) 52%) !important;
  color: var(--tblr-primary, #066fd1);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .pushover-settings-form [data-event-heading=module] {
    background: var(--tblr-primary-lt) !important;
  }
}
.pushover-settings-form .event-list-item {
  border-color: var(--kc-border);
}

.pushover-settings-form .event-list-item__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700;
}

.pushover-settings-form .event-list-item__key,
.pushover-settings-form .event-list-item__description {
  color: var(--tblr-secondary, #667085) !important;
  overflow-wrap: anywhere;
}

.pushover-settings-form .event-list-item__description {
  margin-top: 0.25rem;
}

.pushover-settings-form .event-list-item__control {
  min-width: 9rem;
  text-align: right;
}

.pushover-settings-form .event-list-item__control .form-select {
  min-width: 9rem;
}

.pushover-settings-form .event-list-item__control .form-switch {
  min-height: 1.5rem;
}

.translation-settings-panel,
.translation-results-panel,
.translation-language-option {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.translation-settings-card .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.15rem;
}

.translation-settings-header-state {
  display: flex;
  justify-content: flex-end;
}

.translation-settings-header-state > .d-flex {
  justify-content: flex-end;
  margin-top: 0 !important;
}

.translation-settings-panel {
  padding: 0.2rem 1rem;
}

.translation-settings-switch {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0.85rem 0;
}

.translation-settings-switch .form-check-input {
  flex: 0 0 auto;
  margin-left: 0;
}

.translation-settings-switch strong,
.translation-settings-switch span span {
  display: block;
}

.translation-settings-switch span span {
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
  line-height: 1.35;
  margin-top: 0.15rem;
}

.translation-language-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.75rem;
}

.translation-language-option {
  display: flex;
  gap: 0.75rem;
  min-width: 0;
  margin: 0;
  padding: 0.85rem 1rem;
}

.translation-language-option .form-check-input {
  flex: 0 0 auto;
  margin-left: 0;
}

.translation-language-option__body,
.translation-language-option__name,
.translation-language-option__code {
  display: block;
  min-width: 0;
}

.translation-language-option__name {
  color: var(--tblr-body-color, #1f2937);
  font-weight: 600;
}

.translation-language-option__code {
  color: var(--tblr-secondary, #667085);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.translation-results-panel {
  padding: 1rem;
}

.translation-results-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem) minmax(10rem, 14rem) minmax(14rem, 22rem);
  gap: 0.75rem;
  align-items: end;
  margin-bottom: 1rem;
}

.translation-results-head,
.translation-results-filter {
  min-width: 0;
}

.translation-results-panel .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.translation-results-panel .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.translation-results-table-frame {
  border: 1px solid var(--kc-border);
  border-radius: 8px;
  background: var(--kc-surface);
}

.translation-results-table td {
  vertical-align: top;
}

.translation-results-table td:nth-child(2) {
  max-width: 28rem;
  overflow-wrap: anywhere;
}

.translation-results-state {
  padding: 2rem 1rem !important;
  text-align: center;
}

.translation-edit {
  min-height: 2.25rem;
  max-width: min(36rem, 48vw);
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--kc-border-strong);
  border-radius: var(--tblr-border-radius, 4px);
  background: var(--kc-surface);
  outline: none;
  overflow-wrap: anywhere;
}

.translation-edit:focus {
  border-color: var(--tblr-primary, #066fd1);
  box-shadow: 0 0 0 0.2rem rgba(var(--tblr-primary-rgb), 0.12);
}

.translation-domain-badge {
  max-width: min(16rem, 28vw);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.translation-results-footer {
  margin: 0 -1rem -1rem;
  background: transparent;
  border-top: 0;
  gap: 0.75rem;
}

.translation-settings-footer-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}

.translation-settings-footer-note {
  margin-right: auto;
}

.external-system-url-code {
  display: inline-block;
  max-width: min(32rem, 44vw);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.external-system-table td {
  vertical-align: top;
}

.external-system-panel {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
  padding: 1.25rem;
}

.external-system-panel .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.external-system-panel .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.external-system-switch {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding-left: 0;
  padding: 0.85rem 0;
}

.external-system-switch .form-check-input {
  flex: 0 0 auto;
  margin-left: 0;
}

.external-system-switch > span,
.external-system-switch strong,
.external-system-switch span span {
  display: block;
  min-width: 0;
}

.external-system-switch span span {
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
  line-height: 1.35;
  margin-top: 0.15rem;
}

.external-system-scope-search {
  max-width: 18rem;
}

.external-system-scope-list {
  max-height: 18rem;
  overflow: auto;
  border: 1px solid var(--kc-border);
  border-radius: var(--tblr-border-radius, 4px);
  background: var(--kc-surface);
  padding: 0.75rem 1rem;
}

.external-system-scope-list .form-check {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--kc-border);
}

.external-system-scope-list .form-check:last-child {
  border-bottom: 0;
}

.external-system-steps .list-group-item {
  border-color: var(--kc-border);
}

.external-system-key-panel {
  margin-top: 1.25rem;
}

.external-system-key-box {
  padding: 1rem;
  border-radius: var(--tblr-border-radius, 4px);
  background: #182433;
  color: #fff;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.external-system-empty {
  padding: 2.25rem 1rem;
}

.client-portal-account-switches {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.client-portal-migrate-button {
  max-width: 100%;
  white-space: normal;
}

.client-portal-account-switch {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--kc-border);
}

.client-portal-account-switch:first-child {
  padding-top: 0;
}

.client-portal-account-switch:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.client-portal-account-switch > span:first-child {
  min-width: 0;
}

.client-portal-account-switch strong,
.client-portal-account-switch span span {
  display: block;
}

.client-portal-account-switch span span {
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
  line-height: 1.35;
  margin-top: 0.15rem;
}

.client-portal-customer-list {
  max-height: 28rem;
  overflow: auto;
  border: 1px solid var(--kc-border);
  border-radius: var(--tblr-border-radius, 4px);
  background: var(--kc-surface);
}

.client-portal-customer-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--kc-border);
}

.client-portal-customer-row:last-child {
  border-bottom: 0;
}

.client-portal-servicepartners-card .card-body.border-bottom,
.client-portal-servicepartners-card .card-body.border-top {
  background: transparent;
}

.client-portal-servicepartner-metric,
.client-portal-servicepartner-panel,
.client-portal-servicepartner-grant,
.client-portal-servicepartner-capability {
  border: 1px solid var(--kc-border);
  border-radius: var(--tblr-border-radius, 4px);
  background: var(--kc-surface);
}

.client-portal-servicepartner-metric {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 7.4rem;
  height: 100%;
  padding: 0.95rem 1rem;
}

.client-portal-servicepartner-metric .h2 {
  color: var(--tblr-body-color, #1f2937);
  font-weight: 600;
  line-height: 1.15;
}

.client-portal-servicepartner-metrics-panel {
  background: color-mix(in srgb, var(--kc-surface) 32%, transparent);
}

.client-portal-servicepartner-panel {
  padding: 1rem;
}

.client-portal-servicepartner-grant,
.client-portal-servicepartner-capability {
  padding: 0.9rem 1rem;
}

.client-portal-servicepartner-panel .app-widget-head > .card-title,
.client-portal-servicepartner-governance .app-widget-head > .card-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.client-portal-servicepartner-panel .app-widget-head > .text-secondary,
.client-portal-servicepartner-governance .app-widget-head > .text-secondary {
  margin-top: 0.45rem;
}

.client-portal-servicepartner-actions .btn {
  white-space: nowrap;
}

.client-portal-accounts-footer,
.client-portal-servicepartner-footer {
  gap: 0.75rem;
}

.client-portal-account-delete-content {
  gap: 0.85rem;
}

.app-settings-detail-hero,
.settings-detail-hero,
.client-portal-settings-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  min-width: 0;
  margin-bottom: 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 54%, var(--kc-surface) 46%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .app-settings-detail-hero,
  .settings-detail-hero,
  .client-portal-settings-hero {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
  }
}
.client-portal-servicepartner-hero .settings-detail-hero,
.client-portal-servicepartner-hero .client-portal-settings-hero {
  margin-bottom: 0;
}

.app-settings-detail-hero .app-widget-head,
.settings-detail-hero .app-widget-head,
.client-portal-settings-hero .app-widget-head {
  flex: 1 1 22rem;
  min-width: min(100%, 16rem);
}

.app-settings-detail-actions,
.settings-detail-hero__actions,
.settings-detail-footer,
.app-settings-detail-footer,
.settings-detail-footer__actions,
.client-portal-settings-hero__actions,
.client-portal-settings-footer,
.client-portal-settings-footer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.app-settings-detail-actions,
.settings-detail-hero__actions,
.client-portal-settings-hero__actions {
  justify-content: flex-end;
  align-content: flex-start;
}

.app-settings-detail-footer,
.settings-detail-footer,
.client-portal-settings-footer {
  justify-content: space-between;
}

.app-settings-detail-actions,
.settings-detail-footer__actions,
.client-portal-settings-footer__actions {
  justify-content: flex-end;
}

.settings-detail-inline-footer,
.client-portal-settings-inline-footer {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--kc-border);
}

.client-portal-settings-tabs-header {
  padding: 0.75rem 1rem 0;
  border-bottom: 1px solid var(--kc-border);
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 58%, var(--kc-surface) 42%) !important;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .client-portal-settings-tabs-header {
    background: var(--tblr-bg-surface-secondary, #f6f8fb) !important;
  }
}
.client-portal-servicepartner-tabs {
  gap: 0.35rem;
  align-items: stretch;
}

.client-portal-servicepartner-tabs .nav-item {
  flex: 1 1 11rem;
  min-width: min(100%, 10rem);
}

.client-portal-servicepartner-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  min-height: 2.75rem;
  white-space: normal;
  border-radius: 6px 6px 0 0;
  color: var(--tblr-secondary, #667085);
}

.client-portal-servicepartner-tabs .nav-link.active {
  color: var(--tblr-body-color, #1f2937);
  background: var(--kc-surface);
  border-color: var(--kc-border) var(--kc-border) var(--kc-surface);
}

.client-portal-settings-workspace-card > .tab-content {
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 28%, var(--kc-surface) 72%);
}

.client-portal-servicepartner-form-card > .tab-content > .tab-pane > .card-body {
  background: transparent;
}

.client-portal-settings-empty {
  margin: 1rem;
  padding: 1.5rem;
  border: 1px dashed var(--kc-border-strong);
  border-radius: 6px;
  background: var(--kc-surface);
}

.client-portal-servicepartner-mini-table-frame {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.client-portal-servicepartner-mini-table {
  margin-bottom: 0;
}

.client-portal-servicepartner-mini-table th,
.client-portal-servicepartner-mini-table td {
  vertical-align: top;
}

.app-revision-table-frame {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.app-revision-table {
  margin-bottom: 0;
}

.app-revision-table th,
.app-revision-table td {
  vertical-align: top;
}

.app-revision-table .text-wrap {
  overflow-wrap: anywhere;
}

.client-portal-customer-row__body,
.client-portal-customer-row__title,
.client-portal-customer-row__meta,
.client-portal-customer-row__role {
  display: block;
  min-width: 0;
}

.client-portal-customer-row__title {
  font-weight: 600;
  color: var(--tblr-body-color, #1f2937);
}

.client-portal-customer-row__meta {
  color: var(--tblr-secondary, #667085);
  font-size: 0.8rem;
  margin-top: 0.1rem;
}

.client-portal-customer-row__role {
  margin-top: 0.65rem;
}

.client-portal-customer-row__primary {
  white-space: nowrap;
}

.cron-settings-table-frame,
.external-system-settings-table,
.cron-job-form .form-fieldset,
.external-system-wizard-form .form-fieldset {
  border: 1px solid var(--kc-border);
  border-radius: 6px;
  background: var(--kc-surface);
}

.cron-settings-table-frame,
.external-system-settings-table {
  margin: 0 1rem 1rem;
}

.cron-settings-table,
.external-system-settings-table .table {
  margin-bottom: 0;
}

.cron-settings-table td,
.cron-settings-table th {
  vertical-align: top;
}

.cron-empty-state {
  margin: 0 1rem 1rem;
  border: 1px dashed var(--kc-border-strong);
  border-radius: 6px;
  background: var(--kc-surface);
}

.cron-job-form .form-fieldset,
.external-system-wizard-form .form-fieldset {
  margin-bottom: 1rem;
  padding: 1.25rem;
}

.cron-job-form .form-fieldset:last-child,
.external-system-wizard-form .form-fieldset:last-child {
  margin-bottom: 0;
}

.external-system-wizard-card .btn-list form {
  display: inline-flex;
  margin: 0;
}

.cron-settings-card .toggle-pill,
.cron-job-form .toggle-pill {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.cron-settings-card .toggle-pill-track,
.cron-job-form .toggle-pill-track {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
  border-radius: 999px;
  background: var(--tblr-border-color);
  transition: background-color 0.2s ease;
}

.cron-settings-card .toggle-pill-thumb,
.cron-job-form .toggle-pill-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--kc-surface);
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.22);
  transition: transform 0.2s ease;
}

.cron-settings-card .toggle-pill.is-active .toggle-pill-track,
.cron-job-form .toggle-pill.is-active .toggle-pill-track {
  background: var(--tblr-primary, #206bc4);
}

.cron-settings-card .toggle-pill.is-active .toggle-pill-thumb,
.cron-job-form .toggle-pill.is-active .toggle-pill-thumb {
  transform: translateX(18px);
}

.cron-status-tile {
  min-height: 6rem;
  height: 100%;
  border: 1px solid var(--kc-border);
  border-radius: var(--tblr-border-radius, 4px);
  padding: 0.9rem 1rem;
  background: var(--kc-surface);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.35rem;
}

.cron-status-tile__label {
  color: var(--tblr-secondary, #667085);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cron-status-tile__value {
  color: var(--tblr-body-color, #1f2937);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.cron-status-tile.is-danger .cron-status-tile__value {
  color: var(--tblr-danger, #d63939);
}

.cron-operation-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 991.98px) {
  .cron-settings-header-state,
  .cron-settings-card > .card-table > .card-header .app-widget-head,
  .external-system-settings-header-state,
  .role-settings-shell-state,
  .audit-settings-header-state,
  .audit-log-header-state,
  .apishield-log-header-state,
  .failure-queue-header-state,
  .failure-job-header-state,
  .sync-conflicts-header-state,
  .package-settings-header-state,
  .client-portal-accounts-header-state,
  .client-portal-servicepartners-header-state,
  .apikey-settings-header-state,
  .apikey-form-state,
  .role-settings-header-state {
    justify-content: flex-start;
  }
  .package-settings-card > .card-table > .card-header .app-widget-head,
  .audit-log-card > .card-header .app-widget-head,
  .audit-log-header-state,
  .apishield-log-card > .card-header .app-widget-head,
  .apishield-log-header-state,
  .role-settings-shell > .card-header .app-widget-head,
  .role-settings-shell-state,
  .failure-queue-card > .card-header .app-widget-head,
  .failure-queue-header-state,
  .failure-job-detail-card > .card-header .app-widget-head,
  .failure-job-header-state,
  .sync-conflicts-card > .card-header .app-widget-head,
  .sync-conflicts-header-state,
  .package-settings-header-state,
  .client-portal-accounts-card > .card-table > .card-header .app-widget-head,
  .client-portal-servicepartners-card > .card-table > .card-header .app-widget-head,
  .client-portal-accounts-header-state,
  .client-portal-servicepartners-header-state {
    flex: 0 0 100%;
    width: 100%;
  }
  .cron-settings-search {
    min-width: 0;
    width: 100%;
  }

  .cron-settings-toolbar-actions,
  .cron-settings-toolbar .app-widget-head,
  .cron-settings-toolbar [data-bulk-header-actions] {
    flex: 0 0 100%;
    width: 100%;
  }
  .cron-settings-toolbar-actions {
    order: 2;
  }
  .cron-settings-toolbar .app-widget-head {
    order: 1;
  }
  .cron-settings-toolbar [data-bulk-header-actions] {
    order: 3;
  }
  .cron-runner-status__content {
    justify-content: flex-start;
  }
  .cron-settings-table-frame,
  .cron-empty-state {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .user-settings-search {
    min-width: 0;
    width: 100%;
  }
  .user-settings-table {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .role-settings-search,
  .permission-settings-search {
    min-width: 0;
    width: 100%;
  }
  .translation-settings-search {
    min-width: 0;
    width: 100%;
  }
  .translation-settings-header-state {
    justify-content: flex-start;
    width: 100%;
  }
  .translation-settings-header-state > .d-flex {
    justify-content: flex-start;
  }
  .translation-results-toolbar {
    grid-template-columns: 1fr;
  }
  .translation-results-footer {
    align-items: stretch !important;
  }
  .translation-results-footer #translation-total,
  .translation-results-footer #translation-load-more {
    width: 100%;
  }
  .translation-settings-footer-layout {
    justify-content: flex-start;
  }
  .translation-settings-footer-note {
    flex: 0 0 100%;
    margin-right: 0;
  }
  .apikey-settings-search {
    min-width: 0;
    width: 100%;
  }
  .apikey-settings-toolbar .app-widget-head,
  .apikey-settings-toolbar [data-bulk-header-actions] {
    flex: 0 0 100%;
    width: 100%;
  }
  .apikey-table {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .apikey-permission-presets {
    justify-content: flex-start;
    width: 100%;
  }
  .role-settings-layout {
    grid-template-columns: 1fr;
  }
  .role-settings-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--kc-border);
  }
  .role-permission-table {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .role-permission-form .event-list-container > .row .btn-group {
    justify-content: flex-start;
    width: 100%;
  }
  .package-settings-search {
    min-width: 0;
    width: 100%;
  }
  .package-settings-toolbar-actions,
  .package-settings-toolbar .app-widget-head,
  .package-settings-toolbar [data-bulk-header-actions] {
    flex: 0 0 100%;
    width: 100%;
  }
  .package-settings-toolbar-actions {
    order: 2;
  }
  .package-settings-toolbar .app-widget-head {
    order: 1;
  }
  .package-settings-toolbar [data-bulk-header-actions] {
    order: 3;
  }
  .audit-log-search,
  .apishield-log-search,
  .failure-queue-search,
  .sync-conflicts-search {
    min-width: 0;
    width: 100%;
  }
  .failure-queue-toolbar-actions,
  .failure-queue-toolbar .app-widget-head,
  .failure-queue-toolbar [data-bulk-header-actions],
  .sync-conflicts-toolbar-actions,
  .sync-conflicts-toolbar .app-widget-head,
  .sync-conflicts-toolbar [data-bulk-header-actions] {
    flex: 0 0 100%;
    width: 100%;
  }
  .failure-queue-toolbar-actions,
  .sync-conflicts-toolbar-actions {
    order: 2;
  }
  .failure-queue-toolbar .app-widget-head,
  .sync-conflicts-toolbar .app-widget-head {
    order: 1;
  }
  .failure-queue-toolbar [data-bulk-header-actions],
  .sync-conflicts-toolbar [data-bulk-header-actions] {
    order: 3;
  }
  .audit-log-table-frame,
  .apishield-log-table-frame,
  .failure-queue-table-frame,
  .sync-conflicts-table-frame {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .package-settings-table-frame {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .client-portal-accounts-table-frame,
  .client-portal-servicepartner-table-frame,
  .client-portal-servicepartner-mini-table-frame {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .app-settings-list-toolbar .app-settings-list-actions,
  .app-settings-list-toolbar .app-settings-list-copy,
  .app-settings-list-toolbar [data-bulk-header-actions],
  .app-settings-list-search {
    flex: 0 0 100%;
    min-width: 0;
    width: 100%;
  }
  .app-settings-list-toolbar .app-settings-list-actions {
    order: 2;
  }
  .app-settings-list-toolbar .app-settings-list-copy {
    order: 1;
  }
  .app-settings-list-toolbar [data-bulk-header-actions] {
    order: 3;
  }
  .app-settings-detail-hero,
  .settings-detail-hero,
  .app-settings-detail-footer,
  .app-settings-detail-actions,
  .settings-detail-footer,
  .settings-detail-footer__actions,
  .settings-detail-hero__actions,
  .client-portal-settings-hero,
  .client-portal-settings-footer,
  .client-portal-settings-footer__actions,
  .client-portal-settings-hero__actions {
    width: 100%;
  }
  .app-settings-detail-actions .btn,
  .client-portal-settings-footer__actions .btn,
  .settings-detail-footer__actions .btn,
  .settings-detail-hero__actions .btn,
  .client-portal-settings-hero__actions .btn {
    flex: 1 1 auto;
  }
  .webhook-settings-search {
    min-width: 0;
    width: 100%;
  }
  .webhook-settings-toolbar .app-widget-head,
  .webhook-settings-toolbar [data-bulk-header-actions] {
    flex: 0 0 100%;
    width: 100%;
  }
  .webhook-settings-table {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .external-system-search {
    min-width: 0;
    width: 100%;
  }
  .external-system-settings-table {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .client-portal-accounts-search,
  .client-portal-servicepartners-search {
    min-width: 0;
    width: 100%;
  }
  .webhook-url-code {
    max-width: 62vw;
  }
  .webhook-settings-footer-layout,
  .webhook-settings-footer-layout .pagination,
  .webhook-settings-form-footer-layout,
  .webhook-settings-form-actions,
  .webhook-settings-form-actions .btn {
    width: 100%;
  }
  .webhook-settings-footer-layout .pagination,
  .webhook-settings-form-actions .btn {
    justify-content: center;
  }
  .package-module-code {
    max-width: 66vw;
  }
  .role-user-badge,
  .role-permission-badge,
  .permission-route-code {
    max-width: 66vw;
  }
  .translation-edit {
    max-width: 70vw;
  }
  .translation-domain-badge {
    max-width: 42vw;
  }
  .external-system-url-code {
    max-width: 66vw;
  }
  .audit-log-table code,
  .apishield-log-table code,
  .failure-queue-type {
    max-width: 62vw;
  }
  .failure-job-meta-grid {
    grid-template-columns: 1fr;
  }
  .failure-job-detail-page {
    padding: 0.75rem;
  }
  .failure-job-action-footer,
  .failure-job-action-footer__actions,
  .failure-job-action-footer__actions form,
  .failure-job-action-footer__actions .btn,
  .failure-queue-footer-layout,
  .failure-queue-footer-layout .pagination {
    width: 100%;
  }
  .failure-job-action-footer__actions {
    justify-content: flex-start;
    margin-left: 0;
  }
  .failure-job-action-footer__actions .btn,
  .failure-queue-footer-layout .pagination {
    justify-content: center;
  }
  .failure-job-action-card > .card-footer form:last-child,
  .failure-job-action-card > .card-footer form:last-child .btn {
    width: 100%;
  }
  .failure-job-action-card > .card-footer form:last-child .btn {
    justify-content: center;
  }
  .external-system-scope-search {
    max-width: none;
    width: 100%;
  }
  .client-portal-customer-row {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .client-portal-customer-row__primary {
    grid-column: 2;
  }
  .client-portal-servicepartner-actions .d-flex {
    justify-content: flex-start !important;
  }
  .audit-settings-card .event-list-container > .row .text-md-end {
    text-align: left !important;
  }
  .audit-settings-card .event-list-container > .row .btn-group {
    justify-content: flex-start;
    width: 100%;
  }
  .ui-notification-settings-header-state {
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
  }
  .auth-settings-header-state {
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
  }
  .system-general-settings-state {
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
  }
  .billing-system-settings-header-state {
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
  }
  .apishield-settings-header-state {
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
  }
  .ui-notification-settings-form .event-list-toolbar__actions {
    text-align: left !important;
  }
  .ui-notification-settings-form .event-list-presets {
    justify-content: flex-start;
    width: 100%;
  }
  .pushover-settings-header-state {
    flex: 0 0 100%;
    width: 100%;
    justify-content: flex-start;
  }
  .meilisearch-settings-header-state {
    flex: 0 0 100%;
    width: 100%;
    justify-content: flex-start;
  }
  .pushover-settings-form .event-list-toolbar__actions {
    text-align: left !important;
  }
  .pushover-settings-form .event-list-presets {
    justify-content: flex-start;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .webhook-settings-table-frame,
  .webhook-form-table {
    overflow: visible;
  }
  .webhook-settings-table-grid,
  .webhook-form-table .table {
    border-collapse: separate;
    border-spacing: 0 0.75rem;
    background: transparent;
  }
  .webhook-settings-table-grid thead,
  .webhook-form-table thead {
    display: none;
  }
  .webhook-settings-table-grid tbody,
  .webhook-settings-table-grid tr,
  .webhook-settings-table-grid td,
  .webhook-form-table tbody,
  .webhook-form-table tr,
  .webhook-form-table td {
    display: block;
    width: 100%;
  }
  .webhook-settings-table-grid tr[data-webhook-row],
  .webhook-form-table tbody tr {
    border: 1px solid var(--kc-border);
    border-radius: 8px;
    background: var(--kc-surface);
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.04);
    padding: 0.85rem;
  }
  .webhook-settings-table-grid td,
  .webhook-form-table td {
    border: 0;
    padding: 0.35rem 0;
    text-align: left !important;
  }
  .webhook-settings-table-grid td::before,
  .webhook-form-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.15rem;
    color: var(--tblr-secondary, #667085);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .webhook-row-actions {
    justify-content: flex-start;
  }
  .webhook-url-code {
    max-width: none;
    white-space: normal;
    word-break: break-word;
  }
  .webhook-form-table .btn-icon {
    justify-content: center;
  }
  .failure-queue-table-frame {
    overflow: visible;
  }
  .failure-queue-table {
    border-collapse: separate;
    border-spacing: 0 0.75rem;
    background: transparent;
  }
  .failure-queue-table thead {
    display: none;
  }
  .failure-queue-table tbody,
  .failure-queue-table tr,
  .failure-queue-table td {
    display: block;
    width: 100%;
  }
  .failure-queue-table tr[data-failure-job-row] {
    border: 1px solid var(--kc-border);
    border-radius: 8px;
    background: var(--kc-surface);
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.04);
    padding: 0.85rem;
  }
  .failure-queue-table td {
    border: 0;
    padding: 0.35rem 0;
  }
  .failure-queue-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.15rem;
    color: var(--tblr-secondary, #667085);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .failure-queue-table .failure-queue-empty-state::before {
    display: none;
  }
  .failure-queue-row-actions {
    justify-content: flex-start;
  }
  .failure-queue-type {
    max-width: none;
    white-space: normal;
  }
  .cron-settings-table-frame,
  .cron-empty-state,
  .external-system-settings-table {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .cron-job-form .card-footer .btn-list,
  .user-settings-form .card-footer .btn-list,
  .webhook-settings-form .card-footer .btn-list,
  .ui-notification-settings-form .card-footer .btn-list,
  .auth-provider-settings-form .card-footer .btn-list,
  .perfex-auth-settings-form .card-footer .btn-list,
  .system-general-settings-form .card-footer .btn-list,
  .billing-system-settings-form .card-footer .btn-list,
  .apishield-settings-form .card-footer .btn-list,
  .pushover-settings-form .card-footer .btn-list,
  .meilisearch-settings-form .card-footer .btn-list,
  .external-system-wizard-form .card-footer .btn-list,
  .external-system-wizard-card .card-footer .btn-list,
  .cron-internal-key-modal .modal-footer .btn-list {
    width: 100%;
  }
  .external-system-wizard-form .card-footer > .d-flex,
  .external-system-wizard-card .card-footer > .d-flex {
    display: grid !important;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .external-system-wizard-form .card-footer .text-secondary,
  .external-system-wizard-card .card-footer .text-secondary {
    min-width: 0;
  }
  .external-system-wizard-form .card-footer .btn-list,
  .external-system-wizard-card .card-footer .btn-list {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr;
  }
  .external-system-wizard-card .btn-list form {
    display: block;
    width: 100%;
  }
  .cron-job-form .card-footer .btn-list .btn,
  .user-settings-form .card-footer .btn-list .btn,
  .webhook-settings-form .card-footer .btn-list .btn,
  .ui-notification-settings-form .card-footer .btn-list .btn,
  .auth-provider-settings-form .card-footer .btn-list .btn,
  .perfex-auth-settings-form .card-footer .btn-list .btn,
  .system-general-settings-form .card-footer .btn-list .btn,
  .billing-system-settings-form .card-footer .btn-list .btn,
  .apishield-settings-form .card-footer .btn-list .btn,
  .pushover-settings-form .card-footer .btn-list .btn,
  .meilisearch-settings-form .card-footer .btn-list .btn,
  .external-system-wizard-form .card-footer .btn-list .btn,
  .external-system-wizard-card .card-footer .btn-list .btn,
  .cron-internal-key-modal .modal-footer .btn-list .btn {
    flex: 1 1 auto;
  }
  .ui-notification-settings-form .form-fieldset,
  .ui-notification-settings-panel {
    padding: 1rem;
  }
  .ui-notification-settings-form .event-list-item__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .ui-notification-settings-form .event-list-item__control {
    min-width: 0;
    text-align: left;
  }
  .ui-notification-settings-form .event-list-item__control .form-select {
    width: 100%;
    min-width: 0;
  }
  .ui-notification-settings-form .event-list-item__control .form-switch {
    display: inline-flex;
  }
  .auth-provider-settings-form .form-fieldset,
  .perfex-auth-settings-form .form-fieldset,
  .system-general-settings-form .system-general-section,
  .auth-settings-field-card,
  .auth-settings-notice,
  .perfex-auth-connection-card {
    padding: 1rem;
  }
  .auth-provider-grid,
  .perfex-auth-connection-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .perfex-auth-connection-card {
    display: grid;
    align-items: start;
  }
  .perfex-auth-connection-card .btn {
    width: 100%;
  }
  .billing-system-settings-form .form-fieldset,
  .billing-settings-field-card,
  .billing-copy-card,
  .billing-simulation-card {
    padding: 1rem;
  }
  .billing-system-settings-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .app-settings-tabbar .nav-pills {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }
  .billing-settings-grid,
  .billing-bank-grid,
  .billing-copy-grid,
  .billing-simulation-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .billing-placeholder-strip {
    align-items: flex-start;
  }
  .apishield-settings-form .form-fieldset,
  .apishield-settings-panel,
  .apishield-limit-card,
  .apishield-bucket-card {
    padding: 1rem;
  }
  .apishield-settings-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .apishield-scope-grid,
  .apishield-limit-grid,
  .apishield-bucket-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .apishield-scope-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .pushover-settings-form .form-fieldset,
  .pushover-settings-panel {
    padding: 1rem;
  }
  .pushover-settings-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .pushover-usage-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .pushover-settings-form .event-list-item__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .pushover-settings-form .event-list-item__control {
    min-width: 0;
    text-align: left;
  }
  .pushover-settings-form .event-list-item__control .form-select {
    width: 100%;
    min-width: 0;
  }
  .pushover-settings-form .event-list-item__control .form-switch {
    display: inline-flex;
  }
  .meilisearch-settings-form .form-fieldset,
  .meilisearch-settings-panel {
    padding: 1rem;
  }
  .meilisearch-settings-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .meilisearch-status-grid,
  .meilisearch-index-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .meilisearch-index-card__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .meilisearch-index-card__head > .badge {
    justify-self: start;
  }
  .external-system-wizard-form .card-footer .btn-list .btn,
  .external-system-wizard-card .card-footer .btn-list .btn {
    justify-content: center;
    width: 100%;
  }
  .user-settings-table {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .webhook-settings-table {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .package-settings-table-frame {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .package-settings-empty {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .client-portal-accounts-table-frame,
  .client-portal-servicepartner-table-frame,
  .app-revision-table-frame {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .apikey-table {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .apikey-settings-form .card-footer .btn-list,
  .apikey-permission-presets {
    width: 100%;
  }
  .apikey-settings-section {
    padding: 1rem;
  }
  .apikey-settings-empty {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .apikey-settings-form .card-footer .btn-list .btn,
  .apikey-permission-presets .btn {
    flex: 1 1 auto;
  }
  .apikey-token,
  .apikey-permission-badge {
    max-width: 68vw;
  }
  .role-permission-table {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .role-settings-content {
    padding: 0.75rem;
  }
  .role-settings-empty-grid {
    grid-template-columns: 1fr;
  }
  .role-settings-form .card-footer .btn-list,
  .role-permission-form .card-footer .btn-list,
  .role-permission-form .event-list-container > .row .btn-group {
    width: 100%;
  }
  .role-settings-form .card-footer .btn-list .btn,
  .role-permission-form .card-footer .btn-list .btn,
  .role-permission-form .event-list-container > .row .btn-group > .btn {
    flex: 1 1 auto;
  }
  .role-user-badge,
  .role-permission-badge,
  .permission-route-code {
    max-width: 68vw;
  }
  .translation-results-table thead {
    display: none;
  }
  .translation-results-table,
  .translation-results-table tbody,
  .translation-results-table tr,
  .translation-results-table td {
    display: block;
    width: 100%;
  }
  .translation-results-table tr {
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--kc-border);
  }
  .translation-results-table tr:last-child {
    border-bottom: 0;
  }
  .translation-results-table td {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
    padding: 0.35rem 0;
    border: 0;
  }
  .translation-results-table td::before {
    color: var(--tblr-secondary, #667085);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .translation-results-table td:nth-child(1)::before {
    content: "Domain";
  }
  .translation-results-table td:nth-child(2)::before {
    content: "Original";
  }
  .translation-results-table td:nth-child(3)::before {
    content: "Übersetzung";
  }
  .translation-results-table td:nth-child(4)::before {
    content: "Aktion";
  }
  .translation-results-table td.text-end {
    text-align: left !important;
  }
  .translation-results-table .btn-icon {
    justify-self: start;
  }
  .translation-results-table .translation-edit {
    width: 100%;
  }
  .translation-edit,
  .translation-domain-badge {
    max-width: none;
  }
  .audit-settings-panel {
    padding: 0.85rem;
  }
  .audit-settings-form .form-fieldset {
    padding: 0.85rem;
  }
  .audit-settings-card .event-list-item > .row {
    align-items: flex-start !important;
  }
  .audit-settings-card .event-list-item > .row > .col,
  .audit-settings-card .event-list-item > .row > .col-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .audit-settings-card .event-list-item > .row > .col-auto {
    margin-top: 0.5rem;
  }
  .audit-settings-card .event-list-item .event-list-toggle {
    width: 100%;
  }
  .audit-settings-form .card-footer > .d-flex {
    display: grid !important;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .audit-settings-form .card-footer .btn-list,
  .audit-settings-form .card-footer .btn-list .btn {
    width: 100%;
  }
}
.catalog-widget > .card-header > .row.w-100,
.portal-list-widget > .card-header > .row.w-100,
.app-table-widget > .card-header > .row.w-100,
.app-widget-card > .card-header > .row.w-100,
.app-widget-card > .card-body > .row.w-100 {
  row-gap: 0.85rem;
  align-items: stretch !important;
}

.catalog-widget > .card-header > .row.w-100 > .col,
.portal-list-widget > .card-header > .row.w-100 > .col,
.app-table-widget > .card-header > .row.w-100 > .col,
.app-widget-card > .card-header > .row.w-100 > .col,
.app-widget-card > .card-body > .row.w-100 > .col {
  min-width: 0;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions],
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions],
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: flex-end;
  column-gap: 0.5rem;
  row-gap: 1rem;
  width: min(100%, 35rem);
  min-width: min(100%, 22rem);
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"],
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"],
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .input-icon,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"],
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .portal-list-widget__search-form,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .input-icon,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > [class*="widget-search"] {
  order: 20;
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon .form-control,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"] .form-control,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon .form-control,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"] .form-control,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .input-icon .form-control,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"] .form-control,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .portal-list-widget__search-form .form-control,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon .form-control,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .input-icon .form-control,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > [class*="widget-search"] .form-control {
  width: 100%;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .btn,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > a.btn,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .dropdown,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .btn-group,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .btn,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > a.btn,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .dropdown,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .btn-group {
  order: 10;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .form-select,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .form-select,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .form-select,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .select2-container,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .form-select,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .form-select,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .customer-filter-select,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .select2-container {
  order: 12;
  flex: 0 1 auto;
  width: auto;
  min-width: min(100%, 11rem);
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .btn,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > a.btn,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .btn,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > a.btn,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .dropdown > .btn,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .btn-group > .btn {
  min-height: 38px;
  padding-inline: 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn.btn-icon,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn.btn-icon,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn.btn-icon,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn.btn-icon,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn.btn-icon,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn.btn-icon,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn.btn-icon,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn.btn-icon,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .btn.btn-icon,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > a.btn.btn-icon,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn.btn-icon,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn.btn-icon,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn.btn-icon,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn.btn-icon,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .dropdown > .btn.btn-icon,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn-group > .btn.btn-icon,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .btn.btn-icon,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > a.btn.btn-icon,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .dropdown > .btn.btn-icon,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .btn-group > .btn.btn-icon {
  width: 58px;
  min-width: 58px;
  height: 38px;
  padding: 0;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .form-select,
.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .form-select,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .form-select,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .form-select,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .customer-filter-select,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .form-select,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .customer-filter-select {
  min-height: 38px;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection--single,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection--single,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection--single,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection--single,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .select2-container .select2-selection--single {
  min-height: 38px;
  display: flex;
  align-items: center;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__rendered,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__rendered,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__rendered,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__rendered,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .select2-container .select2-selection__rendered {
  line-height: 1.2;
  padding-top: 0;
  padding-bottom: 0;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__arrow,
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__arrow,
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__arrow,
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .select2-container .select2-selection__arrow,
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .select2-container .select2-selection__arrow {
  height: 100%;
}

@media (max-width: 991.98px) {
  .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions],
  .app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions],
  .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }

  .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon,
  .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"],
  .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon,
  .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"],
  .app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > .input-icon,
  .app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] > [class*="widget-search"],
  .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .input-icon,
  .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .portal-list-widget__search-form,
  .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .input-icon,
  .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > [class*="widget-search"] {
    max-width: 100%;
  }
}
#dashboard-grid .catalog-widget,
#dashboard-grid .portal-list-widget,
#dashboard-grid .app-table-widget,
#dashboard-grid .app-widget-card,
.catalog-widget,
.portal-list-widget,
.app-table-widget,
.app-widget-card {
  min-width: 0;
}

.catalog-widget > .card-header,
.portal-list-widget > .card-header,
.app-table-widget > .card-header,
.app-widget-card > .card-header,
.app-widget-card > .card-body {
  min-width: 0;
}

.catalog-widget > .card-header > .row.w-100,
.portal-list-widget > .card-header > .row.w-100,
.app-table-widget > .card-header > .row.w-100,
.app-widget-card > .card-header > .row.w-100,
.app-widget-card > .card-body > .row.w-100 {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  align-items: stretch !important;
  column-gap: 0.75rem;
}

.catalog-widget > .card-header > .row.w-100 > .col,
.portal-list-widget > .card-header > .row.w-100 > .col,
.app-table-widget > .card-header > .row.w-100 > .col,
.app-widget-card > .card-header > .row.w-100 > .col,
.app-widget-card > .card-body > .row.w-100 > .col {
  flex: 1 1 16rem;
  max-width: 100%;
  min-width: min(100%, 12rem);
}

.catalog-widget > .card-header .app-widget-head,
.portal-list-widget > .card-header .app-widget-head,
.app-table-widget > .card-header .app-widget-head,
.app-widget-card > .card-header .app-widget-head,
.app-widget-card > .card-body .app-widget-head {
  flex: 1 1 auto;
  min-width: 0;
}

.catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
.app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions],
.app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions],
.portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
.app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto {
  flex: 1 1 22rem;
  max-width: 100%;
  min-width: min(100%, 18rem);
  align-content: flex-start;
}

@container (max-width: 420px) {
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > .col,
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > .col,
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > .col,
  #dashboard-grid .app-widget-card > .card-body > .row.w-100 > .col,
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
  }

  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions],
  #dashboard-grid .app-widget-card > .card-body > .row.w-100 > [data-bulk-header-actions] {
    justify-content: flex-start;
  }

  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn.btn-icon,
  #dashboard-grid .catalog-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn.btn-icon,
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn.btn-icon,
  #dashboard-grid .portal-list-widget > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn.btn-icon,
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > .btn.btn-icon,
  #dashboard-grid .app-table-widget > .card-header > .row.w-100 > .col-md-auto.ms-md-auto > a.btn.btn-icon,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > .btn.btn-icon,
  #dashboard-grid .app-widget-card > .card-header > .row.w-100 > [data-bulk-header-actions] > a.btn.btn-icon {
    width: 42px;
    min-width: 42px;
  }
}

.monitoring-ops-widget .monitoring-ops-hotspot-infra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.55rem;
  padding: 0.42rem 0.5rem;
  border-radius: 6px;
  color: var(--kc-success-fg);
  background: var(--tblr-success-lt);
  font-size: 0.72rem;
  line-height: 1rem;
  font-weight: 700;
}

.monitoring-ops-widget .monitoring-ops-hotspot-infra.is-warning {
  color: var(--kc-warning-fg);
  background: var(--tblr-warning-lt);
}

.monitoring-ops-widget .monitoring-ops-hotspot-infra.is-danger {
  color: var(--kc-danger-fg);
  background: var(--tblr-danger-lt);
}

.monitoring-ops-widget .monitoring-ops-hotspot-infra span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.monitoring-ops-page .monitoring-ops-widget .monitoring-ops-hotspot-infra-warnings {
  margin-top: 0.4rem;
}

.app-row-copy,
.database-row-copy {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
}

.app-row-copy-icon,
.database-row-copy-icon {
  min-width: 1rem;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1.25;
  margin-top: 0.1rem;
}

.app-row-copy-body,
.database-row-copy-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.app-row-title,
.database-row-title,
.catalog-widget tbody.table-tbody td:first-child > .sort-name,
.catalog-widget tbody.table-tbody td:first-child > .fw-medium,
.catalog-widget tbody.table-tbody td:first-child > .fw-semibold,
.app-table-widget tbody.table-tbody td:first-child > .sort-name,
.app-table-widget tbody.table-tbody td:first-child > .fw-medium,
.app-table-widget tbody.table-tbody td:first-child > .fw-semibold {
  display: block;
  min-width: 0;
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700 !important;
  line-height: 1.25;
}

.app-row-title a {
  color: inherit;
  text-decoration: none;
}

.app-row-title a:hover,
.app-row-title a:focus {
  color: var(--tblr-primary, #066fd1);
  text-decoration: none;
}

.app-row-meta,
.database-row-meta {
  color: var(--tblr-secondary, #667085);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.app-table-empty-cell {
  padding: 1rem 1.25rem !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--kc-surface-muted) 82%, transparent), color-mix(in srgb, var(--kc-surface) 94%, transparent));
}

.app-table-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 4.25rem;
  color: var(--tblr-secondary, #667085);
  text-align: left;
}

.app-table-empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(102, 112, 133, 0.18);
  border-radius: 50%;
  color: var(--tblr-primary, #066fd1);
  background: rgba(var(--tblr-primary-rgb), 0.08);
}

.app-table-empty-state__body {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.app-table-empty-state__title {
  color: var(--tblr-body-color, #1f2937);
  font-weight: 700;
  line-height: 1.25;
}

.app-table-empty-state__hint {
  max-width: 42rem;
  font-size: 0.82rem;
  line-height: 1.35;
  color: var(--tblr-secondary, #667085);
}

/* Prominenter Empty-State (Portal-Referenz) — nur in Tabellenzellen;
   Standalone-Nutzungen außerhalb von Tabellen bleiben kompakt. */
.app-table-empty-cell .app-table-empty-state {
  flex-direction: column;
  gap: 0.75rem;
  min-height: 14rem;
  padding: 1.5rem 1rem;
  text-align: center;
}

.app-table-empty-cell .app-table-empty-state__icon {
  flex-basis: auto;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.35rem;
  border: 0;
  background: var(--tblr-primary-lt, rgba(var(--tblr-primary-rgb), 0.1));
}

.app-table-empty-cell .app-table-empty-state__body {
  align-items: center;
  gap: 0.35rem;
}

.app-table-empty-cell .app-table-empty-state__title {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
}

.app-table-empty-cell .app-table-empty-state__hint {
  max-width: 34rem;
  font-size: 0.875rem;
  line-height: 1.45;
}

.app-table-empty-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 0.25rem;
}

/* Lade-Zustand für Tabellen (Portal-Referenz .portal-list-loading) */
.app-table-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  min-height: 14rem;
  padding: 1.5rem 1rem;
  color: var(--tblr-secondary, #667085);
}

/* DataTables-Listen (ApiShield, AuditLog): leere Tabelle im gleichen Ton */
table.dataTable td.dt-empty,
table.dataTable td.dataTables_empty {
  padding: 3rem 1rem !important;
  text-align: center;
  color: var(--tblr-secondary, #667085);
}

[data-contract-documents-filter-row].contract-documents-filter-row {
  border-top: 1px solid var(--tblr-border-color, #dfe3e8);
  border-bottom: 1px solid var(--tblr-border-color, #dfe3e8);
  background: var(--tblr-bg-surface, #fff);
}

[data-contract-documents-filter-row] .contract-documents-filter-strip {
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0.625rem 1rem;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

[data-contract-documents-filter-row] .contract-documents-filter-prefix {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  color: var(--tblr-secondary, #667085);
  padding: 0 0.25rem;
}

[data-contract-documents-filter-row] .contract-documents-filter-chip {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  padding: 0.35rem 0.65rem;
}

[data-contract-documents-filter-row] .contract-documents-filter-chip-label {
  color: var(--tblr-secondary, #667085);
  font-size: 0.8rem;
  font-weight: 600;
}

[data-contract-documents-filter-row] .contract-documents-filter-chip-value {
  font-size: 0.85rem;
  font-weight: 700;
}

[data-contract-documents-filter-row] .contract-documents-filter-chip-caret {
  opacity: 0.7;
  font-size: 0.65rem;
}

[data-contract-documents-filter-toggle] {
  width: 52px;
  height: 38px;
  min-width: 52px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

[data-contract-documents-filter-row] .contract-documents-filter-chip.btn-primary .contract-documents-filter-chip-label,
[data-contract-documents-filter-row] .contract-documents-filter-chip.btn-primary .contract-documents-filter-chip-caret {
  color: #fff;
}

[data-contract-documents-filter-row] .contract-documents-filter-chip.btn-outline-secondary:hover,
[data-contract-documents-filter-row] .contract-documents-filter-chip.btn-outline-secondary:focus {
  background: transparent;
  color: inherit;
  border-color: var(--tblr-border-color, #dfe3e8);
}

[data-contract-documents-filter-row] .dropdown-item.active,
[data-contract-documents-filter-row] .dropdown-item:active {
  background: var(--tblr-primary, #066fd1);
  color: #fff;
}

[data-contract-documents-filter-row] .dropdown-item:hover,
[data-contract-documents-filter-row] .dropdown-item:focus {
  background: var(--tblr-bg-surface-secondary, #f6f8fb);
  color: inherit;
}

@media (max-width: 991.98px) {
  [data-contract-documents-filter-row] .contract-documents-filter-strip {
    gap: 0.45rem;
  }
  [data-contract-documents-filter-row] .contract-documents-filter-prefix {
    width: 100%;
    padding-left: 0.2rem;
  }
}

.app-row-pills,
.database-row-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.25rem;
}

.app-row-pill,
.database-row-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border-radius: var(--tblr-border-radius, 4px);
  padding: 0.2rem 0.45rem;
  background: var(--tblr-primary-bg-subtle, #dbeafe);
  color: var(--tblr-primary, #066fd1);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.app-row-pill i,
.database-row-pill i {
  font-size: 0.72rem;
}

.app-row-pill.is-muted {
  background: var(--tblr-bg-surface-secondary, #f6f8fb);
  color: var(--tblr-secondary, #667085);
}

.app-row-pill.is-green {
  background: var(--tblr-success-bg-subtle, #dcfce7);
  color: var(--tblr-success, #2fb344);
}

.app-row-pill.is-yellow {
  background: var(--tblr-warning-bg-subtle, #fef3c7);
  color: var(--tblr-warning, #f59f00);
}

.app-row-pill.is-red {
  background: var(--tblr-danger-bg-subtle, #fee2e2);
  color: var(--tblr-danger, #d63939);
}

.app-row-pill.is-purple {
  background: rgba(var(--tblr-purple-rgb), 0.12);
  color: var(--tblr-purple, #ae3ec9);
}

.app-row-pill.is-cyan {
  background: rgba(var(--tblr-cyan-rgb), 0.12);
  color: var(--tblr-cyan, #17a2b8);
}

.app-filter-row,
[class$="-filter-row"],
[class*="-filter-row "],
[data-database-overview-filter-row].monitoring-tree-filter-row,
[data-monitoring-tree-filter-row].monitoring-tree-filter-row,
[data-sync-conflicts-filter-row].sync-conflicts-filter-row,
[data-portal-filter-row].portal-list-widget__filter-row {
  border-top: 1px solid var(--tblr-border-color, #dfe3e8) !important;
  border-bottom: 0 !important;
  background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 70%, var(--kc-surface) 30%) !important;
  padding: 0 !important;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  .app-filter-row,
  [class$="-filter-row"],
  [class*="-filter-row "],
  [data-database-overview-filter-row].monitoring-tree-filter-row,
  [data-monitoring-tree-filter-row].monitoring-tree-filter-row,
  [data-sync-conflicts-filter-row].sync-conflicts-filter-row,
  [data-portal-filter-row].portal-list-widget__filter-row {
    background: var(--tblr-bg-surface-secondary, #f6f8fb) !important;
  }
}

.app-filter-strip,
[class$="-filter-strip"],
[class*="-filter-strip "],
[data-database-overview-filter-row] .monitoring-tree-filter-strip,
[data-monitoring-tree-filter-row] .monitoring-tree-filter-strip,
[data-sync-conflicts-filter-row] .sync-conflicts-filter-strip,
[data-portal-filter-row] .portal-list-widget__filter-strip {
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0.875rem 1.25rem !important;
  background: transparent !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.app-filter-prefix,
[class$="-filter-prefix"],
[class*="-filter-prefix "],
[data-database-overview-filter-row] .monitoring-tree-filter-prefix,
[data-monitoring-tree-filter-row] .monitoring-tree-filter-prefix,
[data-sync-conflicts-filter-row] .sync-conflicts-filter-prefix,
[data-portal-filter-row] .portal-list-widget__filter-prefix {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--tblr-secondary, #667085) !important;
}

.app-filter-chip,
[class$="-filter-chip"],
[class*="-filter-chip "],
[data-database-overview-filter-row] .monitoring-tree-filter-chip,
[data-monitoring-tree-filter-row] .monitoring-tree-filter-chip,
[data-sync-conflicts-filter-row] .sync-conflicts-filter-chip,
[data-portal-filter-row] .portal-list-widget__filter-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
}

.app-filter-chip-label,
[class$="-filter-chip-label"],
[class*="-filter-chip-label "],
[data-database-overview-filter-row] .monitoring-tree-filter-chip-label,
[data-monitoring-tree-filter-row] .monitoring-tree-filter-chip-label,
[data-sync-conflicts-filter-row] .sync-conflicts-filter-chip-label,
[data-portal-filter-row] .portal-list-widget__filter-chip-label {
  color: var(--tblr-secondary, #667085) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
}

.app-filter-chip-value,
[class$="-filter-chip-value"],
[class*="-filter-chip-value "],
[data-database-overview-filter-row] .monitoring-tree-filter-chip-value,
[data-monitoring-tree-filter-row] .monitoring-tree-filter-chip-value,
[data-sync-conflicts-filter-row] .sync-conflicts-filter-chip-value,
[data-portal-filter-row] .portal-list-widget__filter-chip-value {
  color: var(--tblr-primary, #066fd1) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
}

.app-filter-chip-caret,
[class$="-filter-chip-caret"],
[class*="-filter-chip-caret "],
[data-database-overview-filter-row] .monitoring-tree-filter-chip-caret,
[data-monitoring-tree-filter-row] .monitoring-tree-filter-chip-caret,
[data-sync-conflicts-filter-row] .sync-conflicts-filter-chip-caret,
[data-portal-filter-row] .portal-list-widget__filter-chip-caret {
  opacity: 0.7 !important;
  font-size: 0.65rem !important;
}

.app-filter-chip.btn-primary .app-filter-chip-label,
.app-filter-chip.btn-primary .app-filter-chip-value,
.app-filter-chip.btn-primary .app-filter-chip-caret,
[class*="-filter-chip"].btn-primary [class*="-filter-chip-label"],
[class*="-filter-chip"].btn-primary [class*="-filter-chip-value"],
[class*="-filter-chip"].btn-primary [class*="-filter-chip-caret"] {
  color: #fff !important;
}

.app-filter-row .btn-icon.btn-sm,
[class$="-filter-row"] .btn-icon.btn-sm,
[class*="-filter-row "] .btn-icon.btn-sm {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.app-filter-row .dropdown-item.active,
.app-filter-row .dropdown-item:active,
[data-database-overview-filter-row] .dropdown-item.active,
[data-database-overview-filter-row] .dropdown-item:active,
[data-monitoring-tree-filter-row] .dropdown-item.active,
[data-monitoring-tree-filter-row] .dropdown-item:active,
[data-sync-conflicts-filter-row] .dropdown-item.active,
[data-sync-conflicts-filter-row] .dropdown-item:active,
[data-portal-filter-row] .dropdown-item.active,
[data-portal-filter-row] .dropdown-item:active {
  background: var(--tblr-primary, #066fd1);
  color: #fff;
}

.app-filter-row .dropdown-item:hover,
.app-filter-row .dropdown-item:focus,
[data-database-overview-filter-row] .dropdown-item:hover,
[data-database-overview-filter-row] .dropdown-item:focus,
[data-monitoring-tree-filter-row] .dropdown-item:hover,
[data-monitoring-tree-filter-row] .dropdown-item:focus,
[data-sync-conflicts-filter-row] .dropdown-item:hover,
[data-sync-conflicts-filter-row] .dropdown-item:focus,
[data-portal-filter-row] .dropdown-item:hover,
[data-portal-filter-row] .dropdown-item:focus {
  background: var(--tblr-bg-surface-secondary, #f6f8fb);
  color: inherit;
}

[data-database-overview-filter-toggle],
[data-database-overview-selection-toggle],
[data-monitoring-tree-filter-toggle],
[data-monitoring-tree-selection-toggle],
[data-sync-conflicts-filter-toggle],
[data-portal-filter-toggle],
[data-portal-selection-toggle] {
  width: 52px;
  height: 38px;
  min-width: 52px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.portal-list-widget [data-portal-filter-toggle],
.portal-list-widget [data-portal-selection-toggle] {
  width: 58px;
  min-width: 58px;
}

.portal-list-widget .btn.btn-icon {
  width: 58px !important;
  min-width: 58px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.portal-list-widget .btn.btn-sm.btn-icon {
  width: 38px !important;
  min-width: 38px !important;
  height: 32px !important;
  min-height: 32px !important;
}

.portal-list-widget .btn-list,
.portal-list-widget .d-flex.flex-wrap.gap-2 {
  align-items: center;
}

.portal-list-widget .btn-list.flex-nowrap {
  gap: 0.5rem;
}

.portal-list-widget .table > tbody > tr > td {
  border-top-color: var(--kc-border);
}

.portal-list-widget .portal-subrow-cell ,
.catalog-widget .portal-subrow-cell ,
.app-table-widget .portal-subrow-cell {
  background: var(--kc-surface-soft);
  border-top: 0;
  padding: 0 !important;
}

.portal-list-widget .portal-subrow-details ,
.catalog-widget .portal-subrow-details ,
.app-table-widget .portal-subrow-details {
  background: var(--kc-surface-soft);
  border-top: 1px solid var(--kc-border);
}

.portal-list-widget .portal-subrow-details > summary ,
.catalog-widget .portal-subrow-details > summary ,
.app-table-widget .portal-subrow-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 46px;
  padding: 0.625rem 1rem;
  list-style: none;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.portal-list-widget .portal-subrow-details > summary::-webkit-details-marker ,
.catalog-widget .portal-subrow-details > summary::-webkit-details-marker ,
.app-table-widget .portal-subrow-details > summary::-webkit-details-marker {
  display: none;
}

.portal-list-widget .portal-subrow-details > summary:hover,
.catalog-widget .portal-subrow-details > summary:hover,
.app-table-widget .portal-subrow-details > summary:hover,
.portal-list-widget .portal-subrow-details > summary:focus ,
.catalog-widget .portal-subrow-details > summary:focus ,
.app-table-widget .portal-subrow-details > summary:focus {
  background: var(--kc-surface-muted);
  outline: 0;
}

.portal-list-widget .portal-subrow-details__title ,
.catalog-widget .portal-subrow-details__title ,
.app-table-widget .portal-subrow-details__title {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
}

.portal-list-widget .portal-subrow-details__chevron ,
.catalog-widget .portal-subrow-details__chevron ,
.app-table-widget .portal-subrow-details__chevron {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 1px solid rgba(96, 125, 139, 0.32);
  border-radius: var(--tblr-border-radius, 4px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--kc-surface);
  color: var(--tblr-secondary, #607d8b);
  transition: transform 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.portal-list-widget .portal-subrow-details__copy ,
.catalog-widget .portal-subrow-details__copy ,
.app-table-widget .portal-subrow-details__copy {
  display: inline-flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.55rem;
}

.portal-list-widget .portal-subrow-details__meta ,
.catalog-widget .portal-subrow-details__meta ,
.app-table-widget .portal-subrow-details__meta {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0.05rem 0.45rem;
  border: 1px solid rgba(96, 125, 139, 0.22);
  border-radius: var(--tblr-border-radius, 4px);
  background: var(--kc-surface);
  color: var(--tblr-secondary, #607d8b);
  font-size: 0.78rem;
  font-weight: 600;
}

.portal-list-widget .portal-subrow-details > summary > .text-secondary.small ,
.catalog-widget .portal-subrow-details > summary > .text-secondary.small ,
.app-table-widget .portal-subrow-details > summary > .text-secondary.small {
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

.portal-list-widget .portal-subrow-details[open] > summary ,
.catalog-widget .portal-subrow-details[open] > summary ,
.app-table-widget .portal-subrow-details[open] > summary {
  background: var(--kc-surface-muted);
}

.portal-list-widget .portal-subrow-details[open] .portal-subrow-details__chevron ,
.catalog-widget .portal-subrow-details[open] .portal-subrow-details__chevron ,
.app-table-widget .portal-subrow-details[open] .portal-subrow-details__chevron {
  color: var(--tblr-primary, #066fd1);
  border-color: rgba(var(--tblr-primary-rgb), 0.28);
  transform: rotate(90deg);
}

.portal-list-widget .portal-subrow-details__body ,
.catalog-widget .portal-subrow-details__body ,
.app-table-widget .portal-subrow-details__body {
  border-top: 1px solid var(--kc-border);
  background: var(--kc-surface);
}

.portal-list-widget .portal-subrow-details:not([open]) > .portal-subrow-details__body ,
.catalog-widget .portal-subrow-details:not([open]) > .portal-subrow-details__body ,
.app-table-widget .portal-subrow-details:not([open]) > .portal-subrow-details__body {
  display: none;
}

.portal-list-widget .portal-subrow-details__body > .p-3.border-bottom ,
.catalog-widget .portal-subrow-details__body > .p-3.border-bottom ,
.app-table-widget .portal-subrow-details__body > .p-3.border-bottom {
  background: var(--kc-surface-soft);
}

.portal-list-widget .portal-subrow-details__body .table-sm > :not(caption) > * > * ,
.catalog-widget .portal-subrow-details__body .table-sm > :not(caption) > * > * ,
.app-table-widget .portal-subrow-details__body .table-sm > :not(caption) > * > * {
  padding-top: 0.72rem;
  padding-bottom: 0.72rem;
}

@media (max-width: 991.98px) {
  .app-filter-strip,
  [class$="-filter-strip"],
  [class*="-filter-strip "],
  [data-database-overview-filter-row] .monitoring-tree-filter-strip,
  [data-monitoring-tree-filter-row] .monitoring-tree-filter-strip,
  [data-sync-conflicts-filter-row] .sync-conflicts-filter-strip,
  [data-portal-filter-row] .portal-list-widget__filter-strip {
    gap: 0.45rem !important;
    padding: 0.75rem 1rem !important;
  }

  .app-filter-prefix,
  [class$="-filter-prefix"],
  [class*="-filter-prefix "],
  [data-database-overview-filter-row] .monitoring-tree-filter-prefix,
  [data-monitoring-tree-filter-row] .monitoring-tree-filter-prefix,
  [data-sync-conflicts-filter-row] .sync-conflicts-filter-prefix,
  [data-portal-filter-row] .portal-list-widget__filter-prefix {
    width: 100% !important;
  }
}