@charset "UTF-8";
/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
.ok-dashboard {
  --ok-card-radius: 0.75rem;
}

/* ONE-KONEK compact billing invoice editor v5.57.12 */
.invoice-recipient-results,
.invoice-item-search-results {
  position: absolute;
  z-index: 1085;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  max-height: 17rem;
  overflow-y: auto;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(15, 37, 63, 0.14);
  box-shadow: 0 0.5rem 1.25rem rgba(15, 37, 63, 0.14);
}

#invoice-editor-modal .modal-dialog {
  width: min(72rem, 100% - 2rem);
  max-width: 72rem;
}

#invoice-editor-modal .modal-content {
  overflow: hidden;
}

#invoice-editor-modal .modal-body {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

#invoice-editor-modal .modal-body::-webkit-scrollbar,
.invoice-subscription-item-shell::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

#invoice-editor-modal .modal-body::-webkit-scrollbar-thumb,
.invoice-subscription-item-shell::-webkit-scrollbar-thumb {
  background: rgba(116, 129, 148, 0.45);
  border-radius: 999px;
}

.invoice-recipient-name-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
  padding: 0.25rem 0;
}

.invoice-recipient-name-controls .form-check-inline {
  margin-left: 0;
}

.invoice-manual-recipient-inline {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14rem;
  flex: 1 1 14rem;
  max-width: 24rem;
}

.invoice-manual-recipient-inline:not(.d-none) {
  display: block;
}

.invoice-subscription-item-shell {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

.invoice-subscription-item-header,
.invoice-subscription-item-grid {
  display: grid;
  min-width: 49rem;
  grid-template-columns: minmax(13rem, 1.15fr) minmax(17rem, 1.6fr) 7rem minmax(10rem, 0.85fr);
}

.invoice-subscription-item-header {
  background: var(--falcon-gray-100);
  color: var(--falcon-gray-700);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.invoice-subscription-item-header > div,
.invoice-subscription-item-grid > div {
  min-width: 0;
  padding: 0.75rem;
  border-left: 1px solid var(--falcon-border-color);
}

.invoice-subscription-item-header > div:last-child,
.invoice-subscription-item-grid > div:last-child {
  border-left: 0;
}

.invoice-subscription-item-row {
  border-bottom: 1px solid var(--falcon-border-color);
}

.invoice-subscription-item-row:last-child {
  border-bottom: 0;
}

.invoice-subscription-price-cell .input-group .btn {
  min-width: 2.5rem;
}

.invoice-subscription-item-grid .invoice-item-mobile-label {
  display: none;
}

@media (max-width: 575.98px) {
  #invoice-editor-modal .modal-dialog {
    width: calc(100% - 1rem);
    margin: 0.5rem auto;
  }
  #invoice-editor-modal .modal-content {
    max-height: calc(100vh - 1rem);
  }
}
.invoice-item-table-shell {
  overflow: visible;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
}

.invoice-item-table-header,
.invoice-item-grid {
  display: grid;
  grid-template-columns: minmax(20rem, 1fr) 7rem 9rem 9rem 4.25rem;
  gap: 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.invoice-item-table-header {
  background: var(--falcon-gray-100);
  color: var(--falcon-gray-700);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.invoice-item-table-header > div,
.invoice-item-grid > div {
  min-width: 0;
  padding: 0.75rem;
  border-left: 1px solid var(--falcon-border-color);
}

.invoice-item-table-header > div:last-child,
.invoice-item-grid > div:last-child {
  border-left: 0;
}

.invoice-item-table-row {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--falcon-border-color) !important;
  border-radius: 0 !important;
}

.invoice-item-table-row:last-child {
  border-bottom: 0 !important;
}

.invoice-item-table-row .form-label,
.invoice-item-mobile-label {
  display: none;
}

.invoice-item-details-cell .invoice-item-description {
  margin-top: 0.5rem !important;
}

.invoice-item-amount-cell,
.invoice-item-actions-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.invoice-item-actions-cell {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 991.98px) {
  .invoice-item-table-shell {
    overflow-x: auto;
  }
  .invoice-item-table-header,
  .invoice-item-grid {
    min-width: 54rem;
  }
}
.ok-dashboard .card {
  border-radius: var(--ok-card-radius);
}

.ok-command-card {
  border-top: 0.25rem solid var(--falcon-primary);
  background: radial-gradient(circle at 95% 10%, rgba(44, 123, 229, 0.12), transparent 32%), var(--falcon-card-bg);
}

.ok-compact-metric {
  padding: 1rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.65rem;
  background: var(--falcon-emphasis-bg);
}

.ok-chart-shell {
  position: relative;
  min-height: 19rem;
}

.ok-chart-shell-sm {
  min-height: 15rem;
}

.ok-chart {
  width: 100%;
  min-height: inherit;
}

.ok-chart-empty {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: inherit;
  border: 1px dashed var(--falcon-border-color);
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--falcon-card-bg) 88%, transparent);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}

.ok-status-dot {
  width: 0.55rem;
  height: 0.55rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0.2rem color-mix(in srgb, currentColor 12%, transparent);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, currentColor 12%, transparent);
}

.ok-dashboard .table th {
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--falcon-gray-700);
}

.ok-dashboard .table td {
  min-width: 7.5rem;
}

.ok-dashboard [data-dashboard-action] {
  -webkit-transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.ok-dashboard [data-dashboard-action]:hover {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

@media (max-width: 575.98px) {
  .ok-chart-shell {
    min-height: 16rem;
  }
  .ok-dashboard .card-header {
    padding-inline: 1rem;
  }
}
/* ONE-KONEK canonical enterprise management layout */
.ok-management-page {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
}

/* ONE-KONEK subscriber onboarding wizard */
.subscriber-wizard-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(8rem, 1fr));
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.subscriber-wizard-step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.45rem;
  min-width: 7.5rem;
  padding: 0.5rem;
  border: 0;
  background: transparent;
  color: var(--falcon-gray-500);
  font-size: 0.75rem;
  font-weight: 600;
}

.subscriber-wizard-step:not(:last-child)::after {
  position: absolute;
  top: 1.35rem;
  right: calc(50% + 1.4rem);
  width: calc(100% - 2.3rem);
  height: 2px;
  background: var(--falcon-border-color);
  content: "";
}

.subscriber-wizard-step-number {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid var(--falcon-border-color);
  border-radius: 50%;
  background: var(--falcon-card-bg);
}

.subscriber-wizard-step.is-active {
  color: var(--falcon-primary);
}

.subscriber-wizard-step.is-active .subscriber-wizard-step-number {
  border-color: var(--falcon-primary);
  background: var(--falcon-primary);
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(44, 123, 229, 0.12);
  box-shadow: 0 0 0 0.25rem rgba(44, 123, 229, 0.12);
}

.subscriber-wizard-step.is-complete {
  color: var(--falcon-success);
}

.subscriber-wizard-step.is-complete .subscriber-wizard-step-number {
  border-color: var(--falcon-success);
  background: var(--falcon-success);
  color: #fff;
}

.subscriber-wizard-step.is-complete:not(:last-child)::after {
  background: var(--falcon-success);
}

.subscriber-wizard-step:disabled {
  cursor: default;
  opacity: 1;
}

@media (max-width: 767.98px) {
  .subscriber-wizard-steps {
    grid-template-columns: repeat(4, 8rem);
  }
  .subscriber-wizard-step-label {
    white-space: nowrap;
  }
}
.ok-plans-page {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
}

.ok-plans-page > * {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.ok-plans-page [aria-labelledby=plan-cards-title] {
  margin-top: 0 !important;
}

.ok-plans-page #plan-card-grid .card {
  border-radius: 0.75rem;
}

.ok-plans-page #plan-card-grid .card-body {
  padding: 1rem;
}

.ok-plans-page #plan-card-grid .rounded-circle {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
}

.ok-plans-page #plan-card-grid .mb-3 {
  margin-bottom: 0.75rem !important;
}

.ok-plans-page #plan-card-grid .py-3 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.ok-plans-page #plan-card-grid .border-top .mb-2 {
  margin-bottom: 0.375rem !important;
}

@media (min-width: 1200px) {
  .ok-plans-page #plan-card-grid > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 767.98px) {
  .ok-plans-page .card-header,
  .ok-plans-page .card-body {
    padding-inline: 1rem;
  }
}
.ok-plans-page #plan-card-grid,
#plan-card-grid {
  display: none !important;
}

.ok-plans-page [aria-label="Plan data status"]:empty {
  display: none;
}

#plan-profile-table-body td,
#plan-table-body [data-plan-profile-cell] {
  min-width: 8.5rem;
  vertical-align: middle;
}

#plan-table-body [data-plan-profile-cell=profile] {
  min-width: 10rem;
}

@media (max-width: 991.98px) {
  #plan-profile-modal .modal-dialog {
    margin: 0;
    max-width: none;
    min-height: 100%;
  }
  #plan-profile-modal .modal-content {
    min-height: 100vh;
    border: 0;
    border-radius: 0;
  }
}
#plan-management-root {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
}

.ok-router-wizard-steps {
  gap: 0.5rem;
}

.ok-router-wizard-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.5rem;
  color: var(--falcon-gray-600);
  background: var(--falcon-gray-100);
  border: 1px solid var(--falcon-gray-300);
  border-radius: 0.375rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.ok-router-wizard-step.active {
  color: var(--falcon-primary);
  background: rgba(var(--falcon-primary-rgb), 0.08);
  border-color: var(--falcon-primary);
}

.ok-router-wizard-step.complete {
  color: var(--falcon-success);
  border-color: rgba(var(--falcon-success-rgb), 0.45);
}

.ok-router-wizard-step-number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  color: inherit;
  background: var(--falcon-white);
  border: 1px solid currentColor;
  border-radius: 50%;
}

#mikrotik-setup-script {
  min-height: 20rem;
  resize: vertical;
  white-space: pre;
}

@media (max-width: 767.98px) {
  .ok-router-wizard-steps {
    gap: 0.25rem;
  }
  .ok-router-wizard-step {
    min-height: 2.5rem;
    padding: 0.375rem;
  }
}
#plan-management-root > section {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
}

#plan-management-root [aria-label="Plan data status"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#plan-subscription-table-card {
  margin-top: 0 !important;
}

#plan-subscription-table-card #plan-loading,
#plan-subscription-table-card #plan-empty-state {
  margin: 0;
}

#plan-subscription-table-card #plan-load-error {
  margin: 1rem;
}

#plan-subscription-table-card .plan-table-scroll {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#plan-subscription-table-card .plan-subscription-table {
  min-width: 82rem;
}

#plan-subscription-table-card .plan-subscription-table th,
#plan-subscription-table-card .plan-subscription-table td {
  white-space: normal;
  vertical-align: middle;
}

#plan-subscription-table-card .plan-subscription-table th:first-child,
#plan-subscription-table-card .plan-subscription-table td:first-child {
  min-width: 9rem;
}

#plan-subscription-table-card .plan-subscription-table th:last-child,
#plan-subscription-table-card .plan-subscription-table td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#plan-subscription-table-card .plan-subscription-table th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

#plan-subscription-table-card .plan-subscription-table tbody tr:hover td:last-child {
  background: var(--falcon-table-hover-bg, var(--falcon-emphasis-bg));
}

@media (max-width: 767.98px) {
  #plan-subscription-table-card .plan-subscription-table {
    min-width: 78rem;
  }
}
#plan-management-root {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  height: auto !important;
  min-height: 0 !important;
}

#plan-management-root > section {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  margin: 0 !important;
}

#plan-management-root > [aria-label="Plan data status"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#plan-subscription-table-card {
  margin: 0 !important;
}

#plan-ppp-import-card .form-select,
#plan-ppp-import-card .btn {
  min-height: 2.25rem;
}

#plan-ppp-import-preview code {
  font-size: 0.75rem;
  overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
  #plan-management-root {
    gap: 0.75rem !important;
  }
}
#plan-management-root > section:has(#plan-subscription-table-card) {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@supports (display: contents) {
  #plan-management-root > section:has(#plan-subscription-table-card) {
    display: contents !important;
  }
}
#plan-management-root > section:has(#plan-subscription-table-card) > #plan-subscription-table-card {
  width: 100% !important;
  margin: 0 !important;
}

#plan-management-root {
  gap: 1rem !important;
}

#plan-management-root > .d-flex:first-child {
  margin-bottom: 0 !important;
}

#plan-management-root > .card,
#plan-management-root > .row {
  margin-bottom: 0 !important;
}

#plan-subscription-table-card {
  margin-top: 0 !important;
}

#plan-kpi-grid .card {
  min-height: 8.75rem;
}

#plan-operations-card .plan-operation-card {
  color: inherit;
  min-height: 7.25rem;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
}

#plan-operations-card .plan-operation-card:hover,
#plan-operations-card .plan-operation-card:focus-visible {
  border-color: var(--falcon-primary) !important;
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(47, 123, 229, 0.12);
  box-shadow: 0 0.25rem 0.75rem rgba(47, 123, 229, 0.12);
  outline: 0;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

#plan-operations-card .plan-operation-card:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

#plan-subscription-table-card > .card-header {
  border-bottom: 1px solid var(--falcon-border-color);
}

#plan-subscription-table-card #plan-load-error {
  margin: 1rem;
}

@media (max-width: 767.98px) {
  #plan-management-root {
    gap: 0.75rem !important;
  }
  #plan-operations-card .plan-operation-card {
    min-height: 0;
  }
}
#system-changelog-card .table-responsive {
  min-height: 20rem;
}

#system-changelog-table {
  min-width: 68rem;
}

#system-changelog-table th {
  white-space: nowrap;
}

#system-changelog-table td:nth-child(1) {
  width: 8.5rem;
}

#system-changelog-table td:nth-child(2) {
  width: 13rem;
}

#system-changelog-table td:nth-child(4),
#system-changelog-table td:nth-child(5) {
  width: 9.5rem;
  white-space: nowrap;
}

@media print {
  #system-changelog-page .btn,
  #system-changelog-filter-form,
  .navbar,
  .navbar-vertical {
    display: none !important;
  }
  #system-changelog-card .table-responsive {
    overflow: visible !important;
  }
  #system-changelog-table {
    min-width: 0 !important;
  }
}
#plan-subscription-table-card .plan-subscription-table {
  width: 100% !important;
  min-width: 52rem !important;
  table-layout: fixed;
}

#plan-subscription-table-card .plan-subscription-table th:nth-child(1),
#plan-subscription-table-card .plan-subscription-table td:nth-child(1) {
  width: 24%;
}

#plan-subscription-table-card .plan-subscription-table th:nth-child(2),
#plan-subscription-table-card .plan-subscription-table td:nth-child(2) {
  width: 13%;
}

#plan-subscription-table-card .plan-subscription-table th:nth-child(3),
#plan-subscription-table-card .plan-subscription-table td:nth-child(3) {
  width: 20%;
}

#plan-subscription-table-card .plan-subscription-table th:nth-child(4),
#plan-subscription-table-card .plan-subscription-table td:nth-child(4) {
  width: 20%;
}

#plan-subscription-table-card .plan-subscription-table th:nth-child(5),
#plan-subscription-table-card .plan-subscription-table td:nth-child(5) {
  position: static !important;
  left: auto !important;
  z-index: auto !important;
  width: 23%;
  min-width: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#plan-subscription-table-card .plan-subscription-table th,
#plan-subscription-table-card .plan-subscription-table td {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

#plan-subscription-table-card [data-plan-compact-actions] .btn {
  margin: 0 !important;
}

@media (max-width: 767.98px) {
  #plan-subscription-table-card .plan-subscription-table {
    min-width: 48rem !important;
  }
}
#plan-detail-modal .plan-detail-grid {
  display: grid;
  gap: 0.75rem;
}

#plan-detail-modal .plan-detail-item {
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--falcon-border-color);
}

#plan-detail-modal .plan-detail-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

#plan-detail-modal .table th {
  white-space: nowrap;
}

#plan-subscription-table-card [data-plan-details-action] {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

#products-services-page-root .products-services-header,
#billing-management-root > section:first-of-type > .billing-page-header-card {
  border: 1px solid var(--falcon-border-color) !important;
  border-radius: var(--ok-card-radius, 0.5rem) !important;
  background: var(--falcon-card-bg) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

#billing-management-root > section:first-of-type > .billing-page-header-card > .card-body {
  padding: var(--ok-card-padding-y, 0.875rem) var(--ok-card-padding-x, 1rem) !important;
}

#catalog-kpi-grid .card,
#billing-management-root > [aria-label="Invoice statistics"] .card {
  min-height: 8.75rem;
}

#catalog-operations-card .catalog-operation-card {
  color: inherit;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
}

#catalog-operations-card .catalog-operation-card:hover,
#catalog-operations-card .catalog-operation-card:focus-visible {
  border-color: var(--falcon-primary) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 123, 229, 0.12);
  box-shadow: 0 0 0 0.2rem rgba(44, 123, 229, 0.12);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

#catalog-operations-card .catalog-operation-card:disabled {
  opacity: 0.55;
  pointer-events: none;
}

#catalog-management-root .table-responsive {
  min-height: 12rem;
}

#catalog-management-root #catalog-table {
  min-width: 58rem;
}

#catalog-management-root #catalog-table th:last-child,
#catalog-management-root #catalog-table td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 6rem;
  background: var(--falcon-card-bg);
}

#catalog-management-root #catalog-table th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

#catalog-management-root #catalog-table tbody tr:hover td:last-child {
  background: var(--falcon-table-hover-bg, var(--falcon-emphasis-bg));
}

@media (max-width: 767.98px) {
  #products-services-page-root .products-services-header .d-flex:last-child,
  #billing-management-root .billing-page-header-card .col-lg-auto,
  #billing-management-root .billing-page-header-card .col-lg-auto > .d-flex {
    width: 100%;
  }
  #products-services-page-root .products-services-header .btn,
  #billing-management-root .billing-page-header-card .col-lg-auto .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
#billing-management-root {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

#billing-management-root > section {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#billing-management-root > section > .card,
#billing-management-root > section > .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#billing-management-root > section:first-of-type {
  margin-bottom: 0 !important;
}

#billing-management-root > section:first-of-type > .card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#billing-management-root > section:first-of-type > .card > .card-body {
  padding: 0 !important;
}

#billing-management-root > section:first-of-type nav[aria-label=breadcrumb] {
  display: none !important;
}

#billing-management-root > section:first-of-type .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#billing-create-button {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#billing-export-button {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#billing-management-root > [aria-label="Invoice statistics"] {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#billing-management-root > [aria-label="Invoice statistics"] .card {
  height: 100% !important;
}

#billing-management-root > [aria-labelledby=billing-filters-title],
#billing-management-root > [aria-labelledby=invoice-ledger-title] {
  margin: 0 !important;
}

#billing-management-root > [aria-labelledby=billing-filters-title] {
  margin-bottom: -1rem !important;
}

#billing-management-root > [aria-labelledby=billing-filters-title] > .card {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#billing-management-root > [aria-labelledby=invoice-ledger-title] > .card {
  height: auto !important;
  min-height: 0 !important;
  margin: -1px 0 0 !important;
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

#billing-management-root > [aria-labelledby=billing-filters-title] .card-body {
  padding-bottom: 0.75rem;
}

#billing-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#billing-management-root .table-responsive > table {
  min-width: 76rem;
}

#billing-management-root .table-responsive th,
#billing-management-root .table-responsive td {
  vertical-align: middle;
}

#billing-management-root .table-responsive th:last-child,
#billing-management-root .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#billing-management-root .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

#billing-management-root .table-responsive tbody tr:hover td:last-child {
  background: var(--falcon-table-hover-bg, var(--falcon-emphasis-bg));
}

@media (max-width: 767.98px) {
  #billing-management-root {
    gap: 0.75rem !important;
  }
  #billing-management-root > [aria-labelledby=billing-filters-title] {
    margin-bottom: -0.75rem !important;
  }
  #billing-management-root > section:first-of-type .col-lg-auto,
  #billing-management-root > section:first-of-type .col-lg-auto .d-flex {
    width: 100%;
  }
  #billing-management-root > section:first-of-type .col-lg-auto .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  #billing-management-root .table-responsive > table {
    min-width: 72rem;
  }
}
#payment-management-root {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

#payment-management-root > section,
#payment-management-root > .alert {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#payment-management-root > section > .card,
#payment-management-root > section > .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#payment-management-root > section:first-of-type > .card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#payment-management-root > section:first-of-type > .card > .card-body {
  padding: 0 !important;
}

#payment-management-root > section:first-of-type nav[aria-label=breadcrumb] {
  display: none !important;
}

#payment-management-root > section:first-of-type .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#payment-management-root [data-bs-target="#record-payment-modal"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#payment-management-root [data-payment-action=export] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#payment-management-root > section:first-of-type .col-lg-auto .d-flex > .btn:nth-child(2) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#payment-management-root [aria-label="Payment statistics"] .card {
  height: 100% !important;
}

#payment-management-root [aria-labelledby=payment-channels-title] .border {
  background: var(--falcon-card-bg);
}

#payment-management-root > [aria-labelledby=payment-filters-title],
#payment-management-root > [aria-labelledby=payment-ledger-title] {
  margin: 0 !important;
}

#payment-management-root > [aria-labelledby=payment-filters-title] {
  margin-bottom: -1rem !important;
}

#payment-management-root > [aria-labelledby=payment-filters-title] > .card {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#payment-management-root > [aria-labelledby=payment-ledger-title] > .card {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

#payment-management-root > [aria-labelledby=payment-filters-title] .card-body {
  padding-bottom: 0.75rem;
}

#payment-management-root #payment-filter-form .form-label {
  white-space: nowrap;
}

#payment-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#payment-management-root .table-responsive > table {
  min-width: 78rem;
}

#payment-management-root .table-responsive th,
#payment-management-root .table-responsive td {
  vertical-align: middle;
}

#payment-management-root .table-responsive th:last-child,
#payment-management-root .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#payment-management-root .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

#payment-management-root .table-responsive tbody tr:hover td:last-child {
  background: var(--falcon-table-hover-bg, var(--falcon-emphasis-bg));
}

#record-payment-modal .modal-body,
#payment-detail-modal .modal-body,
#reverse-payment-modal .modal-body {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

@media (max-width: 767.98px) {
  #payment-management-root {
    gap: 0.75rem !important;
  }
  #payment-management-root .table-responsive > table {
    min-width: 72rem;
  }
  #payment-management-root > section:first-of-type .col-lg-auto,
  #payment-management-root > section:first-of-type .col-lg-auto .d-flex {
    width: 100%;
  }
  #payment-management-root > section:first-of-type .col-lg-auto .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  #payment-management-root #payment-filter-form .form-label {
    white-space: normal;
  }
}
#collection-management-root {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

#collection-management-root > section,
#collection-management-root > .alert {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#collection-management-root > .row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#collection-management-root > section.card {
  overflow: visible !important;
}

#collection-management-root > [aria-labelledby=collection-filters-title] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

#collection-management-root > [aria-labelledby=collection-filters-title] > .card-header,
#collection-management-root > [aria-labelledby=collection-filters-title] > .card-body {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

#collection-management-root > section:first-of-type > .card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#collection-management-root > section:first-of-type > .card > .card-body {
  padding: 0 !important;
}

#collection-management-root > section:first-of-type nav[aria-label=breadcrumb] {
  display: none !important;
}

#collection-management-root > [aria-label="Collection statistics"] .card,
#collection-management-root > .row > [class*=col-] > .card {
  height: 100% !important;
}

#collection-management-root #collection-filter-form .form-label {
  white-space: nowrap;
}

#collection-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#collection-management-root [aria-labelledby=collection-recent-title] table {
  min-width: 72rem;
}

#collection-management-root .table-responsive th,
#collection-management-root .table-responsive td {
  vertical-align: middle;
}

#collection-management-root [aria-labelledby=collection-recent-title] th:last-child,
#collection-management-root [aria-labelledby=collection-recent-title] td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 6.5rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#collection-management-root [aria-labelledby=collection-recent-title] th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

@media (max-width: 767.98px) {
  #collection-management-root {
    gap: 0.75rem !important;
  }
  #collection-management-root > section:first-of-type .col-lg-auto,
  #collection-management-root > section:first-of-type .col-lg-auto .btn {
    width: 100%;
  }
  #collection-management-root #collection-filter-form .form-label {
    white-space: normal;
  }
  #collection-management-root [aria-labelledby=collection-recent-title] table {
    min-width: 68rem;
  }
}
#isolation-management-root {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#isolation-management-root > .card,
#isolation-management-root > .alert,
#isolation-management-root > .row {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#isolation-management-root > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#isolation-management-root > .card:first-child > .card-body {
  padding: 0 !important;
}

#isolation-management-root > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

#isolation-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#isolation-management-root [data-bs-target="#isolation-create-modal"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#isolation-preview-eligible {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#isolation-refresh {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#isolation-export {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

#isolation-management-root > .row .card {
  height: 100% !important;
}

#isolation-management-root #isolation-filter-form .form-label {
  white-space: nowrap;
}

#isolation-management-root .table-responsive,
#isolation-eligibility-modal .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#isolation-management-root .table-responsive > table {
  min-width: 90rem;
}

#isolation-management-root .table-responsive th,
#isolation-management-root .table-responsive td,
#isolation-eligibility-modal .table-responsive th,
#isolation-eligibility-modal .table-responsive td {
  vertical-align: middle;
}

#isolation-management-root .table-responsive th:nth-child(5),
#isolation-management-root .table-responsive td:nth-child(5),
#isolation-management-root .table-responsive th:nth-child(6),
#isolation-management-root .table-responsive td:nth-child(6) {
  min-width: 8.5rem;
  white-space: nowrap;
}

#isolation-management-root .table-responsive th:last-child,
#isolation-management-root .table-responsive td:last-child,
#isolation-eligibility-modal .table-responsive th:last-child,
#isolation-eligibility-modal .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 6.5rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#isolation-management-root .table-responsive th:last-child,
#isolation-eligibility-modal .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

#isolation-eligibility-modal .table-responsive > table {
  min-width: 72rem;
}

#isolation-eligibility-modal .modal-body,
#isolation-create-modal .modal-body,
#isolation-detail-modal .modal-body,
#isolation-process-modal .modal-body,
#isolation-cancel-modal .modal-body {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

@media (max-width: 767.98px) {
  #isolation-management-root {
    gap: 0.75rem !important;
  }
  #isolation-management-root > .card:first-child .col-lg-auto,
  #isolation-management-root > .card:first-child .col-lg-auto .d-flex {
    width: 100%;
  }
  #isolation-management-root > .card:first-child .col-lg-auto .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 0.5rem);
    flex: 1 1 calc(50% - 0.5rem);
  }
  #isolation-management-root #isolation-filter-form .form-label {
    white-space: normal;
  }
  #isolation-management-root .table-responsive > table {
    min-width: 84rem;
  }
}
#network-overview-management-root {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#network-overview-management-root > section,
#network-overview-management-root > .alert {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#network-overview-management-root > .row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#network-overview-management-root > section:first-of-type > .card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#network-overview-management-root > section:first-of-type > .card > .card-body {
  padding: 0 !important;
}

#network-overview-management-root > section:first-of-type nav[aria-label=breadcrumb] {
  display: none !important;
}

#network-overview-management-root > section:first-of-type .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#network-overview-management-root [data-bs-target="#network-integration-modal"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#network-overview-management-root [data-network-action=refresh] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#network-overview-management-root [data-network-action=export] {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#network-overview-management-root [aria-label="Network health statistics"] .card,
#network-overview-management-root > .row > [class*=col-] > .card,
#network-overview-management-root > .row > [class*=col-] > section.card {
  height: 100% !important;
}

#network-overview-management-root [aria-labelledby=network-filter-title] {
  display: block !important;
}

#network-overview-management-root #network-filter-form .form-label {
  white-space: nowrap;
}

#network-overview-management-root #network-bandwidth-chart {
  min-height: 14rem !important;
}

#network-overview-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#network-overview-management-root [aria-labelledby=network-device-title] table {
  min-width: 74rem;
}

#network-overview-management-root .table-responsive th,
#network-overview-management-root .table-responsive td {
  vertical-align: middle;
}

#network-overview-management-root [aria-labelledby=network-device-title] th:last-child,
#network-overview-management-root [aria-labelledby=network-device-title] td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 6.5rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#network-overview-management-root [aria-labelledby=network-device-title] th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

@media (max-width: 767.98px) {
  #network-overview-management-root {
    gap: 0.75rem !important;
  }
  #network-overview-management-root > section:first-of-type .col-lg-auto,
  #network-overview-management-root > section:first-of-type .col-lg-auto .d-flex,
  #network-overview-management-root > section:first-of-type .col-lg-auto .btn {
    width: 100%;
  }
  #network-overview-management-root > section:first-of-type .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #network-overview-management-root #network-filter-form .form-label {
    white-space: normal;
  }
  #network-overview-management-root #network-bandwidth-chart {
    min-height: 11rem !important;
  }
  #network-overview-management-root [aria-labelledby=network-device-title] table {
    min-width: 70rem;
  }
}
#mikrotik-management-root {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#mikrotik-management-root > .card,
#mikrotik-management-root > .alert {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#mikrotik-management-root > .row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#mikrotik-management-root > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#mikrotik-management-root > .card:first-child > .card-body {
  padding: 0 !important;
}

#mikrotik-management-root > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

#mikrotik-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#mikrotik-add-router {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#mikrotik-refresh {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#mikrotik-export {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#mikrotik-management-root > .row .card {
  height: 100% !important;
}

#mikrotik-management-root #mikrotik-filter-form .form-label {
  white-space: nowrap;
}

#mikrotik-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#mikrotik-management-root .table-responsive > table {
  min-width: 76rem;
}

#mikrotik-management-root .table-responsive th,
#mikrotik-management-root .table-responsive td {
  vertical-align: middle;
}

#mikrotik-management-root .table-responsive th:last-child,
#mikrotik-management-root .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#mikrotik-management-root .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

@media (max-width: 767.98px) {
  #mikrotik-management-root {
    gap: 0.75rem !important;
  }
  #mikrotik-management-root > .card:first-child .col-lg-auto,
  #mikrotik-management-root > .card:first-child .col-lg-auto .d-flex,
  #mikrotik-management-root > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  #mikrotik-management-root > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #mikrotik-management-root #mikrotik-filter-form .form-label {
    white-space: normal;
  }
  #mikrotik-management-root .table-responsive > table {
    min-width: 72rem;
  }
}
.ok-infrastructure-management-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ok-infrastructure-management-page > .card,
.ok-infrastructure-management-page > .alert,
.ok-infrastructure-management-page > .nav,
.ok-infrastructure-management-page > ul.nav {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

.ok-infrastructure-management-page > .row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ok-infrastructure-management-page > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ok-infrastructure-management-page > .card:first-child > .card-body {
  padding: 0 !important;
}

.ok-infrastructure-management-page > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

.ok-infrastructure-management-page > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#infrastructure-add {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#infrastructure-refresh {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.ok-infrastructure-management-page > .nav,
.ok-infrastructure-management-page > ul.nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

.ok-infrastructure-management-page > .nav .nav-link,
.ok-infrastructure-management-page > ul.nav .nav-link {
  white-space: nowrap;
}

.ok-infrastructure-management-page > .row .card {
  height: 100% !important;
}

.ok-infrastructure-management-page #infrastructure-filter-form .form-label {
  white-space: nowrap;
}

.ok-infrastructure-management-page .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.ok-infrastructure-management-page .table-responsive > table {
  min-width: 66rem;
}

.ok-infrastructure-management-page .table-responsive th,
.ok-infrastructure-management-page .table-responsive td {
  vertical-align: middle;
}

.ok-infrastructure-management-page .table-responsive th:last-child,
.ok-infrastructure-management-page .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 8rem;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

.ok-infrastructure-management-page .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

@media (max-width: 767.98px) {
  .ok-infrastructure-management-page {
    gap: 0.75rem !important;
  }
  .ok-infrastructure-management-page > .card:first-child .col-lg-auto,
  .ok-infrastructure-management-page > .card:first-child .col-lg-auto .d-flex,
  .ok-infrastructure-management-page > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  .ok-infrastructure-management-page > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ok-infrastructure-management-page #infrastructure-filter-form .form-label {
    white-space: normal;
  }
  .ok-infrastructure-management-page .table-responsive > table {
    min-width: 62rem;
  }
}
.ok-smartolt-monitoring-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ok-smartolt-monitoring-page > section,
.ok-smartolt-monitoring-page > .card,
.ok-smartolt-monitoring-page > .alert,
.ok-smartolt-monitoring-page > .row {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

.ok-smartolt-monitoring-page > section.card:first-child,
.ok-smartolt-monitoring-page > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ok-smartolt-monitoring-page > section.card:first-child > .card-body,
.ok-smartolt-monitoring-page > .card:first-child > .card-body {
  padding: 0 !important;
}

.ok-smartolt-monitoring-page > section.card:first-child nav[aria-label=breadcrumb],
.ok-smartolt-monitoring-page > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

.ok-smartolt-monitoring-page > section.card:first-child .col-lg-auto .d-flex,
.ok-smartolt-monitoring-page > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

html body .ok-smartolt-monitoring-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
  height: auto !important;
  min-height: 0 !important;
}

html body .ok-smartolt-monitoring-page > section,
html body .ok-smartolt-monitoring-page > .row,
html body .ok-smartolt-monitoring-page > .alert {
  position: static !important;
  inset: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .ok-smartolt-monitoring-page > .alert {
  padding: 0.75rem 1rem !important;
}

html body .ok-smartolt-monitoring-page > section > .card,
html body .ok-smartolt-monitoring-page > section > .row,
html body .ok-smartolt-monitoring-page > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .ok-smartolt-monitoring-page > section:first-child > .card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body .ok-smartolt-monitoring-page > section:first-child > .card > .card-body {
  padding: 0 !important;
}

html body .ok-smartolt-monitoring-page > section:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

html body .ok-smartolt-monitoring-page > section:first-child .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .ok-smartolt-monitoring-page > section:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ok-smartolt-monitoring-page [data-bs-target="#smartolt-integration-modal"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.ok-smartolt-monitoring-page [data-smartolt-action=refresh] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.ok-smartolt-monitoring-page [data-smartolt-action=export] {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.ok-smartolt-monitoring-page > section > .row .card,
.ok-smartolt-monitoring-page > .row .card {
  height: 100% !important;
}

.ok-smartolt-monitoring-page #smartolt-filter-form .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  row-gap: 0.75rem;
}

.ok-smartolt-monitoring-page #smartolt-filter-form .form-label {
  white-space: nowrap;
}

.ok-smartolt-monitoring-page .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.ok-smartolt-monitoring-page section[aria-labelledby=smartolt-olt-title] .table-responsive > table {
  min-width: 72rem;
}

.ok-smartolt-monitoring-page section[aria-labelledby=smartolt-onu-title] .table-responsive > table {
  min-width: 82rem;
}

.ok-smartolt-monitoring-page .table-responsive th,
.ok-smartolt-monitoring-page .table-responsive td {
  vertical-align: middle;
}

.ok-smartolt-monitoring-page .table-responsive th:last-child,
.ok-smartolt-monitoring-page .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7.5rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

.ok-smartolt-monitoring-page .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg, #f9fafd);
}

.ok-smartolt-monitoring-page #smartolt-integration-modal .modal-dialog {
  max-height: calc(100vh - 2rem);
}

.ok-smartolt-monitoring-page #smartolt-integration-modal .modal-content {
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}

.ok-smartolt-monitoring-page #smartolt-integration-modal .modal-body {
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  .ok-smartolt-monitoring-page {
    gap: 0.75rem !important;
  }
  .ok-smartolt-monitoring-page > section.card:first-child .col-lg-auto,
  .ok-smartolt-monitoring-page > section.card:first-child .col-lg-auto .d-flex,
  .ok-smartolt-monitoring-page > section.card:first-child .col-lg-auto .btn,
  .ok-smartolt-monitoring-page > section:first-child .col-lg-auto,
  .ok-smartolt-monitoring-page > section:first-child .col-lg-auto .d-flex,
  .ok-smartolt-monitoring-page > section:first-child .col-lg-auto .btn,
  .ok-smartolt-monitoring-page > .card:first-child .col-lg-auto,
  .ok-smartolt-monitoring-page > .card:first-child .col-lg-auto .d-flex,
  .ok-smartolt-monitoring-page > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  .ok-smartolt-monitoring-page > section.card:first-child .col-lg-auto .d-flex,
  .ok-smartolt-monitoring-page > section:first-child .col-lg-auto .d-flex,
  .ok-smartolt-monitoring-page > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ok-smartolt-monitoring-page #smartolt-filter-form .form-label {
    white-space: normal;
  }
  .ok-smartolt-monitoring-page #smartolt-filter-form .btn {
    width: 100%;
  }
  .ok-smartolt-monitoring-page section[aria-labelledby=smartolt-olt-title] .table-responsive > table {
    min-width: 68rem;
  }
  .ok-smartolt-monitoring-page section[aria-labelledby=smartolt-onu-title] .table-responsive > table {
    min-width: 78rem;
  }
}
html body #gis-coverage-management-root.ok-gis-coverage-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #gis-coverage-management-root > section,
html body #gis-coverage-management-root > .card,
html body #gis-coverage-management-root > .row,
html body #gis-coverage-management-root > .alert {
  position: static !important;
  inset: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #gis-coverage-management-root > .alert {
  padding: 0.75rem 1rem !important;
}

html body #gis-coverage-management-root > section > .card,
html body #gis-coverage-management-root > section > .row,
html body #gis-coverage-management-root > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #gis-coverage-management-root > section:first-child > .card,
html body #gis-coverage-management-root > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body #gis-coverage-management-root > section:first-child > .card > .card-body,
html body #gis-coverage-management-root > .card:first-child > .card-body {
  padding: 0 !important;
}

html body #gis-coverage-management-root > section:first-child nav[aria-label=breadcrumb],
html body #gis-coverage-management-root > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

html body #gis-coverage-management-root > section:first-child .row,
html body #gis-coverage-management-root > .card:first-child .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #gis-coverage-management-root > section:first-child .col-lg-auto .d-flex,
html body #gis-coverage-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#gis-coverage-management-root > section > .row .card,
#gis-coverage-management-root > .row .card {
  height: 100% !important;
}

#gis-coverage-management-root #gis-filter-form .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  row-gap: 0.75rem;
}

#gis-coverage-management-root #gis-filter-form .form-label {
  white-space: nowrap;
}

#gis-coverage-management-root #gis-coverage-map {
  width: 100% !important;
  height: clamp(20rem, 48vh, 30rem) !important;
  min-height: 20rem !important;
  overflow: hidden;
}

#gis-coverage-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#gis-coverage-management-root .table-responsive > table {
  min-width: 64rem;
}

#gis-coverage-management-root .table-responsive th,
#gis-coverage-management-root .table-responsive td {
  vertical-align: middle;
}

#gis-coverage-management-root .table-responsive th:last-child,
#gis-coverage-management-root .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#gis-coverage-management-root .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg, #f9fafd);
}

#gis-coverage-management-root #gis-zone-modal .modal-dialog {
  max-height: calc(100vh - 2rem);
}

#gis-coverage-management-root #gis-zone-modal .modal-content {
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}

#gis-coverage-management-root #gis-zone-modal .modal-body {
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  html body #gis-coverage-management-root.ok-gis-coverage-page {
    gap: 0.75rem !important;
  }
  #gis-coverage-management-root > section:first-child .col-lg-auto,
  #gis-coverage-management-root > section:first-child .col-lg-auto .d-flex,
  #gis-coverage-management-root > section:first-child .col-lg-auto .btn,
  #gis-coverage-management-root > .card:first-child .col-lg-auto,
  #gis-coverage-management-root > .card:first-child .col-lg-auto .d-flex,
  #gis-coverage-management-root > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  #gis-coverage-management-root > section:first-child .col-lg-auto .d-flex,
  #gis-coverage-management-root > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #gis-coverage-management-root #gis-filter-form .form-label {
    white-space: normal;
  }
  #gis-coverage-management-root #gis-filter-form .btn {
    width: 100%;
  }
  #gis-coverage-management-root #gis-coverage-map {
    height: 20rem !important;
    min-height: 20rem !important;
  }
  #gis-coverage-management-root .table-responsive > table {
    min-width: 58rem;
  }
}
html body #poles-equipment-management-root.ok-poles-equipment-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #poles-equipment-management-root > section,
html body #poles-equipment-management-root > .card,
html body #poles-equipment-management-root > .row,
html body #poles-equipment-management-root > .alert {
  position: static !important;
  inset: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #poles-equipment-management-root > .alert {
  padding: 0.75rem 1rem !important;
}

html body #poles-equipment-management-root > section > .card,
html body #poles-equipment-management-root > section > .row,
html body #poles-equipment-management-root > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #poles-equipment-management-root > section:first-child > .card,
html body #poles-equipment-management-root > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body #poles-equipment-management-root > section:first-child > .card > .card-body,
html body #poles-equipment-management-root > .card:first-child > .card-body {
  padding: 0 !important;
}

html body #poles-equipment-management-root > section:first-child nav[aria-label=breadcrumb],
html body #poles-equipment-management-root > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

html body #poles-equipment-management-root > section:first-child .row,
html body #poles-equipment-management-root > .card:first-child .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #poles-equipment-management-root > section:first-child .col-lg-auto .d-flex,
html body #poles-equipment-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#poles-equipment-management-root > section:first-child [data-bs-target="#asset-record-modal"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#poles-equipment-management-root > section:first-child [data-asset-action=refresh] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#poles-equipment-management-root > section:first-child [data-asset-action=export] {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#poles-equipment-management-root > section > .row .card,
#poles-equipment-management-root > .row .card {
  height: 100% !important;
}

#poles-equipment-management-root #asset-filter-form .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  row-gap: 0.75rem;
}

#poles-equipment-management-root #asset-filter-form .form-label {
  white-space: nowrap;
}

#poles-equipment-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#poles-equipment-management-root .table-responsive > table {
  min-width: 76rem;
}

#poles-equipment-management-root .table-responsive th,
#poles-equipment-management-root .table-responsive td {
  vertical-align: middle;
}

#poles-equipment-management-root .table-responsive th:last-child,
#poles-equipment-management-root .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7.5rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#poles-equipment-management-root .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg, #f9fafd);
}

#poles-equipment-management-root #asset-record-modal .modal-dialog {
  max-height: calc(100vh - 2rem);
}

#poles-equipment-management-root #asset-record-modal .modal-content {
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}

#poles-equipment-management-root #asset-record-modal .modal-body {
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  html body #poles-equipment-management-root.ok-poles-equipment-page {
    gap: 0.75rem !important;
  }
  #poles-equipment-management-root > section:first-child .col-lg-auto,
  #poles-equipment-management-root > section:first-child .col-lg-auto .d-flex,
  #poles-equipment-management-root > section:first-child .col-lg-auto .btn,
  #poles-equipment-management-root > .card:first-child .col-lg-auto,
  #poles-equipment-management-root > .card:first-child .col-lg-auto .d-flex,
  #poles-equipment-management-root > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  #poles-equipment-management-root > section:first-child .col-lg-auto .d-flex,
  #poles-equipment-management-root > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #poles-equipment-management-root #asset-filter-form .form-label {
    white-space: normal;
  }
  #poles-equipment-management-root #asset-filter-form .btn {
    width: 100%;
  }
  #poles-equipment-management-root .table-responsive > table {
    min-width: 70rem;
  }
}
html body #service-tickets-management-root.ok-service-tickets-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #service-tickets-management-root > section,
html body #service-tickets-management-root > .card,
html body #service-tickets-management-root > .row,
html body #service-tickets-management-root > .alert {
  position: static !important;
  inset: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #service-tickets-management-root > .alert {
  padding: 0.75rem 1rem !important;
}

html body #service-tickets-management-root > section > .card,
html body #service-tickets-management-root > section > .row,
html body #service-tickets-management-root > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #service-tickets-management-root > section:first-child > .card,
html body #service-tickets-management-root > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body #service-tickets-management-root > section:first-child > .card > .card-body,
html body #service-tickets-management-root > .card:first-child > .card-body {
  padding: 0 !important;
}

html body #service-tickets-management-root > section:first-child nav[aria-label=breadcrumb],
html body #service-tickets-management-root > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

html body #service-tickets-management-root > section:first-child .row,
html body #service-tickets-management-root > .card:first-child .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #service-tickets-management-root > section:first-child .col-lg-auto .d-flex,
html body #service-tickets-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#service-tickets-management-root > section:first-child [data-bs-target="#ticket-create-modal"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#service-tickets-management-root > section:first-child [data-ticket-action=refresh] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#service-tickets-management-root > section:first-child [data-ticket-action=export] {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#service-tickets-management-root > section > .row .card,
#service-tickets-management-root > .row .card {
  height: 100% !important;
}

#service-tickets-management-root #ticket-filter-form .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  row-gap: 0.75rem;
}

#service-tickets-management-root #ticket-filter-form .form-label {
  white-space: nowrap;
}

#service-tickets-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#service-tickets-management-root .table-responsive > table {
  min-width: 84rem;
}

#service-tickets-management-root .table-responsive th,
#service-tickets-management-root .table-responsive td {
  vertical-align: middle;
}

#service-tickets-management-root .table-responsive th:last-child,
#service-tickets-management-root .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7.5rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#service-tickets-management-root .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg, #f9fafd);
}

#service-tickets-management-root #ticket-create-modal .modal-dialog {
  max-height: calc(100vh - 2rem);
}

#service-tickets-management-root #ticket-create-modal .modal-content {
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}

#service-tickets-management-root #ticket-create-modal .modal-body {
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  html body #service-tickets-management-root.ok-service-tickets-page {
    gap: 0.75rem !important;
  }
  #service-tickets-management-root > section:first-child .col-lg-auto,
  #service-tickets-management-root > section:first-child .col-lg-auto .d-flex,
  #service-tickets-management-root > section:first-child .col-lg-auto .btn,
  #service-tickets-management-root > .card:first-child .col-lg-auto,
  #service-tickets-management-root > .card:first-child .col-lg-auto .d-flex,
  #service-tickets-management-root > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  #service-tickets-management-root > section:first-child .col-lg-auto .d-flex,
  #service-tickets-management-root > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #service-tickets-management-root #ticket-filter-form .form-label {
    white-space: normal;
  }
  #service-tickets-management-root #ticket-filter-form .btn {
    width: 100%;
  }
  #service-tickets-management-root .table-responsive > table {
    min-width: 76rem;
  }
}
html body #enterprise-dashboard-management-root.ok-enterprise-dashboard-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  gap: 1rem !important;
  row-gap: 1rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#enterprise-dashboard-management-root > .ok-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.875rem !important;
}

html body #enterprise-dashboard-management-root > section,
html body #enterprise-dashboard-management-root > .card,
html body #enterprise-dashboard-management-root > .row,
html body #enterprise-dashboard-management-root > .alert,
html body #enterprise-dashboard-management-root > :not(.modal):not(.toast-container):not(.offcanvas) {
  position: static !important;
  inset: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #enterprise-dashboard-management-root > :not(section):not(.card):not(.row):not(.alert):not(.modal):not(.toast-container):not(.offcanvas) {
  -ms-flex-line-pack: start !important;
  align-content: start !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  row-gap: 1rem !important;
}

html body #enterprise-dashboard-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > section,
html body #enterprise-dashboard-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .card,
html body #enterprise-dashboard-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .row,
html body #enterprise-dashboard-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .alert {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #enterprise-dashboard-management-root > section > .card,
html body #enterprise-dashboard-management-root > section > .row,
html body #enterprise-dashboard-management-root > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#enterprise-dashboard-management-root > section > .row,
#enterprise-dashboard-management-root > .row,
#enterprise-dashboard-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .row {
  row-gap: 0.75rem;
}

#enterprise-dashboard-management-root > section > .row .card,
#enterprise-dashboard-management-root > .row .card,
#enterprise-dashboard-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .row .card {
  height: 100% !important;
}

#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] > .card {
  height: auto !important;
}

#enterprise-dashboard-management-root .ok-command-card .card-body > .row {
  min-height: 0;
}

#enterprise-dashboard-management-root .card-header,
#enterprise-dashboard-management-root .card-body {
  padding: 0.875rem 1rem;
}

#enterprise-dashboard-management-root .card {
  border-color: color-mix(in srgb, var(--falcon-border-color) 82%, var(--falcon-primary) 18%);
  -webkit-box-shadow: 0 0.18rem 0.55rem rgba(31, 45, 61, 0.075);
  box-shadow: 0 0.18rem 0.55rem rgba(31, 45, 61, 0.075);
}

#enterprise-dashboard-management-root .card-header {
  min-height: 4.35rem;
}

#enterprise-dashboard-management-root .ok-command-card .card-header,
#enterprise-dashboard-management-root .ok-command-card .card-body {
  min-height: 0;
}

#enterprise-dashboard-management-root .ok-command-card .form-select,
#enterprise-dashboard-management-root .ok-command-card .form-control,
#enterprise-dashboard-management-root .ok-command-card .btn {
  min-height: 2.15rem;
}

#enterprise-dashboard-management-root section[aria-labelledby=quick-actions-title] .btn {
  min-height: 5.75rem;
  padding: 0.85rem 0.65rem !important;
}

#enterprise-dashboard-management-root section[aria-labelledby=key-metrics-title] .card {
  min-height: 8.5rem;
}

#enterprise-dashboard-management-root section[aria-labelledby=key-metrics-title] .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#enterprise-dashboard-management-root section[aria-labelledby=key-metrics-title] h3 {
  line-height: 1.15;
  font-size: clamp(1.25rem, 1.6vw, 1.55rem);
}

#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] {
  display: block;
  min-height: 0;
}

#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] > .card,
#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] > section.card {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] > .card > .card-header,
#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] > .card > .card-body,
#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] > section.card > .card-header,
#enterprise-dashboard-management-root .row.align-items-start > [class*=col-] > section.card > .card-body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media (min-width: 1200px) {
  #enterprise-dashboard-management-root .ok-dashboard-equal-row {
    --ok-dashboard-row-height: 24rem;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  #enterprise-dashboard-management-root .ok-dashboard-equal-row--briefing {
    --ok-dashboard-row-height: 28rem;
  }
  #enterprise-dashboard-management-root .ok-dashboard-equal-row--analytics {
    --ok-dashboard-row-height: 28rem;
  }
  #enterprise-dashboard-management-root .ok-dashboard-equal-row--operations {
    --ok-dashboard-row-height: 23rem;
  }
  #enterprise-dashboard-management-root .ok-dashboard-equal-row--network {
    --ok-dashboard-row-height: 31rem;
  }
  #enterprise-dashboard-management-root .ok-dashboard-equal-row--recent {
    --ok-dashboard-row-height: 18rem;
  }
  #enterprise-dashboard-management-root .ok-dashboard-equal-row--queues {
    --ok-dashboard-row-height: 20rem;
  }
  #enterprise-dashboard-management-root .ok-dashboard-equal-row--activity {
    --ok-dashboard-row-height: 26rem;
  }
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
  }
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > .card,
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > section.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: var(--ok-dashboard-row-height) !important;
    min-height: var(--ok-dashboard-row-height) !important;
    max-height: var(--ok-dashboard-row-height) !important;
    overflow: hidden;
  }
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > .card > .card-header,
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > section.card > .card-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > .card > .card-body,
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > section.card > .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    scrollbar-gutter: stable;
  }
}
@media (max-width: 1199.98px) {
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > .card,
  #enterprise-dashboard-management-root .row.align-items-start.ok-dashboard-equal-row > [class*=col-] > section.card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}
#enterprise-dashboard-management-root .ok-chart-shell {
  min-height: 0;
  height: clamp(13.5rem, 22vw, 17rem);
}

#enterprise-dashboard-management-root .ok-chart-shell-sm {
  height: clamp(11.5rem, 18vw, 14rem);
}

#enterprise-dashboard-management-root .ok-chart,
#enterprise-dashboard-management-root .ok-chart-empty {
  height: 100%;
  min-height: 0;
}

#enterprise-dashboard-management-root .ok-briefing-card {
  min-height: 0;
  overflow: hidden;
}

#enterprise-dashboard-management-root .ok-widget-loading {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 9rem;
  color: var(--falcon-gray-500);
  font-size: 0.75rem;
}

#enterprise-dashboard-management-root .ok-calendar-weekdays,
#enterprise-dashboard-management-root .ok-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.3rem;
}

#enterprise-dashboard-management-root .ok-calendar-weekdays {
  margin-bottom: 0.35rem;
  color: var(--falcon-gray-500);
  font-size: 0.65rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

#enterprise-dashboard-management-root .ok-calendar-day {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 2rem;
  border: 1px solid transparent;
  border-radius: 0.45rem;
  color: var(--falcon-gray-700);
  background: var(--falcon-gray-100);
  font-size: 0.72rem;
}

#enterprise-dashboard-management-root .ok-calendar-day.is-outside {
  visibility: hidden;
}

#enterprise-dashboard-management-root .ok-calendar-day.is-today {
  border-color: var(--falcon-primary);
  color: var(--falcon-primary);
  background: rgba(44, 123, 229, 0.08);
  font-weight: 700;
}

#enterprise-dashboard-management-root .ok-calendar-day.has-events::after {
  position: absolute;
  left: 0.22rem;
  bottom: 0.18rem;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: var(--falcon-success);
  content: "";
}

#enterprise-dashboard-management-root .ok-upcoming-events {
  display: grid;
  gap: 0.45rem;
}

#enterprise-dashboard-management-root .ok-upcoming-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0.5rem;
  background: var(--falcon-gray-100);
}

#enterprise-dashboard-management-root .ok-weather-current,
#enterprise-dashboard-management-root .ok-tide-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.85rem;
}

#enterprise-dashboard-management-root .ok-weather-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  font-size: 1.35rem;
}

#enterprise-dashboard-management-root .ok-briefing-metric {
  height: 100%;
  padding: 0.55rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
}

#enterprise-dashboard-management-root .ok-briefing-metric-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.35rem;
  border-radius: 50%;
  font-size: 0.65rem;
}

#enterprise-dashboard-management-root .ok-weather-forecast,
#enterprise-dashboard-management-root .ok-tide-list {
  display: grid;
  gap: 0.4rem;
}

#enterprise-dashboard-management-root .ok-weather-day,
#enterprise-dashboard-management-root .ok-tide-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.42rem 0;
  border-top: 1px solid var(--falcon-border-color);
  font-size: 0.72rem;
}

#enterprise-dashboard-management-root #dashboard-integration-statuses,
#enterprise-dashboard-management-root #dashboard-recent-activities {
  max-height: 20rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

#enterprise-dashboard-management-root #dashboard-network-events .py-5,
#enterprise-dashboard-management-root #dashboard-recent-payments .py-5,
#enterprise-dashboard-management-root #dashboard-priority-tickets .py-5,
#enterprise-dashboard-management-root #dashboard-recent-activities .py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

#enterprise-dashboard-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#enterprise-dashboard-management-root .table-responsive th,
#enterprise-dashboard-management-root .table-responsive td {
  vertical-align: middle;
}

#enterprise-dashboard-management-root .table-responsive th {
  padding-block: 0.65rem;
  background: var(--falcon-gray-100);
  letter-spacing: 0.01em;
}

#enterprise-dashboard-management-root .table-responsive td {
  padding-block: 0.7rem;
}

#enterprise-dashboard-management-root .table-hover > tbody > tr {
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}

#enterprise-dashboard-management-root #dashboard-recent-payments,
#enterprise-dashboard-management-root #dashboard-priority-tickets,
#enterprise-dashboard-management-root #dashboard-recent-activities,
#enterprise-dashboard-management-root #dashboard-network-events {
  min-height: 9.5rem;
  max-height: 20rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

#enterprise-dashboard-management-root canvas,
#enterprise-dashboard-management-root [data-echart-responsive=true] {
  max-width: 100%;
}

@media (max-width: 767.98px) {
  html body #enterprise-dashboard-management-root.ok-enterprise-dashboard-page {
    gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }
  #enterprise-dashboard-management-root .btn-group,
  #enterprise-dashboard-management-root .d-flex.flex-wrap > .btn {
    max-width: 100%;
  }
  #enterprise-dashboard-management-root .card-header,
  #enterprise-dashboard-management-root .card-body {
    padding: 0.75rem;
  }
  #enterprise-dashboard-management-root .ok-calendar-day {
    min-height: 1.8rem;
  }
  #enterprise-dashboard-management-root > .ok-dashboard {
    gap: 0.75rem !important;
  }
  #enterprise-dashboard-management-root .card-header {
    min-height: 0;
  }
  #enterprise-dashboard-management-root section[aria-labelledby=quick-actions-title] .btn {
    min-height: 5.5rem;
  }
}
#enterprise-dashboard-management-root .ok-dashboard-workspace {
  overflow: hidden;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .nav-tabs {
  gap: 0.25rem;
  border-bottom: 0;
  white-space: nowrap;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .nav-link {
  min-width: 7.5rem;
  padding: 0.7rem 1rem;
  border-top-right-radius: 0.55rem;
  border-top-left-radius: 0.55rem;
  font-weight: 600;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane {
  min-height: 0;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > * {
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > *:last-child {
  margin-bottom: 0 !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .ok-chart-shell {
  min-height: 14rem;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .ok-chart-shell-sm {
  min-height: 12rem;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .card-header {
  min-height: 4.25rem;
}

#enterprise-dashboard-management-root [aria-labelledby=quick-actions-title] .row > *,
#enterprise-dashboard-management-root [aria-labelledby=key-metrics-title] .row > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#enterprise-dashboard-management-root [aria-labelledby=quick-actions-title] .btn,
#enterprise-dashboard-management-root [aria-labelledby=key-metrics-title] .card {
  width: 100%;
  min-height: 100%;
}

@media (max-width: 767.98px) {
  #enterprise-dashboard-management-root .ok-dashboard-workspace .card-body {
    padding: 0.75rem !important;
  }
  #enterprise-dashboard-management-root .ok-dashboard-workspace .nav-link {
    min-width: auto;
    padding-inline: 0.75rem;
  }
}
html body #enterprise-dashboard-management-root > .ok-dashboard {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #enterprise-dashboard-management-root > .ok-dashboard > section,
html body #enterprise-dashboard-management-root > .ok-dashboard > .row,
html body #enterprise-dashboard-management-root > .ok-dashboard > .card,
html body #enterprise-dashboard-management-root > .ok-dashboard > footer {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace,
#enterprise-dashboard-management-root .ok-dashboard-workspace > .card-body,
#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-content,
#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  gap: 0.75rem !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > .row,
#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > .card {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > .row {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  row-gap: 0.75rem !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > .row > [class*=col-] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  min-height: 0 !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > .row > [class*=col-] > .card {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#enterprise-dashboard-management-root {
  --ok-dashboard-gap-repair: 1;
}

@media (max-width: 767.98px) {
  html body #enterprise-dashboard-management-root > .ok-dashboard,
  #enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane.active {
    gap: 0.625rem !important;
    row-gap: 0.625rem !important;
  }
}
html body #service-advisories-management-root.ok-service-advisories-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #service-advisories-management-root > section,
html body #service-advisories-management-root > .card,
html body #service-advisories-management-root > .row,
html body #service-advisories-management-root > .alert,
html body #service-advisories-management-root > :not(.modal):not(.toast-container):not(.offcanvas) {
  position: static !important;
  inset: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #service-advisories-management-root > .alert {
  padding: 0.75rem 1rem !important;
}

html body #service-advisories-management-root > :not(section):not(.card):not(.row):not(.alert):not(.modal):not(.toast-container):not(.offcanvas) {
  -ms-flex-line-pack: start !important;
  align-content: start !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
}

html body #service-advisories-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > section,
html body #service-advisories-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .card,
html body #service-advisories-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .row,
html body #service-advisories-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .alert {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #service-advisories-management-root > section > .card,
html body #service-advisories-management-root > section > .row,
html body #service-advisories-management-root > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #service-advisories-management-root > section:first-child > .card,
html body #service-advisories-management-root > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body #service-advisories-management-root > section:first-child > .card > .card-body,
html body #service-advisories-management-root > .card:first-child > .card-body {
  padding: 0 !important;
}

html body #service-advisories-management-root > section:first-child nav[aria-label=breadcrumb],
html body #service-advisories-management-root > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

html body #service-advisories-management-root > section:first-child .row,
html body #service-advisories-management-root > .card:first-child .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #service-advisories-management-root > section:first-child .col-lg-auto .d-flex,
html body #service-advisories-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#service-advisories-management-root > section:first-child [data-bs-target="#advisory-create-modal"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#service-advisories-management-root > section:first-child [data-advisory-action=refresh] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#service-advisories-management-root > section:first-child [data-advisory-action=export] {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#service-advisories-management-root > section > .row .card,
#service-advisories-management-root > .row .card,
#service-advisories-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .row .card {
  height: 100% !important;
}

#service-advisories-management-root #advisory-filter-form .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  row-gap: 0.75rem;
}

#service-advisories-management-root #advisory-filter-form .form-label {
  white-space: nowrap;
}

#service-advisories-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#service-advisories-management-root .table-responsive > table {
  min-width: 88rem;
}

#service-advisories-management-root .table-responsive th,
#service-advisories-management-root .table-responsive td {
  vertical-align: middle;
}

#service-advisories-management-root .table-responsive th:last-child,
#service-advisories-management-root .table-responsive td:last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 7.5rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

#service-advisories-management-root .table-responsive th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg, #f9fafd);
}

#service-advisories-management-root #advisory-create-modal .modal-dialog {
  max-height: calc(100vh - 2rem);
}

#service-advisories-management-root #advisory-create-modal .modal-content {
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}

#service-advisories-management-root #advisory-create-modal .modal-body {
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  html body #service-advisories-management-root.ok-service-advisories-page {
    gap: 0.75rem !important;
  }
  #service-advisories-management-root > section:first-child .col-lg-auto,
  #service-advisories-management-root > section:first-child .col-lg-auto .d-flex,
  #service-advisories-management-root > section:first-child .col-lg-auto .btn,
  #service-advisories-management-root > .card:first-child .col-lg-auto,
  #service-advisories-management-root > .card:first-child .col-lg-auto .d-flex,
  #service-advisories-management-root > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  #service-advisories-management-root > section:first-child .col-lg-auto .d-flex,
  #service-advisories-management-root > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #service-advisories-management-root #advisory-filter-form .form-label {
    white-space: normal;
  }
  #service-advisories-management-root #advisory-filter-form .btn {
    width: 100%;
  }
  #service-advisories-management-root .table-responsive > table {
    min-width: 78rem;
  }
}
html body #general-settings-management-root.ok-general-settings-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #general-settings-management-root > section,
html body #general-settings-management-root > .card,
html body #general-settings-management-root > .row,
html body #general-settings-management-root > .alert,
html body #general-settings-management-root > :not(.modal):not(.toast-container):not(.offcanvas) {
  position: static !important;
  inset: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #general-settings-management-root > .alert {
  padding: 0.75rem 1rem !important;
}

html body #general-settings-management-root > :not(section):not(.card):not(.row):not(.alert):not(.modal):not(.toast-container):not(.offcanvas) {
  -ms-flex-line-pack: start !important;
  align-content: start !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  row-gap: 0.75rem !important;
}

html body #general-settings-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > section,
html body #general-settings-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .card,
html body #general-settings-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .row,
html body #general-settings-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .alert {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #general-settings-management-root > section > .card,
html body #general-settings-management-root > section > .row,
html body #general-settings-management-root > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #general-settings-management-root > section:first-child > .card,
html body #general-settings-management-root > .card:first-child {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body #general-settings-management-root > section:first-child > .card > .card-body,
html body #general-settings-management-root > .card:first-child > .card-body {
  padding: 0 !important;
}

html body #general-settings-management-root > section:first-child nav[aria-label=breadcrumb],
html body #general-settings-management-root > .card:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

html body #general-settings-management-root > section:first-child .row,
html body #general-settings-management-root > .card:first-child .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #general-settings-management-root > section:first-child .col-lg-auto .d-flex,
html body #general-settings-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#general-settings-management-root > section:first-child [data-settings-action=review] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#general-settings-management-root > section:first-child [data-settings-action=refresh] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#general-settings-management-root > section:first-child [data-settings-action=export] {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#general-settings-management-root > section > .row .card,
#general-settings-management-root > .row .card,
#general-settings-management-root > :not(.modal):not(.toast-container):not(.offcanvas) > .row .card {
  height: 100% !important;
}

#general-settings-management-root .nav-tabs,
#general-settings-management-root .nav-pills {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#general-settings-management-root .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#general-settings-management-root .table-responsive th,
#general-settings-management-root .table-responsive td {
  vertical-align: middle;
}

#general-settings-management-root .modal-dialog {
  max-height: calc(100vh - 2rem);
}

#general-settings-management-root .modal-content {
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}

#general-settings-management-root .modal-body {
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  html body #general-settings-management-root.ok-general-settings-page {
    gap: 0.75rem !important;
  }
  #general-settings-management-root > section:first-child .col-lg-auto,
  #general-settings-management-root > section:first-child .col-lg-auto .d-flex,
  #general-settings-management-root > section:first-child .col-lg-auto .btn,
  #general-settings-management-root > .card:first-child .col-lg-auto,
  #general-settings-management-root > .card:first-child .col-lg-auto .d-flex,
  #general-settings-management-root > .card:first-child .col-lg-auto .btn {
    width: 100%;
  }
  #general-settings-management-root > section:first-child .col-lg-auto .d-flex,
  #general-settings-management-root > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane.active {
  display: block !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > .row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 0.75rem !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane > .row:last-child {
  margin-bottom: 0 !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane .card {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane .card > .card-header,
#enterprise-dashboard-management-root .ok-dashboard-workspace .tab-pane .card > .card-body {
  position: static !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .ok-chart-shell {
  height: 12rem !important;
  min-height: 12rem !important;
  max-height: 12rem !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .ok-chart-shell-sm {
  height: 10rem !important;
  min-height: 10rem !important;
  max-height: 10rem !important;
}

#enterprise-dashboard-management-root .ok-dashboard-workspace .table-responsive,
#enterprise-dashboard-management-root .ok-dashboard-workspace table {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#enterprise-dashboard-management-root {
  --ok-dashboard-final-intrinsic-card-repair: 1;
}

.ok-management-page {
  --ok-page-gap: 1rem;
  --ok-card-radius: 0.5rem;
  --ok-card-padding-x: 1rem;
  --ok-card-padding-y: 0.875rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: var(--ok-page-gap) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.ok-management-page > :not(.modal):not(.toast-container):not(.offcanvas) {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 100%;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ok-management-page > section,
.ok-management-page > .row,
.ok-management-page > .card,
.ok-management-page > .alert,
.ok-management-page > form {
  height: auto !important;
  max-height: none !important;
}

.ok-management-page > section > .card,
.ok-management-page > section > .row,
.ok-management-page > .row > [class*=col-] > .card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ok-management-page .card {
  border-radius: var(--ok-card-radius);
}

.ok-management-page .card-header {
  padding: 0.75rem var(--ok-card-padding-x);
}

.ok-management-page .card-body {
  padding: var(--ok-card-padding-y) var(--ok-card-padding-x);
}

.ok-management-page .card-footer {
  padding: 0.625rem var(--ok-card-padding-x);
}

.ok-management-page h1.h3,
.ok-management-page .h3[role=heading] {
  margin-bottom: 0.25rem !important;
  line-height: 1.2;
}

.ok-management-page > section:first-child > .card,
.ok-management-page > .card:first-child.ok-page-header {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ok-management-page > section:first-child > .card > .card-body,
.ok-management-page > .card:first-child.ok-page-header > .card-body {
  padding: 0 !important;
}

.ok-management-page > section:first-child nav[aria-label=breadcrumb] {
  display: none !important;
}

.ok-management-page > section:first-child .row.align-items-center {
  row-gap: 0.75rem !important;
}

.ok-management-page > section:first-child .col-lg {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 24rem;
  flex: 1 1 24rem;
  min-width: 0;
}

.ok-management-page > section:first-child .col-lg-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
}

.ok-management-page > section:first-child .col-lg-auto > .d-flex,
.ok-management-page > .d-flex:first-child > .d-flex:last-child {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ok-management-page .row[aria-label$=statistics i] > [class*=col-] .card,
.ok-management-page > [aria-label$=statistics i] .card,
.ok-management-page .ok-kpi-grid .card {
  height: 100% !important;
  min-height: 8.75rem;
}

.ok-management-page .rounded-circle[class*=bg-] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ok-management-page .rounded-circle[class*=bg-] > .fas,
.ok-management-page .rounded-circle[class*=bg-] > .far,
.ok-management-page .rounded-circle[class*=bg-] > .fab {
  line-height: 1;
}

.ok-management-page .form-label {
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.ok-management-page .form-control,
.ok-management-page .form-select,
.ok-management-page .input-group-text,
.ok-management-page .btn {
  min-height: 2.25rem;
}

.ok-management-page .btn > .fas,
.ok-management-page .btn > .far,
.ok-management-page .btn > .fab {
  width: 1em;
  text-align: center;
}

.ok-management-page .table-responsive {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.ok-management-page .table-responsive th,
.ok-management-page .table-responsive td {
  vertical-align: middle;
}

.ok-management-page .table-responsive th {
  white-space: nowrap;
}

.ok-management-page .table-responsive .btn-sm,
.ok-management-page .table-responsive .btn-group-sm > .btn {
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: 0.375rem 0.5rem;
}

.ok-management-page .modal-dialog-scrollable {
  max-height: calc(100vh - 2rem);
}

.ok-management-page .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 2rem);
}

.ok-management-page .nav-tabs,
.ok-management-page .nav-pills {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  scrollbar-width: thin;
}

@media (max-width: 991.98px) {
  .ok-management-page > section:first-child .col-lg-auto,
  .ok-management-page > section:first-child .col-lg-auto > .d-flex {
    width: 100%;
  }
  .ok-management-page > section:first-child .col-lg-auto > .d-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  .ok-management-page {
    --ok-page-gap: 0.75rem;
    --ok-card-padding-x: 0.75rem;
    --ok-card-padding-y: 0.75rem;
  }
  .ok-management-page > section:first-child .col-lg-auto .btn,
  .ok-management-page > .d-flex:first-child > .d-flex:last-child .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .ok-management-page .table-responsive > table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
  }
}
.ok-management-page {
  --ok-unified-enterprise-layout: 1;
}

.email-center-shell {
  min-height: 38rem;
}

#email-message-list,
#email-message-view {
  height: 38rem;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.network-integration-page {
  --ok-page-gap: 0.75rem;
}
.network-integration-page .network-setup-step-number {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--falcon-primary);
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  font-weight: 700;
  height: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.network-integration-page .network-integration-tabs {
  gap: 0.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.network-integration-page .network-integration-panel {
  height: auto !important;
  margin: 0 !important;
  min-width: 0;
  min-height: 0 !important;
  padding: 0 !important;
}
.network-integration-page > .card:last-child > .card-body {
  height: auto !important;
  min-height: 0 !important;
  padding: 0.75rem !important;
}
.network-integration-page .network-procedure {
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
}
.network-integration-page .network-procedure-step {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 2rem 1.5rem minmax(0, 1fr) auto;
  min-height: 4.25rem;
  padding: 0.65rem 0.75rem;
}
.network-integration-page .network-procedure-step:not(:last-child) {
  border-bottom: 1px solid var(--falcon-border-color);
}
.network-integration-page .network-procedure-step:nth-child(even) {
  background: var(--falcon-gray-100);
}
.network-integration-page .network-procedure-icon {
  text-align: center;
}
.network-integration-page .network-procedure-copy {
  min-width: 0;
}
.network-integration-page .network-procedure-status {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: 12rem;
}
.network-integration-page .network-integration-module {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.network-integration-page .network-integration-module > .ok-management-page {
  --ok-page-gap: 0.75rem;
  height: auto !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.network-integration-page .network-integration-module > .ok-management-page > :first-child {
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding-top: 0 !important;
}
.network-integration-page .network-integration-module > .ok-management-page > .card:first-child .card-body,
.network-integration-page .network-integration-module > .ok-management-page > .d-flex:first-child {
  height: auto !important;
  min-height: 0 !important;
}
.network-integration-page .network-integration-module .card,
.network-integration-page .network-integration-module .card-body,
.network-integration-page .network-integration-module .row,
.network-integration-page .network-integration-module .alert,
.network-integration-page .network-integration-module form {
  max-height: none !important;
  min-height: 0;
}
.network-integration-page .network-integration-module .modal {
  text-align: right;
}

@media (max-width: 767.98px) {
  .network-integration-page .network-procedure-step {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-template-columns: 2rem 1.5rem minmax(0, 1fr);
  }
  .network-integration-page .network-procedure-status {
    grid-column: 3;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 0;
  }
}
.email-message-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
}

@media (max-width: 991.98px) {
  .email-center-shell {
    min-height: auto;
  }
  #email-message-list,
  #email-message-view {
    height: 24rem;
  }
}
/* ONE-KONEK Expenses v5.25.0.5 */
.expenses-management-page {
  max-width: 100%;
}
.expenses-management-page .card {
  border: 0;
  -webkit-box-shadow: 0 0.125rem 0.35rem rgba(20, 35, 60, 0.08);
  box-shadow: 0 0.125rem 0.35rem rgba(20, 35, 60, 0.08);
}
.expenses-management-page .icon-circle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.25rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
}
.expenses-management-page .nav-tabs {
  gap: 0.25rem;
}
.expenses-management-page .nav-link {
  white-space: nowrap;
}
.expenses-management-page .table th {
  background: var(--falcon-gray-100);
  color: var(--falcon-gray-700);
  font-size: 0.75rem;
  text-transform: uppercase;
}
.expenses-management-page .modal-body {
  padding: 1rem 1.25rem;
}
.expenses-management-page .form-label {
  font-size: 0.78rem;
  margin-bottom: 0.25rem;
}

/* ONE-KONEK Expenses Operational Repair v5.26.3 START */
.expenses-management-page {
  --expense-section-gap: 1rem;
}
.expenses-management-page .expense-workspace-card {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
}
.expenses-management-page .expense-workspace-card > .card-header {
  min-height: 0 !important;
  padding: 0.75rem 1rem 0 !important;
}
.expenses-management-page .expense-workspace-body {
  height: auto !important;
  min-height: 0 !important;
  padding: var(--expense-section-gap) !important;
}
.expenses-management-page [data-expense-panel] {
  height: auto !important;
  min-height: 0 !important;
}
.expenses-management-page [data-expense-panel].d-none {
  display: none !important;
}
.expenses-management-page .nav-tabs {
  scrollbar-width: thin;
}
.expenses-management-page .nav-tabs .nav-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 2.6rem;
  padding: 0.65rem 0.8rem;
}
.expenses-management-page #expense-filter-form {
  margin: 0 0 var(--expense-section-gap) !important;
}
.expenses-management-page .table-responsive {
  min-height: 0 !important;
}
.expenses-management-page .table {
  table-layout: auto;
}
.expenses-management-page .table > :not(caption) > * > * {
  padding: 0.75rem;
  vertical-align: middle;
}
.expenses-management-page .icon-circle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.25rem;
  flex: 0 0 2.25rem;
  height: 2.25rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
}
.expenses-management-page[aria-busy=true] {
  cursor: progress;
}
@media (max-width: 767.98px) {
  .expenses-management-page .expense-workspace-body {
    padding: 0.75rem !important;
  }
  .expenses-management-page .table {
    min-width: 760px;
  }
}

/* ONE-KONEK Expenses Operational Repair v5.26.3 END */
/* ONE-KONEK SYSTEM CONFIGURATION CENTER v5.27.0 */
.ok-settings-v5-27-marker {
  --onekonek-settings-version: "5.27.0";
}

.ok-general-settings-page {
  --ok-settings-gap: 0.875rem;
}
.ok-general-settings-page > section {
  margin-bottom: var(--ok-settings-gap) !important;
}
.ok-general-settings-page .card {
  border-color: rgba(216, 226, 239, 0.9);
}
.ok-general-settings-page .ok-settings-command-center .card-body {
  padding: 0.875rem;
}
.ok-general-settings-page .ok-settings-coverage-card {
  position: relative;
  height: 100%;
  min-height: 9.25rem;
  padding: 0.875rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.5rem;
  background: var(--falcon-emphasis-bg, #fff);
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
}
.ok-general-settings-page .ok-settings-coverage-card:hover {
  border-color: rgba(44, 123, 229, 0.45);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(15, 35, 63, 0.08);
  box-shadow: 0 0.25rem 0.75rem rgba(15, 35, 63, 0.08);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ok-general-settings-page .ok-settings-coverage-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.25rem;
  flex: 0 0 2.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}
.ok-general-settings-page .ok-settings-module-link {
  padding: 0.2rem 0.45rem;
  font-size: 0.6875rem;
  white-space: nowrap;
}
.ok-general-settings-page .ok-settings-configure-link {
  position: absolute;
  left: 0.75rem;
  bottom: 0.6rem;
  font-size: 0.6875rem;
  text-decoration: none;
}
.ok-general-settings-page .ok-settings-policy-strip {
  padding: 0.75rem;
  border: 1px solid rgba(44, 123, 229, 0.18);
  border-radius: 0.5rem;
  background: rgba(44, 123, 229, 0.035);
}
.ok-general-settings-page #settings-tabs {
  position: sticky;
  top: 4.75rem;
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
  scrollbar-width: thin;
}
.ok-general-settings-page #settings-tabs .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.35rem;
  margin-bottom: 0.2rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
}
.ok-general-settings-page #settings-tabs .nav-link:hover:not(.active) {
  border-color: var(--falcon-border-color, #d8e2ef);
  background: rgba(44, 123, 229, 0.04);
}
.ok-general-settings-page #settings-tab-content {
  min-width: 0;
}
.ok-general-settings-page #settings-tab-content .card-header,
.ok-general-settings-page #settings-tab-content .card-footer {
  padding: 0.8rem 1rem;
}
.ok-general-settings-page #settings-tab-content .card-body {
  padding: 1rem;
}
.ok-general-settings-page #settings-tab-content .row.g-3 {
  --falcon-gutter-x: 0.85rem;
  --falcon-gutter-y: 0.8rem;
}
.ok-general-settings-page .settings-form .form-label {
  margin-bottom: 0.28rem;
  color: var(--falcon-emphasis-color, #344050);
  font-size: 0.74rem;
  font-weight: 600;
}
.ok-general-settings-page .settings-form .form-text,
.ok-general-settings-page .settings-form .invalid-feedback {
  margin-top: 0.2rem;
  font-size: 0.65rem;
}
.ok-general-settings-page .settings-form .form-control,
.ok-general-settings-page .settings-form .form-select,
.ok-general-settings-page .settings-form .input-group-text {
  min-height: 2.25rem;
  font-size: 0.8rem;
}
.ok-general-settings-page .settings-form textarea.form-control {
  min-height: 4.5rem;
}
.ok-general-settings-page .settings-form .border.rounded-3.p-3 {
  padding: 0.8rem !important;
}
.ok-general-settings-page .settings-form .alert {
  margin-bottom: 0.75rem;
}
.ok-general-settings-page [data-branding-card] {
  min-height: 8.5rem;
}
.ok-general-settings-page .table-responsive {
  scrollbar-width: thin;
}

@media (max-width: 991.98px) {
  .ok-general-settings-page #settings-tabs {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-height: none;
    padding: 0.65rem !important;
    overflow-x: auto;
    border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
  }
  .ok-general-settings-page #settings-tabs .nav-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 0.25rem;
    white-space: nowrap;
  }
  .ok-general-settings-page .ok-settings-coverage-card {
    min-height: 8.5rem;
  }
}
@media (max-width: 575.98px) {
  .ok-general-settings-page {
    --ok-settings-gap: 0.65rem;
  }
  .ok-general-settings-page .ok-settings-command-center .card-body,
  .ok-general-settings-page #settings-tab-content .card-body {
    padding: 0.75rem;
  }
  .ok-general-settings-page .ok-settings-coverage-card {
    min-height: auto;
    padding-bottom: 2.25rem;
  }
  .ok-general-settings-page .settings-form .card-footer .btn {
    width: 100%;
  }
}
.ok-sms-settings {
  scroll-margin-top: 5rem;
}

.ok-sms-summary-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  min-height: 4.25rem;
  padding: 0.75rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.625rem;
  background: var(--falcon-card-bg);
}

.ok-sms-summary-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.25rem;
  flex: 0 0 2.25rem;
  border-radius: 50%;
}

.ok-sms-table {
  max-height: 24rem;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.ok-sms-table table {
  min-width: 58rem;
}

.ok-sms-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.ok-sms-switch-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  padding-top: 1.9rem;
}

#sms-gateway-modal .modal-body {
  max-height: min(68vh, 44rem);
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

#sms-gateway-status {
  margin-bottom: 0.75rem;
}

@media (max-width: 767.98px) {
  .ok-sms-switch-grid {
    grid-template-columns: 1fr;
    padding-top: 0;
  }
}
.ok-notification-layout {
  display: grid;
  gap: 0.875rem;
  margin-top: 1rem;
}

.ok-notification-section {
  min-height: 0;
  padding: 1rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.625rem;
  background: var(--falcon-card-bg);
  scroll-margin-top: 5rem;
}

.ok-notification-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}

.ok-notification-section-copy {
  min-width: 0;
  margin-left: auto;
}

.ok-notification-step {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  border-radius: 50%;
  color: var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle);
  font-size: 0.75rem;
  font-weight: 700;
}

.ok-notification-switches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem 1rem;
  min-height: 2.25rem;
  padding: 0.45rem 0;
}

.ok-notification-switches .form-check {
  margin: 0;
}

.ok-notification-table {
  max-height: 18rem;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.ok-notification-table thead,
.ok-notification-layout .ok-sms-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.ok-notification-layout .ok-sms-table {
  max-height: 20rem;
  min-height: 0;
}

.ok-notification-layout .ok-sms-summary-card {
  min-height: 3.75rem;
  padding: 0.625rem;
}

.ok-notification-layout .nav-tabs {
  margin-bottom: 0.75rem !important;
}

.ok-notification-empty-list:empty {
  display: none;
}

#settings-notifications-pane,
#settings-notifications-pane > .row,
#settings-notifications-pane .card,
#settings-notifications-pane .card-body {
  min-height: 0 !important;
}

#settings-notifications-pane .ok-notification-layout .table-responsive {
  height: auto;
}

@media (max-width: 991.98px) {
  .ok-notification-switches {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .ok-notification-section {
    padding: 0.75rem;
  }
  .ok-notification-section-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ok-notification-section-header > .d-flex,
  .ok-notification-section-header > button {
    width: 100%;
  }
  .ok-notification-section-header > .d-flex .btn,
  .ok-notification-section-header > button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .ok-notification-switches {
    grid-template-columns: 1fr;
  }
}
/* ONE-KONEK GENERAL SETTINGS TOP NAVIGATION v5.29.0 */
.ok-settings-topnav-v5-29-marker {
  --onekonek-settings-topnav-version: "5.29.0";
}

.ok-general-settings-page .ok-settings-workspace-shell {
  display: block;
  min-width: 0;
}
.ok-general-settings-page .ok-settings-topnav-wrap {
  position: sticky;
  top: 4.25rem;
  z-index: 4;
  width: 100%;
  border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
  background: var(--falcon-card-bg, #fff);
}
.ok-general-settings-page .ok-settings-topnav-wrap #settings-tabs {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 0.35rem;
  max-height: none;
  padding: 0.7rem 0.85rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  -ms-scroll-snap-type: x proximity;
  scroll-snap-type: x proximity;
}
.ok-general-settings-page .ok-settings-topnav-wrap #settings-tabs .nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.25rem;
  margin: 0;
  padding: 0.45rem 0.7rem;
  border: 1px solid transparent;
  border-radius: 0.4rem;
  color: var(--falcon-gray-700, #5e6e82);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  scroll-snap-align: start;
}
.ok-general-settings-page .ok-settings-topnav-wrap #settings-tabs .nav-link:hover:not(.active) {
  border-color: var(--falcon-border-color, #d8e2ef);
  background: var(--falcon-gray-100, #f9fafd);
}
.ok-general-settings-page .ok-settings-topnav-wrap #settings-tabs .nav-link.active {
  border-color: var(--falcon-primary, #2c7be5);
  color: #fff;
  background: var(--falcon-primary, #2c7be5);
  -webkit-box-shadow: 0 0.2rem 0.45rem rgba(44, 123, 229, 0.18);
  box-shadow: 0 0.2rem 0.45rem rgba(44, 123, 229, 0.18);
}
.ok-general-settings-page .ok-settings-content {
  width: 100%;
  min-width: 0;
}
.ok-general-settings-page #settings-tab-content {
  width: 100%;
}
.ok-general-settings-page #settings-tab-content > .tab-pane > .settings-form > .card {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ok-general-settings-page #settings-tab-content .card-header {
  border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
}
.ok-general-settings-page #settings-history-title,
.ok-general-settings-page [aria-labelledby=settings-history-title] {
  display: none !important;
}

.ok-project-inception-timeline .ok-changelog-timeline-table {
  max-height: 58rem;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
.ok-project-inception-timeline #system-changelog-table {
  min-width: 68rem;
}
.ok-project-inception-timeline #system-changelog-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

@media (max-width: 991.98px) {
  .ok-general-settings-page .ok-settings-topnav-wrap {
    top: 3.75rem;
  }
  .ok-general-settings-page .ok-settings-topnav-wrap #settings-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 0.6rem;
    border-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .ok-general-settings-page .ok-settings-topnav-wrap #settings-tabs .nav-link {
    min-height: 2.1rem;
    padding: 0.4rem 0.6rem;
    font-size: 0.7rem;
  }
  .ok-general-settings-page #settings-tab-content .card-header,
  .ok-general-settings-page #settings-tab-content .card-body,
  .ok-general-settings-page #settings-tab-content .card-footer {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
/* ONE-KONEK Notification Sub-tabs v5.29.1.1 */
.ok-notification-subtabs-v5-29-1-1-marker {
  --onekonek-notification-subtabs-version: "5.29.1.1";
}

.ok-notification-subtabs {
  min-width: 0;
}

.ok-notification-subtabs-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.875rem;
}

.ok-notification-subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 0.35rem;
  margin: 0 -1rem;
  padding: 0 1rem 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
  scrollbar-width: thin;
  -ms-scroll-snap-type: x proximity;
  scroll-snap-type: x proximity;
}

.ok-notification-subnav .nav-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.ok-notification-subnav .nav-link {
  min-height: 2.4rem;
  padding: 0.5rem 0.8rem;
  border: 1px solid transparent;
  border-radius: 0.45rem;
  color: var(--falcon-gray-700, #5e6e82);
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
}

.ok-notification-subnav .nav-link:hover:not(.active) {
  border-color: var(--falcon-border-color, #d8e2ef);
  background: var(--falcon-gray-100, #f9fafd);
}

.ok-notification-subnav .nav-link.active {
  border-color: var(--falcon-primary, #2c7be5);
  color: #fff;
  background: var(--falcon-primary, #2c7be5);
  -webkit-box-shadow: 0 0.2rem 0.45rem rgba(44, 123, 229, 0.18);
  box-shadow: 0 0.2rem 0.45rem rgba(44, 123, 229, 0.18);
}

.ok-notification-subtab-content {
  padding-top: 1rem;
}

.ok-notification-panel,
.ok-notification-subtabs .ok-sms-settings {
  min-height: 0;
  padding: 1rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.625rem;
  background: var(--falcon-card-bg, #fff);
}

.ok-notification-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.ok-notification-panel-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.5rem;
  flex: 0 0 2.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.ok-notification-channel-switches,
.ok-notification-switch-grid,
.ok-messaging-channel-switches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  padding: 0.75rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.5rem;
  background: var(--falcon-gray-100, #f9fafd);
}

.ok-notification-channel-switches {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ok-notification-channel-switches .form-check,
.ok-notification-switch-grid .form-check,
.ok-messaging-channel-switches .form-check {
  margin: 0;
}

.ok-messaging-provider-grid > .col-xl {
  min-width: 10rem;
}

.ok-messaging-provider-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  min-height: 4.6rem;
  padding: 0.7rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.5rem;
  color: inherit;
  background: var(--falcon-card-bg, #fff);
  text-align: right;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.ok-messaging-provider-card:hover,
.ok-messaging-provider-card:focus-visible {
  border-color: var(--falcon-primary, #2c7be5);
  -webkit-box-shadow: 0 0.2rem 0.55rem rgba(44, 123, 229, 0.13);
  box-shadow: 0 0.2rem 0.55rem rgba(44, 123, 229, 0.13);
  outline: 0;
}

.ok-messaging-provider-card > span:nth-child(2) {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ok-messaging-provider-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.25rem;
  flex: 0 0 2.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}

.ok-notification-table,
.ok-messaging-channel-table,
.ok-notification-subtabs .ok-sms-table {
  max-height: 22rem;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.ok-notification-table table,
.ok-messaging-channel-table table {
  min-width: 52rem;
}

.ok-notification-table thead,
.ok-messaging-channel-table thead,
.ok-notification-subtabs .ok-sms-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .ok-notification-channel-switches,
  .ok-notification-switch-grid,
  .ok-messaging-channel-switches {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .ok-notification-subtabs-heading,
  .ok-notification-panel-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ok-notification-panel,
  .ok-notification-subtabs .ok-sms-settings {
    padding: 0.75rem;
  }
  .ok-notification-subnav {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .ok-notification-channel-switches,
  .ok-notification-switch-grid,
  .ok-messaging-channel-switches {
    grid-template-columns: 1fr;
  }
  .ok-notification-panel-header > .btn,
  .ok-notification-panel-header > .d-flex {
    width: 100%;
  }
}
/* ONE-KONEK Purchases & Payables v5.36.0 START */
.purchase-management-page {
  --purchase-row-gap: 0.75rem;
}
.purchase-management-page .icon-circle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.25rem;
  flex: 0 0 2.25rem;
  height: 2.25rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
}
.purchase-management-page .purchase-workspace-card {
  min-height: 28rem;
}
.purchase-management-page .purchase-workspace-body {
  padding: 1rem;
}
.purchase-management-page .purchase-line {
  background: var(--falcon-body-bg, #f9fafd);
}
.purchase-management-page .purchase-total-box {
  min-width: 18rem;
}
.purchase-management-page .table > :not(caption) > * > * {
  padding-bottom: 0.7rem;
  padding-top: 0.7rem;
  vertical-align: middle;
}
.purchase-management-page .nav-tabs {
  gap: 0.25rem;
}
.purchase-management-page .nav-tabs .nav-link {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .purchase-management-page .purchase-workspace-body {
    padding: 0.75rem;
  }
  .purchase-management-page .purchase-total-box {
    min-width: 100%;
  }
}
/* ONE-KONEK Purchases & Payables v5.36.0 END */
/* ONE-KONEK Financial Operations Workspace v5.38.1 START */
.expenses-management-page,
.purchase-management-page {
  --financial-border: var(--falcon-border-color, #d8e2ef);
  --financial-surface: var(--falcon-card-bg, #fff);
  --financial-muted: var(--falcon-100, #f9fafd);
}
.expenses-management-page .financial-page-header,
.purchase-management-page .financial-page-header {
  margin-bottom: 0.875rem;
}
.expenses-management-page .financial-page-header h2,
.purchase-management-page .financial-page-header h2 {
  font-size: 1.5rem;
  line-height: 1.2;
}
.expenses-management-page .financial-summary-grid,
.purchase-management-page .financial-summary-grid {
  margin-bottom: 0.875rem;
}
.expenses-management-page .financial-summary-grid .card,
.purchase-management-page .financial-summary-grid .card {
  border: 1px solid var(--financial-border);
  min-height: 7.25rem;
}
.expenses-management-page .financial-summary-grid .card-body,
.purchase-management-page .financial-summary-grid .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.875rem 1rem;
}
.expenses-management-page .icon-circle,
.purchase-management-page .icon-circle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.25rem;
  flex: 0 0 2.25rem;
  height: 2.25rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
}
.expenses-management-page .financial-workspace-card,
.purchase-management-page .financial-workspace-card {
  border: 1px solid var(--financial-border);
  min-height: 0 !important;
  overflow: hidden;
}
.expenses-management-page .financial-workspace-card > .card-header,
.purchase-management-page .financial-workspace-card > .card-header {
  background: var(--financial-surface);
  border-bottom: 1px solid var(--financial-border);
  min-height: 0;
  padding: 0 0.75rem;
}
.expenses-management-page .financial-workspace-card > .card-body,
.purchase-management-page .financial-workspace-card > .card-body {
  min-height: 0 !important;
  padding: 0 !important;
}
.expenses-management-page .card-header-tabs,
.purchase-management-page .card-header-tabs {
  gap: 0.125rem;
  margin: 0;
  min-height: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.expenses-management-page .card-header-tabs .nav-link,
.purchase-management-page .card-header-tabs .nav-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 0;
  border-left: 0;
  border-top: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 3rem;
  padding: 0.75rem 0.875rem;
  white-space: nowrap;
}
.expenses-management-page [data-expense-panel],
.expenses-management-page [data-purchase-panel],
.purchase-management-page [data-expense-panel],
.purchase-management-page [data-purchase-panel] {
  display: block;
  min-height: 0 !important;
  padding: 1rem;
}
.expenses-management-page [data-expense-panel].d-none,
.expenses-management-page [data-purchase-panel].d-none,
.purchase-management-page [data-expense-panel].d-none,
.purchase-management-page [data-purchase-panel].d-none {
  display: none !important;
}
.expenses-management-page .financial-panel-heading,
.purchase-management-page .financial-panel-heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.875rem;
}
.expenses-management-page .financial-panel-heading h5,
.expenses-management-page .financial-panel-heading p,
.purchase-management-page .financial-panel-heading h5,
.purchase-management-page .financial-panel-heading p {
  margin-bottom: 0;
}
.expenses-management-page .financial-filter-bar,
.purchase-management-page .financial-filter-bar {
  background: var(--financial-muted);
  border: 1px solid var(--financial-border);
  border-radius: 0.375rem;
  margin-bottom: 1rem !important;
  padding: 0.75rem;
}
.expenses-management-page .financial-filter-bar .form-label,
.purchase-management-page .financial-filter-bar .form-label {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.expenses-management-page .financial-table-shell,
.purchase-management-page .financial-table-shell {
  border: 1px solid var(--financial-border);
  border-radius: 0.375rem;
  overflow: hidden;
}
.expenses-management-page .financial-table-shell .table-responsive,
.purchase-management-page .financial-table-shell .table-responsive {
  min-height: 0 !important;
}
.expenses-management-page .financial-table-shell .table,
.purchase-management-page .financial-table-shell .table {
  margin-bottom: 0;
}
.expenses-management-page .financial-table-shell thead th,
.purchase-management-page .financial-table-shell thead th {
  background: var(--financial-muted);
  border-bottom-width: 1px;
  color: var(--falcon-700, #5e6e82);
  font-size: 0.72rem;
  letter-spacing: 0.015em;
  padding: 0.7rem 0.75rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.expenses-management-page .financial-table-shell tbody td,
.purchase-management-page .financial-table-shell tbody td {
  padding: 0.75rem;
  vertical-align: middle;
}
.expenses-management-page .financial-state,
.purchase-management-page .financial-state {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--falcon-600, #748194);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 8.5rem;
  padding: 1.5rem;
  text-align: center;
}
.expenses-management-page .financial-state .financial-state-icon,
.purchase-management-page .financial-state .financial-state-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--financial-muted);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.75rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.75rem;
}
.expenses-management-page .modal-dialog-scrollable .modal-body,
.purchase-management-page .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.purchase-management-page {
  --purchase-row-gap: 0.75rem;
}
.purchase-management-page .purchase-line {
  background: var(--financial-muted);
}
.purchase-management-page .purchase-total-box {
  min-width: 18rem;
}

@media (max-width: 767.98px) {
  .expenses-management-page .financial-page-header .btn,
  .purchase-management-page .financial-page-header .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .expenses-management-page [data-expense-panel],
  .expenses-management-page [data-purchase-panel],
  .purchase-management-page [data-expense-panel],
  .purchase-management-page [data-purchase-panel] {
    padding: 0.75rem;
  }
  .expenses-management-page .financial-panel-heading,
  .purchase-management-page .financial-panel-heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .expenses-management-page .financial-summary-grid .card,
  .purchase-management-page .financial-summary-grid .card {
    min-height: 6.5rem;
  }
  .purchase-management-page .purchase-total-box {
    min-width: 100%;
  }
}
/* ONE-KONEK Financial Operations Workspace v5.38.1 END */
/* ONE-KONEK HR & PAYROLL v5.40.0 */
.hr-payroll-page {
  --hr-section-gap: 0.875rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
  min-height: 0 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--hr-section-gap) !important;
}
.hr-payroll-page > :not(.modal):not(.toast-container):not(.offcanvas) {
  width: 100%;
  min-height: 0 !important;
  margin: 0 !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.hr-payroll-page > section {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.hr-payroll-page .page-header {
  padding: 0 !important;
}
.hr-payroll-page .hr-page-header .row {
  min-height: 0;
  row-gap: 0.75rem;
}
.hr-payroll-page .hr-page-header .breadcrumb {
  margin-bottom: 0.35rem !important;
}
.hr-payroll-page .hr-page-header h1 {
  line-height: 1.2;
}
.hr-payroll-page .hr-page-header .col-auto > .d-flex {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.hr-payroll-page .hr-records-notice {
  padding: 0.75rem 0.875rem;
}
.hr-payroll-page .hr-records-notice > span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.hr-payroll-page .hr-summary-section > .row {
  margin-top: 0;
  margin-bottom: 0;
}
.hr-payroll-page .hr-metric-card {
  height: 100%;
  min-height: 7.5rem;
}
.hr-payroll-page .hr-metric-card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.875rem 1rem;
}
.hr-payroll-page .hr-metric-card .card-body > .d-flex {
  width: 100%;
}
.hr-payroll-page .hr-icon-circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.65rem;
  height: 2.65rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.65rem;
  flex: 0 0 2.65rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
}
.hr-payroll-page .hr-workspace {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
}
.hr-payroll-page .hr-workspace > .card-header {
  padding: 0.75rem 1rem;
}
.hr-payroll-page .hr-attendance-actions {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.hr-payroll-page .hr-break-control {
  width: auto;
  min-width: 15.5rem;
}
.hr-payroll-page .hr-break-control .form-select {
  min-width: 7rem;
}
.hr-payroll-page .hr-workspace > .card-body {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.hr-payroll-page .hr-primary-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.hr-payroll-page .hr-primary-tabs .nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 2.65rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.65rem 0.8rem;
  white-space: nowrap;
}
.hr-payroll-page .tab-pane {
  height: auto !important;
  min-height: 0 !important;
}
.hr-payroll-page .table-responsive {
  max-width: 100%;
}
.hr-payroll-page .table th {
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 600;
}
.hr-payroll-page .table td {
  min-width: 7.25rem;
  vertical-align: middle;
}
.hr-payroll-page .hr-reason-cell {
  min-width: 15rem;
  max-width: 24rem;
  white-space: normal;
}
.hr-payroll-page .hr-attendance-summary {
  display: grid;
}
.hr-payroll-page .hr-summary-row {
  display: grid;
  grid-template-columns: minmax(7.5rem, 38%) minmax(0, 1fr);
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3rem;
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--falcon-border-color);
}
.hr-payroll-page .hr-summary-row:last-child {
  border-bottom: 0;
}
.hr-payroll-page .hr-summary-label {
  color: var(--falcon-gray-700);
  font-size: 0.8rem;
  font-weight: 600;
}
.hr-payroll-page .hr-summary-value {
  min-width: 0;
  color: var(--falcon-gray-900);
  text-align: left;
  overflow-wrap: anywhere;
}
.hr-payroll-page .hr-summary-row-status {
  background: var(--falcon-emphasis-bg);
}
.hr-payroll-page .hr-control-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 6rem;
  gap: 0.8rem;
  padding: 0.9rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  background: var(--falcon-emphasis-bg);
}
.hr-payroll-page .hr-control-note > span {
  margin-top: 0.2rem;
  font-size: 1.1rem;
}
.hr-payroll-page[aria-busy=true] {
  cursor: wait;
}
@media (max-width: 991.98px) {
  .hr-payroll-page .hr-page-header .col,
  .hr-payroll-page .hr-page-header .col-auto {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .hr-payroll-page .hr-page-header .col-auto > .d-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .hr-payroll-page .modal-dialog-scrollable .modal-body {
    max-height: calc(100vh - 12rem);
    overflow-y: auto;
  }
}
@media (max-width: 575.98px) {
  .hr-payroll-page {
    --hr-section-gap: 0.75rem;
  }
  .hr-payroll-page .hr-page-header .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .hr-payroll-page .hr-workspace > .card-header .col,
  .hr-payroll-page .hr-workspace > .card-header .col-auto {
    width: 100%;
  }
  .hr-payroll-page .hr-workspace > .card-header .d-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .hr-payroll-page .hr-attendance-actions,
  .hr-payroll-page .hr-break-control {
    width: 100%;
  }
  .hr-payroll-page .hr-attendance-actions > .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 0.5rem);
    flex: 1 1 calc(50% - 0.5rem);
  }
  .hr-payroll-page .hr-records-notice {
    padding: 0.7rem 0.75rem;
  }
  .hr-payroll-page .hr-summary-row {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }
  .hr-payroll-page .hr-summary-value {
    text-align: right;
  }
}

/* ONE-KONEK Global Page Header v5.49.5 */
.onekonek-global-hidden-breadcrumb,
.onekonek-auth-page .breadcrumb,
.onekonek-auth-page .onekonek-global-page-breadcrumb,
.onekonek-staff-roles-page .breadcrumb,
.onekonek-staff-roles-page .onekonek-global-page-breadcrumb {
  display: none !important;
}

.onekonek-auth-page .onekonek-auth-stack {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: min(100%, 22.5rem) !important;
  max-width: 22.5rem !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 1rem auto !important;
  padding: 0 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}

.onekonek-auth-page .onekonek-auth-brand-card,
.onekonek-auth-page .onekonek-auth-form-card {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0;
  border-radius: 0.5rem;
  background: var(--falcon-card-bg, var(--bs-body-bg, #fff));
}

.onekonek-auth-page .onekonek-auth-brand-card > .card-body,
.onekonek-auth-page .onekonek-auth-form-card > .card-body {
  min-height: 0 !important;
  height: auto !important;
  padding: 1.5rem !important;
}

.onekonek-auth-page .onekonek-auth-source {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.onekonek-auth-page .onekonek-auth-brand-card h1,
.onekonek-auth-page .onekonek-auth-brand-card h2,
.onekonek-auth-page .onekonek-auth-brand-card h3,
.onekonek-auth-page .onekonek-auth-brand-card h4,
.onekonek-auth-page .onekonek-auth-brand-card h5 {
  margin: 0.5rem 0 0.25rem;
  text-align: center;
}

.onekonek-global-page-flow > .onekonek-global-page-block {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
}

.onekonek-global-page-flow > .onekonek-global-page-block:last-child {
  margin-bottom: 0 !important;
}

.onekonek-global-page-flow > .onekonek-global-page-block-padding-reset {
  padding-top: 0 !important;
}

.onekonek-global-page-header-block > .onekonek-global-page-header-card {
  margin-bottom: 0 !important;
}

.onekonek-global-standard-page .onekonek-global-page-flow {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onekonek-global-standard-page .onekonek-global-page-canvas:not(.content) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onekonek-global-standard-page main .content.onekonek-global-page-canvas {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onekonek-global-standard-page .onekonek-global-page-canvas.onekonek-global-offset-content {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.onekonek-global-standard-page .onekonek-global-page-canvas > .container,
.onekonek-global-standard-page .onekonek-global-page-canvas > .container-fluid,
.onekonek-global-standard-page .onekonek-global-page-canvas > [data-page-content] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onekonek-global-standard-page .onekonek-global-page-canvas .card,
.onekonek-global-standard-page .onekonek-global-page-canvas .alert,
.onekonek-global-standard-page .onekonek-global-page-canvas .table-responsive,
.onekonek-global-standard-page .onekonek-global-page-canvas .tab-content,
.onekonek-global-standard-page .onekonek-global-page-canvas form {
  max-width: 100%;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onekonek-global-standard-page .onekonek-global-page-canvas .table-responsive {
  width: 100%;
}

.onekonek-global-standard-page main [data-layout-content] {
  max-width: none;
  min-width: 0;
}

.onekonek-global-standard-page body,
.onekonek-global-standard-page .onekonek-global-typography {
  font-family: var(--falcon-body-font-family, var(--bs-body-font-family, "Poppins", sans-serif));
  font-size: 0.875rem;
  line-height: 1.45;
}

.onekonek-global-standard-page .onekonek-global-page-canvas h1 {
  font-size: 1.5rem;
  line-height: 1.25;
}

.onekonek-global-standard-page .onekonek-global-page-canvas h2 {
  font-size: 1.25rem;
  line-height: 1.3;
}

.onekonek-global-standard-page .onekonek-global-page-canvas h3 {
  font-size: 1.125rem;
  line-height: 1.35;
}

.onekonek-global-standard-page .onekonek-global-page-canvas h4,
.onekonek-global-standard-page .onekonek-global-page-canvas h5,
.onekonek-global-standard-page .onekonek-global-page-canvas h6,
.onekonek-global-standard-page .onekonek-global-page-canvas .card-title {
  font-size: 1rem;
  line-height: 1.35;
}

.onekonek-global-standard-page .onekonek-global-page-canvas h1,
.onekonek-global-standard-page .onekonek-global-page-canvas h2,
.onekonek-global-standard-page .onekonek-global-page-canvas h3,
.onekonek-global-standard-page .onekonek-global-page-canvas h4,
.onekonek-global-standard-page .onekonek-global-page-canvas h5,
.onekonek-global-standard-page .onekonek-global-page-canvas h6 {
  font-family: inherit;
  font-weight: 600;
}

.onekonek-global-standard-page label,
.onekonek-global-standard-page .form-label,
.onekonek-global-standard-page .col-form-label,
.onekonek-global-standard-page .table thead th {
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
}

.onekonek-global-standard-page .btn,
.onekonek-global-standard-page .form-control,
.onekonek-global-standard-page .form-select,
.onekonek-global-standard-page .input-group-text,
.onekonek-global-standard-page .dropdown-item,
.onekonek-global-standard-page .nav-link,
.onekonek-global-standard-page .table tbody td {
  font-family: inherit;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.onekonek-global-standard-page .btn,
.onekonek-global-standard-page .form-control,
.onekonek-global-standard-page .form-select,
.onekonek-global-standard-page .input-group-text {
  min-height: 2rem;
}

.onekonek-global-standard-page .btn {
  padding: 0.375rem 0.75rem;
  font-weight: 500;
}

.onekonek-global-standard-page .btn-sm,
.onekonek-global-standard-page .form-control-sm,
.onekonek-global-standard-page .form-select-sm {
  min-height: 1.75rem;
  font-size: 0.75rem;
}

.onekonek-global-standard-page small,
.onekonek-global-standard-page .small,
.onekonek-global-standard-page .form-text,
.onekonek-global-standard-page .text-muted,
.onekonek-global-standard-page .text-500 {
  font-size: 0.75rem;
  line-height: 1.4;
}

.onekonek-global-standard-page .badge {
  font-family: inherit;
  font-size: 0.6875rem;
  line-height: 1.25;
}

.onekonek-global-standard-page .table tbody td {
  vertical-align: middle;
}

.onekonek-global-page-shell {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.onekonek-global-page-header-card {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
  overflow: visible !important;
  border: 0;
  border-radius: 0.5rem;
  background: var(--falcon-card-bg, var(--bs-body-bg, #fff));
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.onekonek-global-page-header-card > .card-body,
.onekonek-global-page-header-card > .onekonek-global-page-header-body {
  display: block;
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onekonek-global-page-header-card.onekonek-global-page-header-body {
  padding: 1rem 1.25rem !important;
}
.onekonek-global-page-header-card .onekonek-global-page-header-source {
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.onekonek-global-page-header-card .onekonek-global-page-header-source:not(.onekonek-global-page-header-layout):not(.ok-dashboard-page-header-row) {
  display: block !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
  -webkit-box-align: initial !important;
  -ms-flex-align: initial !important;
  align-items: initial !important;
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
}
.onekonek-global-page-header-card .onekonek-global-page-header-layout,
.onekonek-global-page-header-card .onekonek-global-page-header-body > .d-flex,
.onekonek-global-page-header-card .onekonek-global-page-header-body > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}
.onekonek-global-page-header-card .onekonek-global-page-header-main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 24rem;
  flex: 1 1 24rem;
  min-width: 0;
}
.onekonek-global-page-header-card .onekonek-global-page-header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.375rem;
  margin-right: auto;
}
.onekonek-global-page-header-card .onekonek-global-page-header-actions > * {
  margin: 0 !important;
}
.onekonek-global-page-header-card h1,
.onekonek-global-page-header-card h2,
.onekonek-global-page-header-card h3 {
  padding: 0;
  margin-bottom: 0.25rem;
  color: var(--falcon-heading-color, var(--bs-heading-color, #1f2937));
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}
.onekonek-global-page-header-card p,
.onekonek-global-page-header-card .text-muted,
.onekonek-global-page-header-card .text-500 {
  margin-bottom: 0;
}
.onekonek-global-page-header-card .breadcrumb {
  margin-bottom: 0.25rem;
  font-size: 0.8125rem;
}
.onekonek-global-page-header-card .btn {
  white-space: nowrap;
}
.onekonek-global-page-header-card .onekonek-global-page-header-actions {
  max-width: 100%;
}

.onekonek-global-page-breadcrumb + h1,
.onekonek-global-page-breadcrumb + h2,
.onekonek-global-page-breadcrumb + h3 {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .onekonek-global-page-header-card > .card-body,
  .onekonek-global-page-header-card > .onekonek-global-page-header-body {
    padding: 0.875rem 1rem !important;
  }
  .onekonek-global-page-header-card .onekonek-global-page-header-layout,
  .onekonek-global-page-header-card .onekonek-global-page-header-body > .d-flex,
  .onekonek-global-page-header-card .onekonek-global-page-header-body > .row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .onekonek-global-page-header-card .onekonek-global-page-header-actions {
    width: 100%;
    margin-right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .onekonek-global-page-header-card .onekonek-global-page-header-actions .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
/* ONE-KONEK Staff, HR, Payroll & Portal v5.50.4 */
#staffRolesApp,
#staffPortalApp {
  --staff-gap: 1rem;
}
#staffRolesApp .staff-access-header,
#staffRolesApp .staff-access-safeguard,
#staffRolesApp .staff-access-workspace,
#staffPortalApp .staff-access-header,
#staffPortalApp .staff-access-safeguard,
#staffPortalApp .staff-access-workspace {
  margin-bottom: var(--staff-gap) !important;
}
#staffRolesApp .staff-access-safeguard,
#staffPortalApp .staff-access-safeguard {
  font-size: 0.8125rem;
}
#staffRolesApp .staff-filter-panel,
#staffPortalApp .staff-filter-panel {
  background: var(--falcon-emphasis-bg, #fff);
}
#staffRolesApp .staff-directory-wrap,
#staffPortalApp .staff-directory-wrap {
  max-height: 34rem;
  min-height: 15rem;
}
#staffRolesApp .staff-directory-wrap thead,
#staffRolesApp .staff-permission-matrix thead,
#staffPortalApp .staff-directory-wrap thead,
#staffPortalApp .staff-permission-matrix thead {
  z-index: 2;
}
#staffRolesApp .staff-directory-wrap th,
#staffPortalApp .staff-directory-wrap th {
  white-space: nowrap;
  font-size: 0.78rem;
}
#staffRolesApp .staff-directory-wrap td,
#staffPortalApp .staff-directory-wrap td {
  min-width: 7.5rem;
  font-size: 0.8rem;
}
#staffRolesApp .staff-directory-wrap td:first-child,
#staffPortalApp .staff-directory-wrap td:first-child {
  min-width: 12rem;
}
#staffRolesApp .staff-tab-table,
#staffPortalApp .staff-tab-table {
  min-height: 14rem;
  max-height: 34rem;
}
#staffRolesApp .staff-permission-matrix,
#staffPortalApp .staff-permission-matrix {
  max-height: 27rem;
}
#staffRolesApp .staff-permission-matrix thead,
#staffPortalApp .staff-permission-matrix thead {
  position: sticky;
  top: 0;
}
#staffRolesApp .staff-permission-matrix th,
#staffPortalApp .staff-permission-matrix th {
  white-space: nowrap;
}
#staffRolesApp .staff-permission-matrix th:first-child,
#staffRolesApp .staff-permission-matrix td:first-child,
#staffPortalApp .staff-permission-matrix th:first-child,
#staffPortalApp .staff-permission-matrix td:first-child {
  min-width: 14rem;
}
#staffRolesApp .staff-permission-matrix .form-check-input,
#staffPortalApp .staff-permission-matrix .form-check-input {
  cursor: pointer;
}
#staffRolesApp .nav-tabs,
#staffPortalApp .nav-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
#staffRolesApp .nav-tabs .nav-link,
#staffPortalApp .nav-tabs .nav-link {
  white-space: nowrap;
}
#staffRolesApp .modal-dialog-centered,
#staffPortalApp .modal-dialog-centered {
  min-height: calc(100% - 2rem);
}
#staffRolesApp .staff-module-link,
#staffPortalApp .staff-module-link {
  min-height: 4.5rem;
  color: var(--falcon-body-color, #344050);
  background: var(--falcon-card-bg, #fff);
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
#staffRolesApp .staff-module-link:hover,
#staffRolesApp .staff-module-link:focus-visible,
#staffPortalApp .staff-module-link:hover,
#staffPortalApp .staff-module-link:focus-visible {
  color: var(--falcon-primary, #2c7be5);
  border-color: var(--falcon-primary, #2c7be5) !important;
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(44, 123, 229, 0.12);
  box-shadow: 0 0.25rem 0.75rem rgba(44, 123, 229, 0.12);
}
@media (max-width: 767.98px) {
  #staffRolesApp,
  #staffPortalApp {
    --staff-gap: 0.75rem;
  }
  #staffRolesApp .staff-directory-wrap,
  #staffPortalApp .staff-directory-wrap {
    max-height: 28rem;
  }
  #staffRolesApp .card-footer,
  #staffPortalApp .card-footer {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
  }
}

#staffAccountModal .modal-dialog,
#staffRoleModal .modal-dialog {
  width: calc(100% - 2rem);
  margin: 1rem auto;
  max-height: calc(100dvh - 2rem);
}
#staffAccountModal .modal-content,
#staffAccountModal .staff-modal-form,
#staffRoleModal .modal-content,
#staffRoleModal .staff-modal-form {
  max-height: calc(100dvh - 2rem);
  min-height: 0;
}
#staffAccountModal .staff-modal-form,
#staffRoleModal .staff-modal-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
#staffAccountModal .modal-header,
#staffAccountModal .modal-footer,
#staffRoleModal .modal-header,
#staffRoleModal .modal-footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#staffAccountModal .modal-body,
#staffRoleModal .modal-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

#staffAccountModal .modal-dialog {
  max-width: min(52rem, 100vw - 2rem);
}

#staffRoleModal .modal-dialog {
  max-width: min(74rem, 100vw - 2rem);
}
#staffRoleModal .staff-permission-matrix {
  max-height: min(42vh, 30rem);
  min-height: 14rem;
  overflow: auto;
}
#staffRoleModal .staff-permission-matrix thead {
  position: sticky;
  top: 0;
  z-index: 3;
}
#staffRoleModal .modal-footer {
  background: var(--falcon-card-bg, #fff);
  border-top: 1px solid var(--falcon-border-color, #d8e2ef);
}

@media (max-width: 767.98px) {
  #staffAccountModal .modal-dialog,
  #staffRoleModal .modal-dialog {
    width: calc(100% - 1rem);
    margin: 0.5rem auto;
    max-height: calc(100dvh - 1rem);
  }
  #staffAccountModal .modal-content,
  #staffAccountModal .staff-modal-form,
  #staffRoleModal .modal-content,
  #staffRoleModal .staff-modal-form {
    max-height: calc(100dvh - 1rem);
  }
  #staffRoleModal .staff-permission-matrix {
    max-height: 45vh;
    min-height: 12rem;
  }
}
#networkInfrastructureApp {
  --network-accent: var(--falcon-primary);
}
#networkInfrastructureApp .network-command-output,
#networkInfrastructureApp .network-script-output {
  background: var(--falcon-gray-100);
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  color: var(--falcon-primary);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.76rem;
  line-height: 1.55;
  margin: 0;
  overflow: auto;
  padding: 1rem;
  white-space: pre;
}
#networkInfrastructureApp .network-command-output {
  min-height: 8rem;
}
#networkInfrastructureApp .network-script-output {
  max-height: 30rem;
  min-height: 20rem;
}
#networkInfrastructureApp .table th {
  font-size: 0.72rem;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  white-space: nowrap;
}
#networkInfrastructureApp #routerNasTable [data-router-action] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
}
#networkInfrastructureApp #routerNasTable .router-nas-row {
  cursor: pointer;
}
#networkInfrastructureApp #routerNasTable .router-nas-row:focus-visible {
  outline: 2px solid var(--falcon-primary);
  outline-offset: -2px;
}
#networkInfrastructureApp #routerNasTable .router-nas-row:hover > * {
  background-color: rgba(44, 123, 229, 0.06);
}
@media (max-width: 767.98px) {
  #networkInfrastructureApp .network-live-summary .card-body {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
  #networkInfrastructureApp #routerNasTable {
    min-width: 54rem;
  }
}

#networkInfrastructureApp ~ #routerEditModal .modal-content {
  border: 0;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 1.25rem 3.5rem rgba(15, 39, 71, 0.24);
  box-shadow: 0 1.25rem 3.5rem rgba(15, 39, 71, 0.24);
}
#networkInfrastructureApp ~ #routerEditModal .form-control:-moz-read-only {
  background: var(--falcon-gray-100);
}
#networkInfrastructureApp ~ #routerEditModal .form-control:read-only {
  background: var(--falcon-gray-100);
}

#networkInfrastructureApp ~ #routerWizardModal {
  --router-wizard-accent: var(--falcon-primary);
}
#networkInfrastructureApp ~ #routerWizardModal .modal-dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 68rem;
  width: calc(100% - 2rem);
}
#networkInfrastructureApp ~ #routerWizardModal .modal-content {
  border: 0;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 1.5rem 4rem rgba(15, 39, 71, 0.25);
  box-shadow: 0 1.5rem 4rem rgba(15, 39, 71, 0.25);
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-header {
  background: linear-gradient(-135deg, var(--falcon-primary) 0%, #1769c2 100%);
  border: 0;
  color: #fff;
  padding: 1rem 1.25rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-header-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.75rem;
  flex: 0 0 2.75rem;
  font-size: 1.1rem;
  height: 2.75rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.75rem;
}
#networkInfrastructureApp ~ #routerWizardModal .modal-body {
  background: var(--falcon-body-bg);
  max-height: calc(100vh - 11.25rem);
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.25rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-progress-shell {
  background: var(--falcon-gray-100);
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.625rem;
  margin-bottom: 1.25rem;
  padding: 1rem 1.125rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-progress {
  display: grid !important;
  gap: 0.5rem;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--falcon-gray-500);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
  padding: 0 0.25rem;
  position: relative;
  text-align: center;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node::before {
  background: var(--falcon-border-color);
  content: "";
  height: 2px;
  right: -50%;
  position: absolute;
  left: 50%;
  top: 1.125rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node:first-child::before {
  display: none;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-number {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--falcon-gray-200);
  border: 2px solid var(--falcon-body-bg);
  border-radius: 50%;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.25rem;
  flex: 0 0 2.25rem;
  font-weight: 700;
  height: 2.25rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: background-color 0.18s ease, color 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: background-color 0.18s ease, color 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, -webkit-box-shadow 0.18s ease;
  width: 2.25rem;
  z-index: 1;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-number-check {
  display: none;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node small {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-active,
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-complete {
  color: var(--router-wizard-accent);
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-active .router-wizard-number,
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-complete .router-wizard-number {
  background: var(--router-wizard-accent);
  color: #fff;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-active .router-wizard-number {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(44, 123, 229, 0.15);
  box-shadow: 0 0 0 0.25rem rgba(44, 123, 229, 0.15);
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-complete .router-wizard-number-value {
  display: none;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-complete .router-wizard-number-check {
  display: inline-block;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-active small {
  font-weight: 700;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-complete::before,
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-node.is-active::before {
  background: var(--router-wizard-accent);
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-pane {
  min-height: 0;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-step-heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--falcon-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-step-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.75rem;
  flex: 0 0 2.75rem;
  font-size: 1rem;
  height: 2.75rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.75rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-readiness-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#networkInfrastructureApp ~ #routerWizardModal .router-readiness-item {
  background: var(--falcon-white);
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.625rem;
  min-width: 0;
  padding: 0.875rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-readiness-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  height: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-readiness-detail {
  overflow-wrap: anywhere;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-action-strip,
#networkInfrastructureApp ~ #routerWizardModal .router-service-option {
  background: var(--falcon-white);
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.625rem;
  padding: 0.875rem 1rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-service-option + .router-service-option {
  margin-top: 0.75rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-form-grid > [class*=col-] {
  min-width: 0;
}
#networkInfrastructureApp ~ #routerWizardModal .router-command-card {
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.625rem;
  overflow: hidden;
}
#networkInfrastructureApp ~ #routerWizardModal .router-command-card-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--falcon-gray-100);
  border-bottom: 1px solid var(--falcon-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.75rem 1rem;
}
#networkInfrastructureApp ~ #routerWizardModal .network-command-output,
#networkInfrastructureApp ~ #routerWizardModal .network-script-output {
  background: #0f1f33;
  border: 0;
  border-radius: 0;
  color: #d9edff;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.76rem;
  line-height: 1.55;
  margin: 0;
  overflow: auto;
  padding: 1rem;
  white-space: pre;
}
#networkInfrastructureApp ~ #routerWizardModal .network-command-output {
  min-height: 8rem;
}
#networkInfrastructureApp ~ #routerWizardModal .network-script-output {
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  max-height: 28rem;
  min-height: 18rem;
}
#networkInfrastructureApp ~ #routerWizardModal .router-wizard-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--falcon-white);
  border-top: 1px solid var(--falcon-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 0.875rem 1.25rem;
}
#networkInfrastructureApp ~ #routerWizardModal #routerTunnelResult .list-group-item {
  background: transparent;
}
@media (max-width: 991.98px) {
  #networkInfrastructureApp ~ #routerWizardModal .router-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  #networkInfrastructureApp ~ #routerWizardModal .modal-dialog {
    margin: 0.5rem auto;
    width: calc(100% - 1rem);
  }
  #networkInfrastructureApp ~ #routerWizardModal .modal-content {
    max-height: calc(100vh - 1rem);
  }
  #networkInfrastructureApp ~ #routerWizardModal .modal-body {
    max-height: calc(100vh - 10.75rem);
    padding: 1rem;
  }
  #networkInfrastructureApp ~ #routerWizardModal .router-wizard-progress-shell {
    padding: 0.875rem;
  }
  #networkInfrastructureApp ~ #routerWizardModal .router-wizard-progress {
    grid-template-columns: repeat(7, minmax(4.35rem, 1fr));
    overflow-x: auto;
    padding: 0.25rem 0 0.5rem;
    -ms-scroll-snap-type: x proximity;
    scroll-snap-type: x proximity;
  }
  #networkInfrastructureApp ~ #routerWizardModal .router-wizard-node {
    scroll-snap-align: center;
  }
  #networkInfrastructureApp ~ #routerWizardModal .router-wizard-node::before {
    display: none;
  }
  #networkInfrastructureApp ~ #routerWizardModal .router-readiness-grid {
    grid-template-columns: 1fr;
  }
  #networkInfrastructureApp ~ #routerWizardModal .router-wizard-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
  }
  #networkInfrastructureApp ~ #routerWizardModal .router-wizard-footer .btn {
    white-space: nowrap;
  }
}

#networkInfrastructureApp ~ #routerScriptModal .modal-dialog,
#networkInfrastructureApp ~ #routerDeleteModal .modal-dialog,
#networkInfrastructureApp ~ #networkSettingsModal .modal-dialog {
  margin-right: auto;
  margin-left: auto;
}
#networkInfrastructureApp ~ #routerScriptModal .modal-header.bg-primary,
#networkInfrastructureApp ~ #routerDeleteModal .modal-header.bg-primary,
#networkInfrastructureApp ~ #networkSettingsModal .modal-header.bg-primary {
  background-color: var(--falcon-primary) !important;
}

#networkInfrastructureApp ~ #routerDeleteModal .modal-dialog {
  max-width: 32rem;
  width: calc(100% - 2rem);
}

#products-services-page-root .products-services-header,
#billing-management-root > section:first-of-type > .billing-page-header-card {
  border: 1px solid var(--falcon-border-color) !important;
  border-radius: var(--ok-card-radius, 0.5rem) !important;
  background: var(--falcon-card-bg) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

#products-services-page-root .products-services-header > .card-body,
#billing-management-root > section:first-of-type > .billing-page-header-card > .card-body {
  padding: var(--ok-card-padding-y, 0.875rem) var(--ok-card-padding-x, 1rem) !important;
}

#products-services-page-root,
#billing-management-root {
  gap: var(--ok-page-gap, 0.75rem) !important;
}

#catalog-kpi-grid .card,
#billing-management-root > [aria-label="Invoice statistics"] .card {
  min-height: 7.75rem !important;
}

#catalog-operations-card .card-body {
  padding: 0.875rem 1rem;
}

#catalog-management-root > .card-header,
#billing-management-root .billing-filter-card > .card-header {
  padding: 0.75rem 1rem !important;
}

@media (max-width: 767.98px) {
  #products-services-page-root .products-services-header .d-flex:last-child,
  #billing-management-root .billing-page-header-card .col-lg-auto,
  #billing-management-root .billing-page-header-card .col-lg-auto > .d-flex {
    width: 100%;
  }
  #products-services-page-root .products-services-header .btn,
  #billing-management-root .billing-page-header-card .col-lg-auto .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
:root {
  --ok-finance-operations-layout-v55713: 1;
}

#payment-management-root,
#collection-management-root,
#isolation-management-root {
  --ok-page-gap: 0.75rem;
  --ok-card-radius: 0.5rem;
  --ok-card-padding-x: 1rem;
  --ok-card-padding-y: 0.875rem;
  gap: var(--ok-page-gap) !important;
  width: 100% !important;
  min-width: 0;
}

#payment-management-root > section:first-of-type > .card,
#collection-management-root > section:first-of-type > .card,
#isolation-management-root > .card:first-child {
  border: 1px solid var(--falcon-border-color) !important;
  border-radius: var(--ok-card-radius) !important;
  background: var(--falcon-card-bg) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

#payment-management-root > section:first-of-type > .card > .card-body,
#collection-management-root > section:first-of-type > .card > .card-body,
#isolation-management-root > .card:first-child > .card-body {
  padding: var(--ok-card-padding-y) var(--ok-card-padding-x) !important;
}

#payment-management-root > section:first-of-type .row,
#collection-management-root > section:first-of-type .row,
#isolation-management-root > .card:first-child .row {
  row-gap: 0.75rem !important;
}

#payment-management-root > section:first-of-type .col-lg-auto .d-flex,
#isolation-management-root > .card:first-child .col-lg-auto .d-flex {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#payment-management-root > [aria-label="Payment statistics"] .card,
#collection-management-root > [aria-label="Collection statistics"] .card,
#isolation-management-root > .row .card {
  min-height: 7.75rem !important;
  border: 1px solid var(--falcon-border-color);
  border-radius: var(--ok-card-radius);
  -webkit-box-shadow: var(--falcon-box-shadow-sm);
  box-shadow: var(--falcon-box-shadow-sm);
}

#payment-management-root > [aria-label="Payment statistics"] .card-body,
#collection-management-root > [aria-label="Collection statistics"] .card-body,
#isolation-management-root > .row .card-body {
  padding: 0.875rem 1rem !important;
}

#payment-management-root > [aria-label="Payment statistics"] .d-flex.mb-3,
#collection-management-root > [aria-label="Collection statistics"] .d-flex.mb-3 {
  margin-bottom: 0.75rem !important;
}

#payment-management-root > [aria-labelledby=payment-channels-title] > .card,
#payment-management-root > [aria-labelledby=payment-filters-title] > .card,
#payment-management-root > [aria-labelledby=payment-ledger-title] > .card,
#collection-management-root > section.card,
#collection-management-root > .row .card,
#isolation-management-root > .card:not(:first-child) {
  border-color: var(--falcon-border-color);
  border-radius: var(--ok-card-radius);
  -webkit-box-shadow: var(--falcon-box-shadow-sm);
  box-shadow: var(--falcon-box-shadow-sm);
}

#payment-management-root .card-header,
#collection-management-root .card-header,
#isolation-management-root .card-header {
  padding: 0.75rem 1rem !important;
}

#payment-management-root .card-body,
#collection-management-root .card-body,
#isolation-management-root .card-body {
  padding: 0.875rem 1rem;
}

#payment-management-root .card-footer,
#collection-management-root .card-footer,
#isolation-management-root .card-footer {
  padding: 0.625rem 1rem;
}

#payment-management-root > .alert,
#collection-management-root > .alert,
#isolation-management-root > .alert {
  margin: 0 !important;
  padding: 0.75rem 1rem;
  border-radius: var(--ok-card-radius);
}

#payment-management-root > [aria-labelledby=payment-filters-title] {
  margin-bottom: calc(var(--ok-page-gap) * -1) !important;
}

#payment-management-root > [aria-labelledby=payment-filters-title] > .card {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#payment-management-root > [aria-labelledby=payment-ledger-title] > .card {
  margin-top: -1px !important;
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

#isolation-management-root > .row + .card {
  margin-bottom: calc(var(--ok-page-gap) * -1) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#isolation-management-root > .row + .card + .card {
  margin-top: -1px !important;
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

#payment-management-root [aria-labelledby=payment-channels-title] .border {
  min-height: 9.25rem;
  border-color: var(--falcon-border-color) !important;
  border-radius: 0.5rem !important;
  background: var(--falcon-card-bg);
}

#payment-management-root [aria-labelledby=payment-channels-title] .border .mb-3 {
  margin-bottom: 0.75rem !important;
}

#payment-management-root .form-label,
#collection-management-root .form-label,
#isolation-management-root .form-label {
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
}

#payment-management-root .form-control,
#payment-management-root .form-select,
#payment-management-root .input-group-text,
#payment-management-root .btn,
#collection-management-root .form-control,
#collection-management-root .form-select,
#collection-management-root .input-group-text,
#collection-management-root .btn,
#isolation-management-root .form-control,
#isolation-management-root .form-select,
#isolation-management-root .input-group-text,
#isolation-management-root .btn {
  min-height: 2.25rem;
}

#payment-management-root .table-responsive,
#collection-management-root .table-responsive,
#isolation-management-root .table-responsive,
#isolation-eligibility-modal .table-responsive {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}

#payment-management-root .table-responsive::-webkit-scrollbar,
#collection-management-root .table-responsive::-webkit-scrollbar,
#isolation-management-root .table-responsive::-webkit-scrollbar,
#isolation-eligibility-modal .table-responsive::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

#payment-management-root .table-responsive::-webkit-scrollbar-thumb,
#collection-management-root .table-responsive::-webkit-scrollbar-thumb,
#isolation-management-root .table-responsive::-webkit-scrollbar-thumb,
#isolation-eligibility-modal .table-responsive::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.45);
  background-clip: padding-box;
}

#payment-management-root .table-responsive th,
#payment-management-root .table-responsive td,
#collection-management-root .table-responsive th,
#collection-management-root .table-responsive td,
#isolation-management-root .table-responsive th,
#isolation-management-root .table-responsive td {
  vertical-align: middle;
}

#payment-management-root .table-responsive th,
#collection-management-root .table-responsive th,
#isolation-management-root .table-responsive th {
  white-space: nowrap;
}

#collection-management-root [aria-labelledby=collection-breakdown-title],
#collection-management-root [aria-labelledby=collection-daily-title],
#collection-management-root [aria-labelledby=collection-method-title],
#collection-management-root [aria-labelledby=collection-branch-title],
#collection-management-root [aria-labelledby=collection-collector-title],
#collection-management-root [aria-labelledby=collection-recent-title] {
  min-width: 0;
  overflow: hidden;
}

#collection-management-root .nav-tabs,
#collection-management-root .nav-pills {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  scrollbar-width: thin;
}

#record-payment-modal .modal-dialog,
#payment-detail-modal .modal-dialog,
#reverse-payment-modal .modal-dialog,
#isolation-eligibility-modal .modal-dialog,
#isolation-create-modal .modal-dialog,
#isolation-detail-modal .modal-dialog,
#isolation-process-modal .modal-dialog,
#isolation-cancel-modal .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}

#record-payment-modal .modal-content,
#payment-detail-modal .modal-content,
#reverse-payment-modal .modal-content,
#isolation-eligibility-modal .modal-content,
#isolation-create-modal .modal-content,
#isolation-detail-modal .modal-content,
#isolation-process-modal .modal-content,
#isolation-cancel-modal .modal-content {
  max-height: calc(100vh - 2rem);
}

#record-payment-modal .modal-body,
#payment-detail-modal .modal-body,
#reverse-payment-modal .modal-body,
#isolation-eligibility-modal .modal-body,
#isolation-create-modal .modal-body,
#isolation-detail-modal .modal-body,
#isolation-process-modal .modal-body,
#isolation-cancel-modal .modal-body {
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

@media (max-width: 991.98px) {
  #payment-management-root > section:first-of-type .col-lg-auto,
  #payment-management-root > section:first-of-type .col-lg-auto .d-flex,
  #collection-management-root > section:first-of-type .col-lg-auto,
  #isolation-management-root > .card:first-child .col-lg-auto,
  #isolation-management-root > .card:first-child .col-lg-auto .d-flex {
    width: 100%;
  }
  #payment-management-root > section:first-of-type .col-lg-auto .d-flex,
  #isolation-management-root > .card:first-child .col-lg-auto .d-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  #payment-management-root,
  #collection-management-root,
  #isolation-management-root {
    --ok-page-gap: 0.75rem;
    --ok-card-padding-x: 0.75rem;
    --ok-card-padding-y: 0.75rem;
  }
  #payment-management-root > section:first-of-type .col-lg-auto .btn,
  #collection-management-root > section:first-of-type .col-lg-auto .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  #isolation-management-root > .card:first-child .col-lg-auto .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 0.5rem);
    flex: 1 1 calc(50% - 0.5rem);
  }
  #payment-management-root .form-label,
  #collection-management-root .form-label,
  #isolation-management-root .form-label {
    white-space: normal;
  }
  #payment-management-root [aria-labelledby=payment-channels-title] .border {
    min-height: 0;
  }
}
:root {
  --ok-operations-pages-layout-v55714: 1;
}

html body #network-overview-management-root,
html body .ok-smartolt-monitoring-page,
html body #gis-coverage-management-root,
html body #poles-equipment-management-root,
html body #service-tickets-management-root,
html body #service-advisories-management-root,
html body #general-settings-management-root {
  --ok-page-gap: 0.75rem;
  --ok-card-radius: 0.5rem;
  --ok-card-padding-x: 1rem;
  --ok-card-padding-y: 0.875rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: var(--ok-page-gap) !important;
  row-gap: var(--ok-page-gap) !important;
  width: 100% !important;
  min-width: 0;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html body #network-overview-management-root > section:first-of-type > .card,
html body .ok-smartolt-monitoring-page > section:first-of-type > .card,
html body #gis-coverage-management-root > section:first-of-type > .card,
html body #poles-equipment-management-root > section:first-of-type > .card,
html body #service-tickets-management-root > section:first-of-type > .card,
html body #service-advisories-management-root > section:first-of-type > .card,
html body #general-settings-management-root > section:first-of-type > .card {
  border: 1px solid var(--falcon-border-color) !important;
  border-radius: var(--ok-card-radius) !important;
  background: var(--falcon-card-bg) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body #network-overview-management-root > section:first-of-type > .card > .card-body,
html body .ok-smartolt-monitoring-page > section:first-of-type > .card > .card-body,
html body #gis-coverage-management-root > section:first-of-type > .card > .card-body,
html body #poles-equipment-management-root > section:first-of-type > .card > .card-body,
html body #service-tickets-management-root > section:first-of-type > .card > .card-body,
html body #service-advisories-management-root > section:first-of-type > .card > .card-body,
html body #general-settings-management-root > section:first-of-type > .card > .card-body {
  padding: var(--ok-card-padding-y) var(--ok-card-padding-x) !important;
}

html body #network-overview-management-root > section:first-of-type .row,
html body .ok-smartolt-monitoring-page > section:first-of-type .row,
html body #gis-coverage-management-root > section:first-of-type .row,
html body #poles-equipment-management-root > section:first-of-type .row,
html body #service-tickets-management-root > section:first-of-type .row,
html body #service-advisories-management-root > section:first-of-type .row,
html body #general-settings-management-root > section:first-of-type .row {
  row-gap: 0.75rem !important;
}

html body #network-overview-management-root > section:first-of-type .col-lg-auto .d-flex,
html body .ok-smartolt-monitoring-page > section:first-of-type .col-lg-auto .d-flex,
html body #gis-coverage-management-root > section:first-of-type .col-lg-auto .d-flex,
html body #poles-equipment-management-root > section:first-of-type .col-lg-auto .d-flex,
html body #service-tickets-management-root > section:first-of-type .col-lg-auto .d-flex,
html body #service-advisories-management-root > section:first-of-type .col-lg-auto .d-flex,
html body #general-settings-management-root > section:first-of-type .col-lg-auto .d-flex {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#network-overview-management-root > [aria-label$=statistics i] .card,
.ok-smartolt-monitoring-page > [aria-label$=statistics i] .card,
#gis-coverage-management-root > [aria-label$=statistics i] .card,
#poles-equipment-management-root > [aria-label$=statistics i] .card,
#service-tickets-management-root > [aria-label$=statistics i] .card,
#service-advisories-management-root > [aria-label$=statistics i] .card,
#general-settings-management-root > [aria-label="Configuration status"] .card {
  height: 100% !important;
  min-height: 7.75rem !important;
  border: 1px solid var(--falcon-border-color);
  border-radius: var(--ok-card-radius);
  -webkit-box-shadow: var(--falcon-box-shadow-sm);
  box-shadow: var(--falcon-box-shadow-sm);
}

#network-overview-management-root > [aria-label$=statistics i] .card-body,
.ok-smartolt-monitoring-page > [aria-label$=statistics i] .card-body,
#gis-coverage-management-root > [aria-label$=statistics i] .card-body,
#poles-equipment-management-root > [aria-label$=statistics i] .card-body,
#service-tickets-management-root > [aria-label$=statistics i] .card-body,
#service-advisories-management-root > [aria-label$=statistics i] .card-body,
#general-settings-management-root > [aria-label="Configuration status"] .card-body {
  padding: 0.875rem 1rem !important;
}

#network-overview-management-root > [aria-label$=statistics i] .d-flex.mb-3,
.ok-smartolt-monitoring-page > [aria-label$=statistics i] .d-flex.mb-3,
#gis-coverage-management-root > [aria-label$=statistics i] .d-flex.mb-3,
#poles-equipment-management-root > [aria-label$=statistics i] .d-flex.mb-3,
#service-tickets-management-root > [aria-label$=statistics i] .d-flex.mb-3,
#service-advisories-management-root > [aria-label$=statistics i] .d-flex.mb-3,
#general-settings-management-root > [aria-label="Configuration status"] .d-flex.mb-3 {
  margin-bottom: 0.75rem !important;
}

#network-overview-management-root > section:not(:first-of-type) > .card,
.ok-smartolt-monitoring-page > section:not(:first-of-type) > .card,
#gis-coverage-management-root > section:not(:first-of-type) > .card,
#poles-equipment-management-root > section:not(:first-of-type) > .card,
#service-tickets-management-root > section:not(:first-of-type) > .card,
#service-advisories-management-root > section:not(:first-of-type) > .card,
#general-settings-management-root > section.card,
#network-overview-management-root > .row .card,
.ok-smartolt-monitoring-page > .row .card,
#gis-coverage-management-root > .row .card,
#poles-equipment-management-root > .row .card,
#service-tickets-management-root > .row .card,
#service-advisories-management-root > .row .card {
  min-width: 0;
  border-color: var(--falcon-border-color);
  border-radius: var(--ok-card-radius);
  -webkit-box-shadow: var(--falcon-box-shadow-sm);
  box-shadow: var(--falcon-box-shadow-sm);
}

#network-overview-management-root .card-header,
.ok-smartolt-monitoring-page .card-header,
#gis-coverage-management-root .card-header,
#poles-equipment-management-root .card-header,
#service-tickets-management-root .card-header,
#service-advisories-management-root .card-header,
#general-settings-management-root .card-header {
  padding: 0.75rem 1rem !important;
}

#network-overview-management-root .card-body,
.ok-smartolt-monitoring-page .card-body,
#gis-coverage-management-root .card-body,
#poles-equipment-management-root .card-body,
#service-tickets-management-root .card-body,
#service-advisories-management-root .card-body,
#general-settings-management-root .card-body {
  padding: 0.875rem 1rem;
}

#network-overview-management-root .card-footer,
.ok-smartolt-monitoring-page .card-footer,
#gis-coverage-management-root .card-footer,
#poles-equipment-management-root .card-footer,
#service-tickets-management-root .card-footer,
#service-advisories-management-root .card-footer,
#general-settings-management-root .card-footer {
  padding: 0.625rem 1rem;
}

html body #network-overview-management-root > .alert,
html body .ok-smartolt-monitoring-page > .alert,
html body #gis-coverage-management-root > .alert,
html body #poles-equipment-management-root > .alert,
html body #service-tickets-management-root > .alert,
html body #service-advisories-management-root > .alert,
html body #general-settings-management-root > .alert {
  margin: 0 !important;
  padding: 0.75rem 1rem !important;
  border-radius: var(--ok-card-radius);
}

html body .ok-smartolt-monitoring-page > section[aria-labelledby=smartolt-filter-title],
html body #gis-coverage-management-root > section[aria-labelledby=gis-filter-title],
html body #poles-equipment-management-root > section[aria-labelledby=asset-filter-title],
html body #service-tickets-management-root > section[aria-labelledby=ticket-filter-title],
html body #service-advisories-management-root > section[aria-labelledby=advisory-filter-title] {
  margin-bottom: calc(var(--ok-page-gap) * -1) !important;
}

.ok-smartolt-monitoring-page > section[aria-labelledby=smartolt-filter-title] > .card,
#gis-coverage-management-root > section[aria-labelledby=gis-filter-title] > .card,
#poles-equipment-management-root > section[aria-labelledby=asset-filter-title] > .card,
#service-tickets-management-root > section[aria-labelledby=ticket-filter-title] > .card,
#service-advisories-management-root > section[aria-labelledby=advisory-filter-title] > .card {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ok-smartolt-monitoring-page > section[aria-labelledby=smartolt-filter-title] + section > .card,
#gis-coverage-management-root > section[aria-labelledby=gis-filter-title] + section > .card,
#poles-equipment-management-root > section[aria-labelledby=asset-filter-title] + section > .card,
#service-tickets-management-root > section[aria-labelledby=ticket-filter-title] + section > .card,
#service-advisories-management-root > section[aria-labelledby=advisory-filter-title] + section > .card {
  margin-top: -1px !important;
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

#network-overview-management-root [aria-labelledby=network-integration-title] .border {
  min-height: 9.25rem;
  border-color: var(--falcon-border-color) !important;
  border-radius: 0.5rem !important;
  background: var(--falcon-card-bg);
}

#network-overview-management-root .form-label,
.ok-smartolt-monitoring-page .form-label,
#gis-coverage-management-root .form-label,
#poles-equipment-management-root .form-label,
#service-tickets-management-root .form-label,
#service-advisories-management-root .form-label,
#general-settings-management-root .form-label {
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
}

#network-overview-management-root .form-control,
#network-overview-management-root .form-select,
#network-overview-management-root .input-group-text,
#network-overview-management-root .btn,
.ok-smartolt-monitoring-page .form-control,
.ok-smartolt-monitoring-page .form-select,
.ok-smartolt-monitoring-page .input-group-text,
.ok-smartolt-monitoring-page .btn,
#gis-coverage-management-root .form-control,
#gis-coverage-management-root .form-select,
#gis-coverage-management-root .input-group-text,
#gis-coverage-management-root .btn,
#poles-equipment-management-root .form-control,
#poles-equipment-management-root .form-select,
#poles-equipment-management-root .input-group-text,
#poles-equipment-management-root .btn,
#service-tickets-management-root .form-control,
#service-tickets-management-root .form-select,
#service-tickets-management-root .input-group-text,
#service-tickets-management-root .btn,
#service-advisories-management-root .form-control,
#service-advisories-management-root .form-select,
#service-advisories-management-root .input-group-text,
#service-advisories-management-root .btn,
#general-settings-management-root .form-control,
#general-settings-management-root .form-select,
#general-settings-management-root .input-group-text,
#general-settings-management-root .btn {
  min-height: 2.25rem;
}

#network-overview-management-root .table-responsive,
.ok-smartolt-monitoring-page .table-responsive,
#gis-coverage-management-root .table-responsive,
#poles-equipment-management-root .table-responsive,
#service-tickets-management-root .table-responsive,
#service-advisories-management-root .table-responsive,
#general-settings-management-root .table-responsive {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}

#network-overview-management-root .table-responsive::-webkit-scrollbar,
.ok-smartolt-monitoring-page .table-responsive::-webkit-scrollbar,
#gis-coverage-management-root .table-responsive::-webkit-scrollbar,
#poles-equipment-management-root .table-responsive::-webkit-scrollbar,
#service-tickets-management-root .table-responsive::-webkit-scrollbar,
#service-advisories-management-root .table-responsive::-webkit-scrollbar,
#general-settings-management-root .table-responsive::-webkit-scrollbar,
#general-settings-management-root .nav-tabs::-webkit-scrollbar,
#general-settings-management-root .nav-pills::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

#network-overview-management-root .table-responsive::-webkit-scrollbar-thumb,
.ok-smartolt-monitoring-page .table-responsive::-webkit-scrollbar-thumb,
#gis-coverage-management-root .table-responsive::-webkit-scrollbar-thumb,
#poles-equipment-management-root .table-responsive::-webkit-scrollbar-thumb,
#service-tickets-management-root .table-responsive::-webkit-scrollbar-thumb,
#service-advisories-management-root .table-responsive::-webkit-scrollbar-thumb,
#general-settings-management-root .table-responsive::-webkit-scrollbar-thumb,
#general-settings-management-root .nav-tabs::-webkit-scrollbar-thumb,
#general-settings-management-root .nav-pills::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.45);
  background-clip: padding-box;
}

#network-overview-management-root .table-responsive th,
.ok-smartolt-monitoring-page .table-responsive th,
#gis-coverage-management-root .table-responsive th,
#poles-equipment-management-root .table-responsive th,
#service-tickets-management-root .table-responsive th,
#service-advisories-management-root .table-responsive th,
#general-settings-management-root .table-responsive th {
  white-space: nowrap;
}

#network-overview-management-root .table-responsive th,
#network-overview-management-root .table-responsive td,
.ok-smartolt-monitoring-page .table-responsive th,
.ok-smartolt-monitoring-page .table-responsive td,
#gis-coverage-management-root .table-responsive th,
#gis-coverage-management-root .table-responsive td,
#poles-equipment-management-root .table-responsive th,
#poles-equipment-management-root .table-responsive td,
#service-tickets-management-root .table-responsive th,
#service-tickets-management-root .table-responsive td,
#service-advisories-management-root .table-responsive th,
#service-advisories-management-root .table-responsive td,
#general-settings-management-root .table-responsive th,
#general-settings-management-root .table-responsive td {
  vertical-align: middle;
}

#network-overview-management-root tbody > tr:only-child > td[colspan],
.ok-smartolt-monitoring-page tbody > tr:only-child > td[colspan],
#gis-coverage-management-root tbody > tr:only-child > td[colspan],
#poles-equipment-management-root tbody > tr:only-child > td[colspan],
#service-tickets-management-root tbody > tr:only-child > td[colspan],
#service-advisories-management-root tbody > tr:only-child > td[colspan],
#general-settings-management-root tbody > tr:only-child > td[colspan] {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

#general-settings-management-root .nav-tabs,
#general-settings-management-root .nav-pills,
#general-settings-management-root #settings-tabs {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

#general-settings-management-root > section[aria-labelledby=settings-workspace-title],
#general-settings-management-root > section[aria-labelledby=settings-history-title] {
  min-width: 0;
  overflow: hidden;
}

#network-overview-management-root .modal-dialog,
.ok-smartolt-monitoring-page .modal-dialog,
#gis-coverage-management-root .modal-dialog,
#poles-equipment-management-root .modal-dialog,
#service-tickets-management-root .modal-dialog,
#service-advisories-management-root .modal-dialog,
#general-settings-management-root .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}

#network-overview-management-root .modal-content,
.ok-smartolt-monitoring-page .modal-content,
#gis-coverage-management-root .modal-content,
#poles-equipment-management-root .modal-content,
#service-tickets-management-root .modal-content,
#service-advisories-management-root .modal-content,
#general-settings-management-root .modal-content {
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}

#network-overview-management-root .modal-body,
.ok-smartolt-monitoring-page .modal-body,
#gis-coverage-management-root .modal-body,
#poles-equipment-management-root .modal-body,
#service-tickets-management-root .modal-body,
#service-advisories-management-root .modal-body,
#general-settings-management-root .modal-body {
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

@media (max-width: 991.98px) {
  html body #network-overview-management-root > section:first-of-type .col-lg-auto,
  html body #network-overview-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body .ok-smartolt-monitoring-page > section:first-of-type .col-lg-auto,
  html body .ok-smartolt-monitoring-page > section:first-of-type .col-lg-auto .d-flex,
  html body #gis-coverage-management-root > section:first-of-type .col-lg-auto,
  html body #gis-coverage-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #poles-equipment-management-root > section:first-of-type .col-lg-auto,
  html body #poles-equipment-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #service-tickets-management-root > section:first-of-type .col-lg-auto,
  html body #service-tickets-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #service-advisories-management-root > section:first-of-type .col-lg-auto,
  html body #service-advisories-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #general-settings-management-root > section:first-of-type .col-lg-auto,
  html body #general-settings-management-root > section:first-of-type .col-lg-auto .d-flex {
    width: 100% !important;
  }
  html body #network-overview-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body .ok-smartolt-monitoring-page > section:first-of-type .col-lg-auto .d-flex,
  html body #gis-coverage-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #poles-equipment-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #service-tickets-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #service-advisories-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #general-settings-management-root > section:first-of-type .col-lg-auto .d-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  html body #network-overview-management-root,
  html body .ok-smartolt-monitoring-page,
  html body #gis-coverage-management-root,
  html body #poles-equipment-management-root,
  html body #service-tickets-management-root,
  html body #service-advisories-management-root,
  html body #general-settings-management-root {
    --ok-card-padding-x: 0.75rem;
    --ok-card-padding-y: 0.75rem;
  }
  html body #network-overview-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body .ok-smartolt-monitoring-page > section:first-of-type .col-lg-auto .d-flex,
  html body #gis-coverage-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #poles-equipment-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #service-tickets-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #service-advisories-management-root > section:first-of-type .col-lg-auto .d-flex,
  html body #general-settings-management-root > section:first-of-type .col-lg-auto .d-flex {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html body #network-overview-management-root > section:first-of-type .col-lg-auto .btn,
  html body .ok-smartolt-monitoring-page > section:first-of-type .col-lg-auto .btn,
  html body #gis-coverage-management-root > section:first-of-type .col-lg-auto .btn,
  html body #poles-equipment-management-root > section:first-of-type .col-lg-auto .btn,
  html body #service-tickets-management-root > section:first-of-type .col-lg-auto .btn,
  html body #service-advisories-management-root > section:first-of-type .col-lg-auto .btn,
  html body #general-settings-management-root > section:first-of-type .col-lg-auto .btn {
    width: auto !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 0.5rem);
    flex: 1 1 calc(50% - 0.5rem);
  }
  #network-overview-management-root .form-label,
  .ok-smartolt-monitoring-page .form-label,
  #gis-coverage-management-root .form-label,
  #poles-equipment-management-root .form-label,
  #service-tickets-management-root .form-label,
  #service-advisories-management-root .form-label,
  #general-settings-management-root .form-label {
    white-space: normal;
  }
  #network-overview-management-root [aria-labelledby=network-integration-title] .border {
    min-height: 0;
  }
}
/* ONE-KONEK-NAVBAR-PAGE-ILLUSTRATIONS-V5.57.15.1 */
:root {
  --ok-navbar-page-illustrations-v55715: 1;
}

.ok-page-header-illustrated {
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 0.9rem;
  -moz-column-gap: 0.9rem;
  column-gap: 0.9rem;
  row-gap: 0.75rem;
}

.ok-page-header-copy {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  min-width: 12rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 18rem;
  flex: 1 1 18rem;
}

.ok-page-header-illustration-slot {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7.25rem;
  flex: 0 0 7.25rem;
  width: 7.25rem;
  max-width: 7.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  padding-inline: 0;
}

.ok-page-header-actions {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.ok-page-header-illustration {
  width: 7.25rem;
  aspect-ratio: 4/3;
  -webkit-filter: drop-shadow(0 0.35rem 0.5rem rgba(42, 123, 228, 0.08));
  filter: drop-shadow(0 0.35rem 0.5rem rgba(42, 123, 228, 0.08));
}

.ok-page-header-illustration svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ok-page-illustration-wash {
  fill: var(--ok-illustration-wash);
}

.ok-page-illustration-screen,
.ok-page-illustration-side {
  fill: var(--falcon-card-bg, #fff);
  stroke: var(--ok-illustration-line);
  stroke-width: 3.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ok-page-illustration-screen-detail,
.ok-page-illustration-side-detail,
.ok-page-illustration-stand {
  fill: none;
  stroke: var(--ok-illustration-line);
  stroke-width: 3.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ok-page-illustration-glyph {
  fill: none;
  stroke: var(--ok-illustration-accent);
  stroke-width: 3.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ok-page-illustration-glyph rect:not(.ok-page-illustration-fill) {
  fill: color-mix(in srgb, var(--ok-illustration-wash) 48%, transparent);
}

.ok-page-illustration-fill,
.ok-page-illustration-dot {
  fill: var(--ok-illustration-accent);
  stroke: none;
}

.ok-page-illustration-spark {
  fill: var(--ok-illustration-wash);
  stroke: var(--ok-illustration-accent);
  stroke-width: 2;
}

[data-bs-theme=dark] .ok-page-illustration-screen,
[data-bs-theme=dark] .ok-page-illustration-side {
  fill: var(--falcon-gray-1000, #232e3c);
}

@media (max-width: 991.98px) {
  .ok-page-header-illustration-slot {
    -ms-flex-preferred-size: 6.25rem;
    flex-basis: 6.25rem;
    width: 6.25rem;
    max-width: 6.25rem;
  }
  .ok-page-header-illustration {
    width: 6.25rem;
  }
  .ok-page-header-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .ok-page-header-illustrated {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
  .ok-page-header-copy {
    -ms-flex-preferred-size: calc(100% - 5.5rem);
    flex-basis: calc(100% - 5.5rem);
  }
  .ok-page-header-illustration-slot {
    -ms-flex-preferred-size: 5rem;
    flex-basis: 5rem;
    width: 5rem;
    max-width: 5rem;
  }
  .ok-page-header-illustration {
    width: 5rem;
  }
  .ok-page-header-actions > .d-flex,
  .ok-page-header-actions.d-flex {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ok-page-header-illustration {
    -webkit-filter: none;
    filter: none;
  }
}
/* ONE-KONEK-DASHBOARD-STYLE-NAVBAR-PAGES-V5.57.16 */
:root {
  --ok-dashboard-style-navbar-pages-v55716: 1;
}

.ok-dashboard-style-page-header {
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.75rem;
  background: linear-gradient(-110deg, var(--falcon-card-bg) 0%, var(--falcon-card-bg) 70%, var(--falcon-primary-bg-subtle) 100%);
  -webkit-box-shadow: var(--falcon-box-shadow-sm);
  box-shadow: var(--falcon-box-shadow-sm);
}

.ok-dashboard-style-page-header-body {
  padding: 1rem 1.25rem;
}

.ok-dashboard-page-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
}

.ok-dashboard-page-header-row > * {
  padding-inline: 0;
}

.ok-dashboard-page-header-row .ok-page-header-copy {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 28rem;
  flex: 1 1 28rem;
  min-width: 15rem;
}

.ok-dashboard-page-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}

.ok-dashboard-page-time {
  font-size: 0.625rem;
}

.ok-dashboard-page-title {
  margin-bottom: 0.25rem !important;
  font-size: clamp(1.25rem, 1.15rem + 0.35vw, 1.65rem) !important;
  line-height: 1.2;
}

.ok-dashboard-page-description {
  max-width: 46rem;
  margin-bottom: 0.55rem !important;
  color: var(--falcon-gray-700) !important;
  font-size: 0.75rem !important;
  line-height: 1.45;
}

.ok-dashboard-page-chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.ok-dashboard-page-chips .badge {
  font-size: 0.625rem;
  font-weight: 500;
}

.ok-dashboard-page-actions-menu {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ok-dashboard-page-actions-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.35rem;
  height: 2.35rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
}

.ok-dashboard-page-actions-menu .dropdown-menu {
  min-width: 13.5rem;
  max-height: min(26rem, 100vh - 6rem);
  overflow-y: auto;
  border-radius: 0.65rem;
}

.ok-dashboard-page-actions-menu .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.55rem 0.85rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--falcon-body-color);
  font-size: 0.75rem;
  text-align: start;
  white-space: normal;
}

.ok-dashboard-page-actions-menu .dropdown-item:hover,
.ok-dashboard-page-actions-menu .dropdown-item:focus {
  background: var(--falcon-tertiary-bg);
  color: var(--falcon-primary);
}

.ok-dashboard-page-controls {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.ok-dashboard-page-header-row .ok-page-header-illustration-slot {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -ms-flex-preferred-size: 7.5rem;
  flex-basis: 7.5rem;
  width: 7.5rem;
  max-width: 7.5rem;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.ok-dashboard-page-header-row .ok-page-header-illustration {
  width: 7.5rem;
}

@media (max-width: 991.98px) {
  .ok-dashboard-style-page-header-body {
    padding: 1rem;
  }
  .ok-dashboard-page-header-row .ok-page-header-copy {
    -ms-flex-preferred-size: calc(100% - 8rem);
    flex-basis: calc(100% - 8rem);
  }
  .ok-dashboard-page-controls {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
  }
  .ok-dashboard-page-actions-menu {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .ok-dashboard-page-header-row .ok-page-header-illustration-slot {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 6.5rem;
    flex-basis: 6.5rem;
    width: 6.5rem;
    max-width: 6.5rem;
  }
  .ok-dashboard-page-header-row .ok-page-header-illustration {
    width: 6.5rem;
  }
}
@media (max-width: 575.98px) {
  .ok-dashboard-page-header-row {
    gap: 0.65rem;
  }
  .ok-dashboard-page-header-row .ok-page-header-copy {
    -ms-flex-preferred-size: calc(100% - 5.75rem);
    flex-basis: calc(100% - 5.75rem);
    min-width: 0;
  }
  .ok-dashboard-page-header-row .ok-page-header-illustration-slot {
    -ms-flex-preferred-size: 5rem;
    flex-basis: 5rem;
    width: 5rem;
    max-width: 5rem;
  }
  .ok-dashboard-page-header-row .ok-page-header-illustration {
    width: 5rem;
  }
  .ok-dashboard-page-actions-menu {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
  .ok-dashboard-page-actions-menu .dropdown-menu {
    position: fixed !important;
    inset: auto 0.75rem 0.75rem !important;
    width: auto;
    max-height: 55vh;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
}
/* ONE-KONEK-NAVBAR-LAYOUT-REPAIR-V5.57.17 */
:root {
  --ok-navbar-layout-repair-v55717: 1;
}

html body main[data-ok-dashboard-style-header="5.57.17"] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -ms-flex-line-pack: initial !important;
  align-content: initial !important;
}

html body main[data-ok-dashboard-style-header="5.57.17"] > .ok-dashboard-style-page-header {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin-block: 0 1rem !important;
  overflow: visible !important;
  border-top: 0.2rem solid var(--falcon-primary) !important;
}

html body .ok-dashboard-style-page-header > .ok-dashboard-style-page-header-body {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0.9rem 1rem !important;
  overflow: visible !important;
}

html body .ok-dashboard-style-page-header .ok-dashboard-page-header-row {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 6.75rem !important;
  max-height: none !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-flow: row nowrap !important;
  flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .ok-dashboard-page-header-row > .ok-page-header-copy {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
  width: auto !important;
  min-width: 12rem !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .ok-dashboard-page-header-row > .ok-dashboard-page-controls {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
}

html body .ok-dashboard-page-header-row > .ok-dashboard-page-actions-menu {
  position: relative !important;
  z-index: 5;
  -webkit-box-ordinal-group: 4 !important;
  -ms-flex-order: 3 !important;
  order: 3 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

html body .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 7rem !important;
  min-width: 7rem !important;
  max-width: 7rem !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 7rem !important;
  flex: 0 0 7rem !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .ok-dashboard-page-header-row .ok-page-header-illustration {
  width: 7rem !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

html body .ok-dashboard-page-actions-toggle {
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html body .ok-dashboard-page-actions-menu > .dropdown-menu {
  z-index: 1080;
  min-width: 14rem;
  max-width: min(22rem, 100vw - 2rem);
}

html body .ok-dashboard-page-actions-menu .ok-dashboard-page-action {
  min-height: 2.2rem;
}

html body .ok-dashboard-page-actions-menu .ok-dashboard-page-action.d-none {
  display: none !important;
}

html body main[data-ok-dashboard-style-header="5.57.17"] > * {
  max-width: 100%;
}

html body main[data-ok-dashboard-style-header="5.57.17"] .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

@media (max-width: 991.98px) {
  html body .ok-dashboard-style-page-header .ok-dashboard-page-header-row {
    min-height: 0 !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html body .ok-dashboard-page-header-row > .ok-page-header-copy {
    min-width: 0 !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 calc(100% - 7.5rem) !important;
    flex: 1 1 calc(100% - 7.5rem) !important;
  }
  html body .ok-dashboard-page-header-row > .ok-dashboard-page-controls {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
    width: 100% !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important;
  }
  html body .ok-dashboard-page-header-row > .ok-dashboard-page-actions-menu {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  html body .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
    width: 6rem !important;
    min-width: 6rem !important;
    max-width: 6rem !important;
    -ms-flex-preferred-size: 6rem !important;
    flex-basis: 6rem !important;
  }
  html body .ok-dashboard-page-header-row .ok-page-header-illustration {
    width: 6rem !important;
  }
}
@media (max-width: 575.98px) {
  html body .ok-dashboard-style-page-header > .ok-dashboard-style-page-header-body {
    padding: 0.8rem !important;
  }
  html body .ok-dashboard-page-header-row > .ok-page-header-copy {
    -ms-flex-preferred-size: calc(100% - 5rem) !important;
    flex-basis: calc(100% - 5rem) !important;
  }
  html body .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
    width: 4.25rem !important;
    min-width: 4.25rem !important;
    max-width: 4.25rem !important;
    -ms-flex-preferred-size: 4.25rem !important;
    flex-basis: 4.25rem !important;
  }
  html body .ok-dashboard-page-header-row .ok-page-header-illustration {
    width: 4.25rem !important;
  }
  html body .ok-dashboard-page-time {
    display: none;
  }
  html body .ok-dashboard-page-chips {
    display: none;
  }
}
/* ONE-KONEK-DASHBOARD-HEADER-ALIGNMENT-V5.57.18 */
:root {
  --ok-dashboard-header-alignment-v55718: 1;
}

html body main[data-ok-dashboard-style-header="5.57.18"] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-style-page-header {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 1rem !important;
  overflow: visible !important;
  border: 1px solid var(--falcon-border-color) !important;
  border-top: 0.2rem solid var(--falcon-primary) !important;
  border-radius: 0.65rem !important;
  background: linear-gradient(-110deg, var(--falcon-card-bg) 0%, var(--falcon-card-bg) 72%, var(--falcon-primary-bg-subtle) 100%) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 7rem !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-flow: row nowrap !important;
  flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  overflow: visible !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-style-page-header > .ok-dashboard-style-page-header-body {
  padding: 0.85rem 1rem !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-style-page-header > .ok-dashboard-style-page-header-body.ok-dashboard-page-header-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-page-header-copy {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
  width: auto !important;
  min-width: 15rem !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-dashboard-page-controls {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-dashboard-page-actions-menu {
  position: relative !important;
  z-index: 10;
  -webkit-box-ordinal-group: 4 !important;
  -ms-flex-order: 3 !important;
  order: 3 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 7.25rem !important;
  min-width: 7.25rem !important;
  max-width: 7.25rem !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 7.25rem !important;
  flex: 0 0 7.25rem !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-page-header-illustration {
  width: 7.25rem !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-actions-toggle {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-actions-menu > .dropdown-menu {
  z-index: 1080;
  min-width: 14rem;
  max-width: min(22rem, 100vw - 2rem);
}

html body main[data-ok-dashboard-style-header="5.57.18"] > * {
  max-width: 100%;
}

html body main[data-ok-dashboard-style-header="5.57.18"] .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

@media (max-width: 991.98px) {
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row {
    min-height: 0 !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-page-header-copy {
    min-width: 0 !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 calc(100% - 7rem) !important;
    flex: 1 1 calc(100% - 7rem) !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-dashboard-page-controls {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
    width: 100% !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-dashboard-page-actions-menu {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
    width: 5.75rem !important;
    min-width: 5.75rem !important;
    max-width: 5.75rem !important;
    -ms-flex-preferred-size: 5.75rem !important;
    flex-basis: 5.75rem !important;
  }
}
@media (max-width: 575.98px) {
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row {
    gap: 0.55rem !important;
    padding: 0.75rem !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-page-header-copy {
    -ms-flex-preferred-size: calc(100% - 4.75rem) !important;
    flex-basis: calc(100% - 4.75rem) !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
    width: 4rem !important;
    min-width: 4rem !important;
    max-width: 4rem !important;
    -ms-flex-preferred-size: 4rem !important;
    flex-basis: 4rem !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-page-header-illustration {
    width: 4rem !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-time,
  html body main[data-ok-dashboard-style-header="5.57.18"] .ok-dashboard-page-chips {
    display: none;
  }
}
/* ONE-KONEK-NAVBAR-PAGE-DIMENSIONS-V5.57.19 */
:root {
  --ok-navbar-page-dimensions-v55719: 1;
}

html body main[data-ok-dashboard-style-header="5.57.19"] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 1rem !important;
  background: transparent !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-style-page-header {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--falcon-border-color) !important;
  border-top: 0.2rem solid var(--falcon-primary) !important;
  border-radius: 0.65rem !important;
  background: linear-gradient(-110deg, color-mix(in srgb, var(--falcon-primary-bg-subtle) 46%, var(--falcon-body-bg)) 0%, var(--falcon-primary-bg-subtle) 100%) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 7rem !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-flow: row nowrap !important;
  flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  overflow: visible !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-style-page-header > .ok-dashboard-style-page-header-body {
  padding: 0.85rem 1rem !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-style-page-header > .ok-dashboard-style-page-header-body.ok-dashboard-page-header-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-page-header-copy {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
  width: auto !important;
  min-width: 15rem !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-dashboard-page-controls {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
  position: relative !important;
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 7.25rem !important;
  min-width: 7.25rem !important;
  max-width: 7.25rem !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 7.25rem !important;
  flex: 0 0 7.25rem !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-page-header-illustration-slot > .ok-dashboard-page-actions-menu {
  position: absolute !important;
  left: -0.15rem !important;
  bottom: -0.15rem !important;
  z-index: 10;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-page-header-illustration {
  width: 7.25rem !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-actions-toggle {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-actions-menu > .dropdown-menu {
  z-index: 1080;
  min-width: 14rem;
  max-width: min(22rem, 100vw - 2rem);
}

html body main[data-ok-dashboard-style-header="5.57.19"] > * {
  max-width: 100%;
}

html body main[data-ok-dashboard-style-header="5.57.19"] > .ok-navbar-page-section {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

html body [data-ok-navbar-page-host="5.57.19"] {
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body [data-ok-navbar-page-host="5.57.19"] > .ok-navbar-page-host-body {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section .card,
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section.card {
  min-width: 0;
  max-width: 100%;
  border-radius: 0.65rem;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section > .row {
  --falcon-gutter-y: 1rem;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section > .row > [class*=col-] {
  min-width: 0;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section > .row > [class*=col-] > .card {
  width: 100%;
  height: 100%;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section .card-header {
  padding: 0.8rem 1rem;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section .card-body {
  min-width: 0;
  min-height: 0;
  padding: 1rem;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section .card-footer {
  padding: 0.75rem 1rem;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section :is(.form-control, .form-select, .input-group, .btn) {
  max-width: 100%;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section :is(.form-control, .form-select, .input-group) {
  min-height: 2.25rem;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section .table {
  width: 100%;
  margin-bottom: 0;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .ok-navbar-page-section .table > :not(caption) > * > * {
  padding: 0.6rem 0.75rem;
  vertical-align: middle;
}

html body main[data-ok-dashboard-style-header="5.57.19"] .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

@media (max-width: 991.98px) {
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row {
    min-height: 0 !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-page-header-copy {
    min-width: 0 !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 calc(100% - 7rem) !important;
    flex: 1 1 calc(100% - 7rem) !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-dashboard-page-controls {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
    width: 100% !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-dashboard-page-actions-menu {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
    width: 5.75rem !important;
    min-width: 5.75rem !important;
    max-width: 5.75rem !important;
    -ms-flex-preferred-size: 5.75rem !important;
    flex-basis: 5.75rem !important;
  }
}
@media (max-width: 575.98px) {
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row {
    gap: 0.55rem !important;
    padding: 0.75rem !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-page-header-copy {
    -ms-flex-preferred-size: calc(100% - 4.75rem) !important;
    flex-basis: calc(100% - 4.75rem) !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
    width: 4rem !important;
    min-width: 4rem !important;
    max-width: 4rem !important;
    -ms-flex-preferred-size: 4rem !important;
    flex-basis: 4rem !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-page-header-illustration {
    width: 4rem !important;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-time,
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-chips {
    display: none;
  }
}
/* ONE-KONEK-DASHBOARD-HEADER-SURFACE-V5.57.20 */
:root {
  --ok-dashboard-header-surface-v55720: 1;
}

html body main[data-ok-dashboard-header-surface="5.57.20"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-header-transparent-host,
html body main[data-ok-dashboard-header-surface="5.57.20"] > .ok-navbar-page-section:not(.ok-dashboard-style-page-header):has(.ok-dashboard-style-page-header) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-header-transparent-host::before,
html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-header-transparent-host::after,
html body main[data-ok-dashboard-header-surface="5.57.20"] > .ok-navbar-page-section:not(.ok-dashboard-style-page-header):has(.ok-dashboard-style-page-header)::before,
html body main[data-ok-dashboard-header-surface="5.57.20"] > .ok-navbar-page-section:not(.ok-dashboard-style-page-header):has(.ok-dashboard-style-page-header)::after {
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-header-transparent-host > .ok-dashboard-style-page-header {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-style-page-header {
  width: 100% !important;
  min-height: 8.25rem !important;
  margin: 0 !important;
}

html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-page-header-row {
  min-height: 8.25rem !important;
}

@media (max-width: 991.98px) {
  html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-style-page-header,
  html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-page-header-row {
    min-height: 7rem !important;
  }
}
@media (max-width: 575.98px) {
  html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-style-page-header,
  html body main[data-ok-dashboard-header-surface="5.57.20"] .ok-dashboard-page-header-row {
    min-height: 0 !important;
  }
}
/* ONE-KONEK-MANAGEMENT-PAGE-RANGE-V5.57.21 */
:root {
  --ok-management-page-range-v55721: 1;
}

html body [data-ok-management-page-range="5.57.21"] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body [data-ok-management-page-range="5.57.21"] > .ok-management-range-section {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

html body [data-ok-management-page-range="5.57.21"] .ok-dashboard-header-transparent-host {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body [data-ok-management-page-range="5.57.21"] :is(.ok-dashboard-style-page-header, .ok-dashboard-page-header-row) {
  width: 100% !important;
  min-height: 8.25rem !important;
  margin: 0 !important;
}

html body [data-ok-management-page-range="5.57.21"] .ok-management-range-card {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 0;
  border-radius: 0.65rem;
}

html body [data-ok-management-page-range="5.57.21"] :is(.row, form.row) {
  --falcon-gutter-y: 1rem;
}

html body [data-ok-management-page-range="5.57.21"] .row > [class*=col-] {
  min-width: 0;
}

html body [data-ok-management-page-range="5.57.21"] .row > [class*=col-] > .card.h-100 {
  width: 100%;
  height: 100% !important;
}

html body [data-ok-management-page-range="5.57.21"] .card-header {
  min-height: 0;
  padding: 0.8rem 1rem;
}

html body [data-ok-management-page-range="5.57.21"] .card-body {
  min-width: 0;
  min-height: 0;
  padding: 1rem;
}

html body [data-ok-management-page-range="5.57.21"] .card-footer {
  min-height: 0;
  padding: 0.75rem 1rem;
}

html body [data-ok-management-page-range="5.57.21"] :is(.form-control, .form-select, .input-group, .btn) {
  max-width: 100%;
}

html body [data-ok-management-page-range="5.57.21"] :is(.form-control, .form-select, .input-group) {
  min-height: 2.25rem;
}

html body [data-ok-management-page-range="5.57.21"] .table-responsive {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

html body [data-ok-management-page-range="5.57.21"] .table {
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-bottom: 0;
}

html body [data-ok-management-page-range="5.57.21"] .table > :not(caption) > * > * {
  padding: 0.6rem 0.75rem;
  vertical-align: middle;
}

html body [data-ok-management-page-range="5.57.21"] .modal-dialog:not(.modal-sm) {
  width: min(100% - 2rem, 72rem);
  max-width: 72rem;
  margin-inline: auto;
}

html body [data-ok-management-page-range="5.57.21"] .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 2rem);
}

@media (max-width: 767.98px) {
  html body [data-ok-management-page-range="5.57.21"] {
    gap: 0.75rem !important;
  }
  html body [data-ok-management-page-range="5.57.21"] :is(.card-header, .card-body, .card-footer) {
    padding: 0.75rem;
  }
  html body [data-ok-management-page-range="5.57.21"] .modal-dialog:not(.modal-sm) {
    width: calc(100% - 1rem);
  }
  html body [data-ok-management-page-range="5.57.21"] :is(.ok-dashboard-style-page-header, .ok-dashboard-page-header-row) {
    min-height: 0 !important;
  }
}
/* ONE-KONEK-ALL-PAGE-HEADER-UNIFICATION-V5.57.22 */
:root {
  --ok-all-page-header-unification-v55722: 1;
}

html body .content .ok-unified-header-transparent-host,
html body .content > .ok-navbar-page-section:has(.ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"]) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .content .ok-unified-header-transparent-host::before,
html body .content .ok-unified-header-transparent-host::after {
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html body .content [data-ok-unified-page-header="5.57.22"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 8.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(7.5rem, 9rem) !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.75rem 1rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 8.25rem !important;
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
  border: 1px solid rgba(44, 123, 229, 0.18) !important;
  border-top: 2px solid #2c7be5 !important;
  border-radius: 0.625rem !important;
  background: linear-gradient(-105deg, #f5f9ff 0%, #dfebfb 100%) !important;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(18, 38, 63, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(18, 38, 63, 0.075) !important;
  overflow: visible !important;
}

html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] > .ok-unified-page-header-copy {
  grid-column: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] > .ok-unified-page-header-controls {
  grid-column: 2 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  max-width: 24rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] > .ok-unified-page-header-illustration {
  position: relative !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: stretch !important;
  justify-self: end !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  width: 8.5rem !important;
  min-width: 7.5rem !important;
  max-width: 9rem !important;
  min-height: 6rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .content .ok-unified-page-header-illustration .ok-page-header-illustration {
  width: 7.5rem !important;
  max-width: 100% !important;
  height: auto !important;
}

html body .content .ok-unified-page-header-illustration .ok-dashboard-page-actions-menu {
  position: absolute !important;
  left: 0 !important;
  bottom: 0.25rem !important;
  z-index: 5 !important;
  margin: 0 !important;
}

@media (max-width: 991.98px) {
  html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] {
    grid-template-columns: minmax(0, 1fr) 7rem !important;
    min-height: 7rem !important;
    padding: 0.875rem 1rem !important;
  }
  html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] > .ok-unified-page-header-controls {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    max-width: 100% !important;
  }
  html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] > .ok-unified-page-header-illustration {
    grid-column: 2 !important;
    grid-row: 1/span 2 !important;
    width: 7rem !important;
    min-width: 7rem !important;
  }
}
@media (max-width: 575.98px) {
  html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] {
    grid-template-columns: minmax(0, 1fr) 5.5rem !important;
    min-height: 0 !important;
    padding: 0.75rem !important;
  }
  html body .content .ok-dashboard-page-header-row[data-ok-unified-header-row="5.57.22"] > .ok-unified-page-header-illustration {
    width: 5.5rem !important;
    min-width: 5.5rem !important;
    min-height: 5rem !important;
  }
  html body .content .ok-unified-page-header-illustration .ok-page-header-illustration {
    width: 5rem !important;
  }
}
/* ONE-KONEK-ISP-OPERATIONS-PHASE1-V5.57.25 */
:root {
  --ok-isp-operations-phase1-v55725: 1;
}

.ok-isp-readiness {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--falcon-border-color);
  border-right: 0.25rem solid var(--falcon-warning);
  border-radius: 0.5rem;
  background: var(--falcon-gray-100);
}

.ok-isp-readiness[data-status=ready] {
  border-right-color: var(--falcon-success);
}

.ok-isp-readiness[data-status=error] {
  border-right-color: var(--falcon-danger);
}

.ok-isp-readiness-score {
  display: grid;
  place-items: center;
  width: 4.75rem;
  min-width: 4.75rem;
  height: 4.75rem;
  border: 0.4rem solid var(--falcon-primary);
  border-radius: 50%;
  background: var(--falcon-body-bg);
  line-height: 1.1;
}

.ok-isp-readiness-score strong {
  font-size: 1rem;
}

.ok-isp-readiness-score span {
  color: var(--falcon-gray-600);
  font-size: 0.6rem;
}

.ok-isp-readiness-checks {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.72rem;
}

.ok-isp-readiness-checks li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.45rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ok-isp-readiness-checks .is-passed {
  color: var(--falcon-success);
}

.ok-isp-readiness-checks .is-pending {
  color: var(--falcon-warning);
}

@media (max-width: 767.98px) {
  .ok-isp-readiness-checks {
    grid-template-columns: 1fr;
  }
}
/* ONE-KONEK-ISP-INTEGRATION-HEALTH-PHASE2-V5.57.26 */
:root {
  --ok-isp-integration-health-v55726: 1;
}

.ok-isp-integration-health {
  padding: 1rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  background: var(--falcon-body-bg);
}

.ok-isp-integration-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.ok-isp-integration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.ok-isp-connector-card {
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid var(--falcon-border-color);
  border-right: 0.22rem solid var(--falcon-gray-400);
  border-radius: 0.45rem;
  background: var(--falcon-gray-100);
}

.ok-isp-connector-card[data-status=ready] {
  border-right-color: var(--falcon-success);
}

.ok-isp-connector-card[data-status=attention] {
  border-right-color: var(--falcon-warning);
}

.ok-isp-connector-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 0.8rem;
}

.ok-isp-connector-counts > div {
  padding: 0.45rem;
  border-radius: 0.35rem;
  background: var(--falcon-body-bg);
  text-align: center;
}

.ok-isp-connector-requirements {
  margin: 0.75rem 0 0;
  padding-right: 1.1rem;
  color: var(--falcon-gray-600);
  font-size: 0.68rem;
}

.ok-isp-connector-requirements li + li {
  margin-top: 0.2rem;
}

@media (max-width: 991.98px) {
  .ok-isp-integration-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .ok-isp-integration-health {
    padding: 0.75rem;
  }
  .ok-isp-connector-counts {
    gap: 0.3rem;
  }
}
/* ONE-KONEK-NAVBAR-PAGE-STABILITY-V5.57.27 */
html[data-ok-navbar-page-stability="5.57.27"] {
  overflow-x: clip;
}
html[data-ok-navbar-page-stability="5.57.27"] body {
  overflow-x: clip;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] {
  width: auto;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: clip;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] > *,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] main,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] main > *,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .row,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] [class*=col-],
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .card,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .card-body {
  min-width: 0;
  max-width: 100%;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .table-responsive {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .ok-dashboard-style-page-header,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] [data-ok-unified-page-header] {
  width: 100%;
  min-height: 8.25rem;
  margin-inline: 0;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .ok-unified-header-transparent-host {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .btn-toolbar,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .ok-page-actions,
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .ok-filter-actions {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .subscriber-wizard-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow-x: visible;
}
html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .subscriber-wizard-step {
  min-width: 0;
}

@media (max-width: 767.98px) {
  html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .subscriber-wizard-steps {
    grid-template-columns: repeat(5, 7rem);
    overflow-x: auto;
  }
  html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] .ok-dashboard-style-page-header,
  html[data-ok-navbar-page-stability="5.57.27"] .content[data-ok-navbar-page-stability="5.57.27"] [data-ok-unified-page-header] {
    min-height: 7.5rem;
  }
}
/* ONE-KONEK-PLANS-CATALOG-LAYOUT-V5.57.28 */
#plan-management-root {
  --ok-plans-catalog-layout-v55728: 1;
}
#plan-management-root .ok-plan-kpi-card {
  min-height: 8.25rem;
}
#plan-management-root .ok-plan-kpi-card .card-body {
  padding: 1rem;
}
#plan-management-root .ok-plan-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.75rem;
  flex: 0 0 2.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
}
#plan-management-root .ok-plan-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 7.5rem;
  height: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: var(--falcon-border-radius);
  background: var(--falcon-card-bg);
  color: var(--falcon-body-color);
  font: inherit;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
}
#plan-management-root .ok-plan-operation:hover,
#plan-management-root .ok-plan-operation:focus-visible {
  border-color: rgba(var(--falcon-primary-rgb), 0.55);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, 0.08);
  box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, 0.08);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
#plan-management-root .ok-plan-operation > span:last-child {
  min-width: 0;
}
#plan-management-root .ok-plan-operation strong {
  font-size: 0.95rem;
}
#plan-management-root #plan-subscription-table-card {
  scroll-margin-top: 1rem;
}

@media (max-width: 767.98px) {
  #plan-management-root .ok-plan-kpi-card,
  #plan-management-root .ok-plan-operation {
    min-height: 0;
  }
}
/* ONE-KONEK-PLANS-PRODUCTS-SEPARATION-V5.57.29 */
:root {
  --ok-plans-products-separation-v55729: 1;
}

#plan-management-root,
#products-services-root {
  min-width: 0;
  width: 100%;
}

.ok-catalog-kpi {
  min-height: 8.25rem;
}

.ok-catalog-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.5rem;
  flex: 0 0 2.5rem;
  height: 2.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
}

.ok-catalog-operation {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: var(--falcon-body-bg, #fff);
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.375rem;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  min-height: 7.5rem;
  padding: 1rem;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
}

.ok-catalog-operation:hover,
.ok-catalog-operation:focus-visible {
  border-color: rgba(44, 123, 229, 0.55);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(28, 65, 104, 0.12);
  box-shadow: 0 0.25rem 0.75rem rgba(28, 65, 104, 0.12);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

#catalog-ledger-card .table-responsive {
  max-width: 100%;
  overflow-x: auto;
}

#catalog-ledger-card table {
  min-width: 58rem;
}

@media (max-width: 767.98px) {
  .ok-catalog-kpi,
  .ok-catalog-operation {
    min-height: auto;
  }
}
/* ONE-KONEK-PLANS-PRODUCTS-LAYOUT-V5.57.30 */
:root {
  --ok-plans-products-layout-v55730: 1;
}

#plan-management-root,
#products-services-root {
  gap: 0.75rem !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

#plan-management-root > .ok-navbar-page-section,
#products-services-root > .ok-navbar-page-section {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* The source buttons are moved into the dashboard-style ellipsis menu. */
#plan-management-root .ok-page-actions-source,
#products-services-root .ok-page-actions-source {
  visibility: hidden;
}

#plan-management-root .ok-dashboard-page-header-row,
#products-services-root .ok-dashboard-page-header-row {
  min-height: 8rem !important;
  padding: 0.875rem 1rem !important;
}

#plan-management-root .ok-page-header-copy,
#products-services-root .ok-page-header-copy {
  display: block !important;
  min-width: 0 !important;
}

#plan-management-root .ok-dashboard-page-title,
#products-services-root .ok-dashboard-page-title {
  margin: 0 0 0.2rem !important;
}

#plan-management-root .ok-dashboard-page-description,
#products-services-root .ok-dashboard-page-description {
  display: block !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0 0 0.45rem !important;
}

#plan-management-root .ok-unified-page-header-illustration,
#products-services-root .ok-unified-page-header-illustration {
  width: 7.5rem !important;
  min-width: 7.5rem !important;
  min-height: 5.75rem !important;
}

#plan-management-root .ok-dashboard-page-actions-menu,
#products-services-root .ok-dashboard-page-actions-menu {
  left: 0 !important;
  bottom: 0 !important;
}

#plan-management-root .ok-dashboard-page-actions-menu .dropdown-menu,
#products-services-root .ok-dashboard-page-actions-menu .dropdown-menu {
  min-width: 16rem;
}

#plan-management-root .ok-dashboard-page-action .fas,
#products-services-root .ok-dashboard-page-action .fas {
  width: 1.25rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.25rem;
  flex: 0 0 1.25rem;
  text-align: center;
}

#plan-management-root > section[aria-label="Plan catalog summary"] .row,
#products-services-root > section[aria-label="Products and services summary"] .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
}

#plan-management-root .ok-plan-kpi-card,
#products-services-root .ok-catalog-kpi {
  min-height: 7.25rem !important;
}

#plan-management-root .ok-plan-kpi-card .card-body,
#products-services-root .ok-catalog-kpi .card-body {
  padding: 0.875rem 1rem !important;
}

#plan-management-root .ok-plan-icon,
#products-services-root .ok-catalog-icon {
  width: 2.5rem;
  height: 2.5rem;
  -ms-flex-preferred-size: 2.5rem;
  flex-basis: 2.5rem;
}

#plan-management-root > .card,
#plan-management-root > section > .card,
#products-services-root > .card,
#products-services-root > section > .card {
  width: 100%;
  min-width: 0;
  height: auto !important;
  min-height: 0 !important;
}

#plan-management-root .card-header,
#products-services-root .card-header {
  padding: 0.75rem 1rem !important;
}

#plan-management-root .card-body,
#products-services-root .card-body {
  min-height: 0 !important;
}

#plan-management-root #plan-subscription-table-card,
#products-services-root #catalog-ledger-card {
  overflow: hidden;
}

#plan-management-root #plan-subscription-table-card .table-responsive,
#products-services-root #catalog-ledger-card .table-responsive {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

@media (max-width: 991.98px) {
  #plan-management-root .ok-dashboard-page-header-row,
  #products-services-root .ok-dashboard-page-header-row {
    min-height: 7rem !important;
  }
  #plan-management-root .ok-unified-page-header-illustration,
  #products-services-root .ok-unified-page-header-illustration {
    width: 6.5rem !important;
    min-width: 6.5rem !important;
  }
}
@media (max-width: 575.98px) {
  #plan-management-root,
  #products-services-root {
    gap: 0.625rem !important;
  }
  #plan-management-root .ok-dashboard-page-header-row,
  #products-services-root .ok-dashboard-page-header-row {
    min-height: 0 !important;
    padding: 0.75rem !important;
  }
  #plan-management-root .ok-unified-page-header-illustration,
  #products-services-root .ok-unified-page-header-illustration {
    width: 5.25rem !important;
    min-width: 5.25rem !important;
    min-height: 4.75rem !important;
  }
  #plan-management-root .ok-plan-kpi-card,
  #products-services-root .ok-catalog-kpi {
    min-height: 0 !important;
  }
  #plan-management-root .card-header,
  #plan-management-root .card-body,
  #products-services-root .card-header,
  #products-services-root .card-body {
    padding: 0.75rem !important;
  }
}
/* ONE-KONEK-PLANS-WORKSPACE-V5.57.31 */
:root {
  --ok-plans-workspace-v55731: 1;
}

#plan-management-root.ok-plans-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

#plan-management-root.ok-plans-page > .ok-navbar-page-section,
#plan-management-root.ok-plans-page > section,
#plan-management-root.ok-plans-page > .card {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

#plan-management-root .ok-plan-kpi-card {
  min-height: 7rem !important;
  border: 0;
  -webkit-box-shadow: var(--falcon-box-shadow-sm);
  box-shadow: var(--falcon-box-shadow-sm);
}

#plan-management-root .ok-plan-kpi-card .card-body {
  padding: 0.875rem !important;
}

#plan-management-root .ok-plan-health-card {
  border: 1px solid rgba(var(--falcon-primary-rgb), 0.14);
  background: linear-gradient(-100deg, rgba(var(--falcon-primary-rgb), 0.035), var(--falcon-card-bg));
}

#plan-management-root .ok-plan-health-card .card-body {
  padding: 0.75rem 1rem !important;
}

#plan-management-root .ok-plan-health-progress {
  height: 0.35rem;
}

#plan-management-root .ok-plan-sort {
  width: 12.5rem;
}

#plan-management-root > .card.mb-3,
#plan-management-root #plan-subscription-table-card {
  margin: 0 !important;
  border-radius: 0.65rem !important;
}

#plan-management-root #plan-subscription-table-card {
  overflow: hidden;
}

#plan-management-root #plan-load-error {
  border-radius: 0.5rem;
}

@media (max-width: 767.98px) {
  #plan-management-root.ok-plans-page {
    gap: 0.625rem !important;
  }
  #plan-management-root .ok-plan-kpi-card {
    min-height: 0 !important;
  }
  #plan-management-root .ok-plan-sort {
    width: 100%;
  }
}
/* ONE-KONEK-PLANS-LAYOUT-V5.57.31.2 */
:root {
  --ok-plans-layout-v557312: 1;
}

/* Plans-only intrinsic sizing repair. */
#plan-management-root.ok-plans-page > section[aria-label="Plan catalog summary"] {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 7rem !important;
  flex: 0 0 7rem !important;
  height: 7rem !important;
  min-height: 7rem !important;
  max-height: 7rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

#plan-management-root.ok-plans-page > section[aria-label="Plan catalog summary"] > .row,
#plan-management-root.ok-plans-page > section[aria-label="Plan catalog summary"] > .row > [class*=col-],
#plan-management-root.ok-plans-page .ok-plan-kpi-card {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 7rem !important;
}

#plan-management-root.ok-plans-page > .ok-plan-health-card {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 5rem !important;
  flex: 0 0 5rem !important;
  height: 5rem !important;
  min-height: 5rem !important;
  max-height: 5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

#plan-management-root.ok-plans-page > .ok-plan-health-card > .card-body {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0.75rem 1rem !important;
}

#plan-management-root.ok-plans-page > .ok-plan-health-card .row,
#plan-management-root.ok-plans-page > .ok-plan-health-card [class*=col-] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#plan-management-root.ok-plans-page > .card,
#plan-management-root.ok-plans-page > section:has(.card) {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

@media (max-width: 991.98px) {
  #plan-management-root.ok-plans-page > section[aria-label="Plan catalog summary"] {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  #plan-management-root.ok-plans-page > section[aria-label="Plan catalog summary"] > .row > [class*=col-],
  #plan-management-root.ok-plans-page .ok-plan-kpi-card {
    height: auto !important;
    min-height: 7rem !important;
    max-height: none !important;
  }
  #plan-management-root.ok-plans-page > .ok-plan-health-card {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible;
  }
}
/* ONE-KONEK-PLANS-UNIFIED-CARD-V5.57.31.3 */
:root {
  --ok-plans-unified-card-v557313: 1;
}

/* Plans-only combined filters and ledger. */
#plan-management-root.ok-plans-page #plan-subscription-table-card {
  overflow: visible !important;
  border-radius: 0.65rem !important;
}

#plan-management-root.ok-plans-page #plan-subscription-table-card > .card-header {
  border-radius: 0.65rem 0.65rem 0 0;
}

#plan-management-root.ok-plans-page #plan-subscription-table-card > .card-body.border-bottom {
  padding: 0.875rem 1rem !important;
}

#plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table th:last-child,
#plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table td:last-child {
  width: 4.5rem;
  min-width: 4.5rem;
  white-space: nowrap;
}

#plan-management-root.ok-plans-page #plan-subscription-table-card [data-plan-row-clickable=true] {
  cursor: pointer;
}

#plan-management-root.ok-plans-page #plan-subscription-table-card [data-plan-row-clickable=true]:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid var(--falcon-primary);
  outline-offset: -2px;
}

#plan-management-root.ok-plans-page .ok-plan-action-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 !important;
}

#plan-management-root.ok-plans-page #plan-subscription-table-card .dropdown-menu {
  min-width: 12.5rem;
  text-align: right;
}

#plan-management-root.ok-plans-page #plan-subscription-table-card .dropdown-item:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

@media (min-width: 992px) {
  #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-table-scroll {
    overflow: visible !important;
  }
}
@media (max-width: 767.98px) {
  #plan-management-root.ok-plans-page #plan-subscription-table-card > .card-header .row {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  #plan-management-root.ok-plans-page #plan-subscription-table-card > .card-body.border-bottom {
    padding: 0.75rem !important;
  }
}
/* ONE-KONEK-PLANS-CONTENT-HEIGHT-V5.57.31.4 */
:root {
  --ok-plans-content-height-v557314: 1;
}

/*
 * Plans-only intrinsic height guard. The shared navbar normalizers add
 * section classes at runtime; this card must never absorb remaining viewport
 * height or center its ledger vertically.
 */
html body #plan-management-root.ok-plans-page > section#plan-subscription-table-card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}

html body #plan-management-root.ok-plans-page > section#plan-subscription-table-card > :is(.card-header, .card-body, .card-footer) {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin-block: 0 !important;
}

html body #plan-management-root.ok-plans-page > section#plan-subscription-table-card > .card-body.p-0 {
  display: block !important;
  padding: 0 !important;
}

html body #plan-management-root.ok-plans-page > section#plan-subscription-table-card .plan-table-scroll,
html body #plan-management-root.ok-plans-page > section#plan-subscription-table-card .plan-subscription-table {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* ONE-KONEK-PLANS-FINAL-LAYOUT-V5.57.31.6 */
:root {
  --ok-plans-final-layout-v557316: 1;
}

/*
 * Final Plans-only layout boundary. The inline runtime guard in plan-page.js
 * protects this card from older shared section sizing rules; these styles own
 * its visual rhythm, table proportions, and responsive behavior.
 */
html body #plan-management-root.ok-plans-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
}

html body #plan-management-root.ok-plans-page > #plan-subscription-table-card.ok-subscription-plans-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--falcon-border-color) !important;
  border-radius: 0.65rem !important;
  background: var(--falcon-card-bg) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body #plan-management-root.ok-plans-page > #plan-subscription-table-card.ok-subscription-plans-card > :is(.card-header, .card-body, .card-footer) {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  margin: 0 !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

html body #plan-management-root.ok-plans-page > #plan-subscription-table-card > .card-header {
  padding: 0.875rem 1rem !important;
  border-bottom: 1px solid var(--falcon-border-color) !important;
  border-radius: 0.65rem 0.65rem 0 0 !important;
  background: var(--falcon-card-bg) !important;
}

html body #plan-management-root.ok-plans-page > #plan-subscription-table-card > .card-body.border-bottom {
  padding: 0.875rem 1rem !important;
  border-bottom: 1px solid var(--falcon-border-color) !important;
}

html body #plan-management-root.ok-plans-page > #plan-subscription-table-card > .card-body.p-0 {
  display: block !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-table-scroll {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table {
  width: 100% !important;
  min-width: 60rem !important;
  height: auto !important;
  margin: 0 !important;
  table-layout: fixed;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table :is(th, td) {
  padding: 0.65rem 0.8rem !important;
  vertical-align: middle !important;
  overflow-wrap: anywhere;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table :is(th, td):nth-child(1) {
  width: 24%;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table :is(th, td):nth-child(2) {
  width: 13%;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table :is(th, td):nth-child(3) {
  width: 20%;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table :is(th, td):nth-child(4) {
  width: 33%;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table :is(th, td):nth-child(5) {
  width: 10%;
  min-width: 4.5rem;
  text-align: left;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card > .card-footer {
  padding: 0.65rem 1rem !important;
  border-radius: 0 0 0.65rem 0.65rem !important;
}

html body #plan-management-root.ok-plans-page #plan-subscription-table-card :is(#plan-loading, #plan-empty-state) {
  min-height: 0 !important;
  margin: 0 !important;
}

@media (max-width: 767.98px) {
  html body #plan-management-root.ok-plans-page {
    gap: 0.625rem !important;
  }
  html body #plan-management-root.ok-plans-page > #plan-subscription-table-card > :is(.card-header, .card-body.border-bottom, .card-footer) {
    padding: 0.75rem !important;
  }
  html body #plan-management-root.ok-plans-page #plan-subscription-table-card .plan-subscription-table {
    min-width: 56rem !important;
  }
}
/* ONE-KONEK-PRODUCTS-SERVICES-FINAL-LAYOUT-V5.57.32.1 */
:root {
  --ok-products-services-final-layout-v557321: 1;
}

/* Products & Services only: intrinsic catalog flow and table proportions. */
html body #products-services-root.ok-management-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
}

html body #products-services-root.ok-management-page > #products-services-summary.ok-products-services-summary {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body #products-services-root.ok-management-page > #products-services-summary > .row {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: normal !important;
  align-content: normal !important;
  margin-top: 0 !important;
}

html body #products-services-root.ok-management-page > #products-services-summary > .row > [class*=col-] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #products-services-root.ok-management-page > #products-services-summary .ok-catalog-kpi {
  width: 100% !important;
  height: 100% !important;
  min-height: 7.25rem !important;
  margin: 0 !important;
}

html body #products-services-root.ok-management-page > #catalog-ledger-card.ok-products-services-catalog-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--falcon-border-color) !important;
  border-radius: 0.65rem !important;
  background: var(--falcon-card-bg) !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body #products-services-root.ok-management-page > #catalog-ledger-card > :is(.card-header, .card-body, .card-footer) {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  margin: 0 !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

html body #products-services-root.ok-management-page > #catalog-ledger-card > .card-footer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
}

html body #products-services-root.ok-management-page > #catalog-ledger-card > .card-header {
  padding: 0.875rem 1rem !important;
  border-bottom: 1px solid var(--falcon-border-color) !important;
  border-radius: 0.65rem 0.65rem 0 0 !important;
  background: var(--falcon-card-bg) !important;
}

html body #products-services-root.ok-management-page > #catalog-ledger-card > .card-body.border-bottom {
  padding: 0.875rem 1rem !important;
  border-bottom: 1px solid var(--falcon-border-color) !important;
}

html body #products-services-root.ok-management-page > #catalog-ledger-card > .card-body.p-0 {
  padding: 0 !important;
  overflow: visible !important;
}

html body #products-services-root.ok-management-page #catalog-ledger-card :is(#catalog-loading, #catalog-empty) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

html body #products-services-root.ok-management-page #catalog-ledger-card #catalog-table-wrap {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table {
  width: 100% !important;
  min-width: 60rem !important;
  height: auto !important;
  margin: 0 !important;
  table-layout: fixed;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table :is(th, td) {
  padding: 0.65rem 0.8rem !important;
  vertical-align: middle !important;
  overflow-wrap: anywhere;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table :is(th, td):nth-child(1) {
  width: 27%;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table :is(th, td):nth-child(2) {
  width: 15%;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table :is(th, td):nth-child(3) {
  width: 15%;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table :is(th, td):nth-child(4) {
  width: 18%;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table :is(th, td):nth-child(5) {
  width: 13%;
}

html body #products-services-root.ok-management-page #catalog-ledger-card table :is(th, td):nth-child(6) {
  width: 12%;
  min-width: 5rem;
  text-align: left;
}

html body #products-services-root.ok-management-page #catalog-ledger-card > .card-footer {
  padding: 0.65rem 1rem !important;
  border-radius: 0 0 0.65rem 0.65rem !important;
}

@media (max-width: 767.98px) {
  html body #products-services-root.ok-management-page {
    gap: 0.625rem !important;
  }
  html body #products-services-root.ok-management-page > #catalog-ledger-card > :is(.card-header, .card-body.border-bottom, .card-footer) {
    padding: 0.75rem !important;
  }
  html body #products-services-root.ok-management-page #catalog-ledger-card table {
    min-width: 56rem !important;
  }
}
/* ONE-KONEK-PAYMENTS-FINAL-LAYOUT-V5.57.33.0 */
:root {
  --ok-payments-final-layout-v557330: 1;
}

/* Payments only: compact intrinsic page flow after shared normalization. */
html body #payment-management-root.ok-management-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
}

html body #payment-management-root.ok-management-page > :is(.ok-payment-header-section,
.ok-payment-summary,
.ok-payment-channels,
.ok-payment-filters,
.ok-payment-ledger) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove the legacy white shell around the dashboard-style page header. */
html body #payment-management-root.ok-management-page > .ok-payment-header-section,
html body #payment-management-root.ok-management-page > .ok-payment-header-section > .card,
html body #payment-management-root.ok-management-page > .ok-payment-header-section > .card > .card-body {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-header-section .ok-dashboard-page-header-row {
  margin: 0 !important;
  border: 1px solid var(--falcon-border-color) !important;
  border-top: 0.2rem solid var(--falcon-primary) !important;
  border-radius: 0.65rem !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body #payment-management-root.ok-management-page > #payment-summary > .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

html body #payment-management-root.ok-management-page > #payment-summary > .row > [class*=col-] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #payment-management-root.ok-management-page > #payment-summary .card {
  width: 100% !important;
  height: 100% !important;
  min-height: 7.5rem !important;
  margin: 0 !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-channels > .card,
html body #payment-management-root.ok-management-page > .ok-payment-filters > .card,
html body #payment-management-root.ok-management-page > .ok-payment-ledger > .card {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-channels .card-body {
  padding: 0.75rem 1rem !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-channels .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
}

html body #payment-management-root.ok-management-page > .ok-payment-channels .border {
  min-height: 8.5rem !important;
  padding: 0.875rem !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-verification-rule {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0.75rem 1rem !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-filters {
  margin-bottom: -0.75rem !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-filters > .card {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-ledger > .card {
  margin-top: -1px !important;
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-filters .card-body {
  padding: 0.75rem 1rem !important;
}

html body #payment-management-root.ok-management-page #payment-filter-form .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
}

html body #payment-management-root.ok-management-page > .ok-payment-ledger .card-body {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-ledger .table-responsive {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-ledger table {
  width: 100% !important;
  min-width: 74rem !important;
  height: auto !important;
  margin: 0 !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-ledger table :is(th, td) {
  padding: 0.6rem 0.75rem !important;
  vertical-align: middle !important;
}

html body #payment-management-root.ok-management-page > .ok-payment-ledger .card-footer {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0.625rem 1rem !important;
}

@media (max-width: 767.98px) {
  html body #payment-management-root.ok-management-page {
    gap: 0.625rem !important;
  }
  html body #payment-management-root.ok-management-page > .ok-payment-filters {
    margin-bottom: -0.625rem !important;
  }
  html body #payment-management-root.ok-management-page > .ok-payment-channels .border,
  html body #payment-management-root.ok-management-page > #payment-summary .card {
    min-height: 0 !important;
  }
  html body #payment-management-root.ok-management-page > .ok-payment-ledger table {
    min-width: 70rem !important;
  }
}
/* ONE-KONEK-COLLECTIONS-FINAL-LAYOUT-V5.57.34.0 */
:root {
  --ok-collections-final-layout-v557340: 1;
}

html body #collection-management-root.ok-management-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
}

html body #collection-management-root.ok-management-page > :is(.ok-collection-header-section,
.ok-collection-summary,
.ok-collection-filters,
.ok-collection-exceptions,
.ok-collection-breakdown,
.ok-collection-ledger) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove only the outer white host; retain the unified blue header surface. */
html body #collection-management-root.ok-management-page > .ok-collection-header-section,
html body #collection-management-root.ok-management-page > .ok-collection-header-section > .card,
html body #collection-management-root.ok-management-page > .ok-collection-header-section > .card > .card-body {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-header-section .ok-dashboard-page-header-row {
  margin: 0 !important;
  border: 1px solid var(--falcon-border-color) !important;
  border-top: 0.2rem solid var(--falcon-primary) !important;
  border-radius: 0.65rem !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-live-notice {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0.625rem 0.875rem !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-filters,
html body #collection-management-root.ok-management-page > .ok-collection-exceptions,
html body #collection-management-root.ok-management-page > .ok-collection-breakdown,
html body #collection-management-root.ok-management-page > .ok-collection-ledger {
  overflow: hidden !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-filters :is(.card-header, .card-body) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-filters .card-header {
  padding: 0.75rem 1rem !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-filters .card-body {
  padding: 0.75rem 1rem !important;
}

html body #collection-management-root.ok-management-page #collection-filter-form .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
}

html body #collection-management-root.ok-management-page > .ok-collection-summary > .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-summary > .row > [class*=col-] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-summary .card {
  width: 100% !important;
  height: 100% !important;
  min-height: 7.5rem !important;
  margin: 0 !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-exceptions .card-body {
  padding: 0.75rem 1rem !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-breakdown .card-header {
  padding: 0.75rem 1rem 0 !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-breakdown .nav-tabs {
  gap: 0.125rem;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  scrollbar-width: thin;
}

html body #collection-management-root.ok-management-page > .ok-collection-breakdown .nav-link {
  white-space: nowrap;
}

html body #collection-management-root.ok-management-page > .ok-collection-breakdown .tab-content,
html body #collection-management-root.ok-management-page > .ok-collection-breakdown .tab-pane.active {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #collection-management-root.ok-management-page .table-responsive {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-inline: contain;
}

html body #collection-management-root.ok-management-page :is(.ok-collection-breakdown, .ok-collection-ledger) table {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

html body #collection-management-root.ok-management-page > .ok-collection-ledger table {
  min-width: 72rem !important;
}

html body #collection-management-root.ok-management-page :is(.ok-collection-breakdown, .ok-collection-ledger) :is(th, td) {
  padding: 0.6rem 0.75rem !important;
  vertical-align: middle !important;
}

@media (max-width: 767.98px) {
  html body #collection-management-root.ok-management-page {
    gap: 0.625rem !important;
  }
  html body #collection-management-root.ok-management-page > .ok-collection-summary .card {
    min-height: 0 !important;
  }
  html body #collection-management-root.ok-management-page > .ok-collection-ledger table {
    min-width: 68rem !important;
  }
}
/* ONE-KONEK-ISOLATION-FINAL-LAYOUT-V5.57.35.1 */
:root {
  --ok-isolation-final-layout-v557350: 1;
}

html body #isolation-management-root.ok-management-page {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  margin: 0 !important;
}

html body #isolation-management-root.ok-management-page > :is(.ok-isolation-header-section,
.ok-isolation-processing-rule,
.ok-isolation-summary,
.ok-isolation-filters,
.ok-isolation-queue) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove only the white host around the unified blue page header. */
html body #isolation-management-root.ok-management-page > .ok-isolation-header-section,
html body #isolation-management-root.ok-management-page > .ok-isolation-header-section > .card,
html body #isolation-management-root.ok-management-page > .ok-isolation-header-section > .card > .card-body {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-header-section .ok-dashboard-page-header-row {
  margin: 0 !important;
  border: 1px solid var(--falcon-border-color) !important;
  border-top: 0.2rem solid var(--falcon-primary) !important;
  border-radius: 0.65rem !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm) !important;
  box-shadow: var(--falcon-box-shadow-sm) !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-processing-rule {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 0.625rem 0.875rem !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-summary > .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-summary > .row > [class*=col-] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-summary .card {
  width: 100% !important;
  height: 100% !important;
  min-height: 6.5rem !important;
  margin: 0 !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-summary .card-body {
  padding: 0.875rem !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-filters {
  margin-bottom: -0.75rem !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  overflow: visible !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-queue {
  margin-top: -1px !important;
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  overflow: visible !important;
}

html body #isolation-management-root.ok-management-page > :is(.ok-isolation-filters, .ok-isolation-queue) > :is(.card-header, .card-body, .card-footer) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body #isolation-management-root.ok-management-page > .ok-isolation-filters :is(.card-header, .card-body),
html body #isolation-management-root.ok-management-page > .ok-isolation-queue :is(.card-header, .card-footer) {
  padding: 0.75rem 1rem !important;
}

html body #isolation-management-root.ok-management-page #isolation-filter-form .row {
  --falcon-gutter-x: 0.75rem;
  --falcon-gutter-y: 0.75rem;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue .table-responsive {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-inline: contain;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue table {
  width: 100% !important;
  min-width: 78rem !important;
  height: auto !important;
  margin: 0 !important;
  table-layout: auto !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td) {
  padding: 0.6rem 0.75rem !important;
  vertical-align: middle !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(1) {
  min-width: 8rem !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(2) {
  min-width: 11rem !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(3) {
  min-width: 10rem !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(4),
html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(7) {
  min-width: 8.5rem !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(5),
html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(6) {
  min-width: 9.5rem !important;
  white-space: nowrap;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(8),
html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):nth-child(9) {
  min-width: 9rem !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue :is(th, td):last-child {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 4.5rem !important;
  min-width: 4.5rem !important;
  background: var(--falcon-card-bg);
  -webkit-box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
  box-shadow: 0.35rem 0 0.6rem rgba(15, 23, 42, 0.08);
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue th:last-child {
  z-index: 3;
  background: var(--falcon-emphasis-bg);
}

html body #isolation-management-root.ok-management-page .ok-isolation-actions-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0 !important;
}

html body #isolation-management-root.ok-management-page .ok-isolation-queue .dropdown-menu {
  z-index: 1080;
  min-width: 11rem;
}

@media (max-width: 767.98px) {
  html body #isolation-management-root.ok-management-page {
    gap: 0.625rem !important;
  }
  html body #isolation-management-root.ok-management-page > .ok-isolation-filters {
    margin-bottom: -0.625rem !important;
  }
  html body #isolation-management-root.ok-management-page > .ok-isolation-summary .card {
    min-height: 0 !important;
  }
  html body #isolation-management-root.ok-management-page .ok-isolation-queue table {
    min-width: 72rem !important;
  }
}
html body #isolation-management-root.ok-management-page .ok-isolation-queue table {
  min-width: 56rem !important;
}
html body #isolation-management-root.ok-management-page .ok-isolation-queue table th {
  white-space: nowrap;
}
html body #isolation-management-root.ok-management-page .ok-isolation-queue table td {
  white-space: normal;
}
html body #isolation-management-root.ok-management-page .ok-isolation-queue table :is(th, td):last-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: var(--falcon-card-bg, var(--falcon-body-bg));
  -webkit-box-shadow: 1px 0 0 var(--falcon-border-color);
  box-shadow: 1px 0 0 var(--falcon-border-color);
}
html body #isolation-management-root.ok-management-page .ok-isolation-queue table thead :is(th):last-child {
  background-color: var(--falcon-tertiary-bg, var(--falcon-gray-100));
}

/* ONE-KONEK-NETWORK-OVERVIEW-FINAL-LAYOUT-V5.57.36.0 */
:root {
  --ok-network-overview-final-layout-v557360: 1;
}

html body #network-overview-management-root.ok-network-overview-page {
  --ok-network-page-gap: 0.75rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: var(--ok-network-page-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #network-overview-management-root.ok-network-overview-page > :is(section, .alert, .row) {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

#network-overview-management-root .ok-network-overview-notice {
  padding: 0.75rem 1rem !important;
}

#network-overview-management-root .ok-network-overview-kpis .row,
#network-overview-management-root .ok-network-overview-integrations .row,
#network-overview-management-root .ok-network-overview-analytics,
#network-overview-management-root .ok-network-capacity-quality .row {
  --falcon-gutter-y: 0.75rem;
}

#network-overview-management-root .ok-network-overview-kpis .card {
  min-height: 8.5rem !important;
}

#network-overview-management-root .ok-network-overview-kpis .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.875rem 1rem !important;
}

#network-overview-management-root .ok-network-overview-kpis .d-flex.flex-between-center.mb-3 {
  margin-bottom: 0.625rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .card-body {
  padding: 0.75rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 9rem !important;
  padding: 0.875rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .border > p {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 0.75rem !important;
}

#network-overview-management-root .ok-network-overview-filters .card,
#network-overview-management-root .ok-network-device-health .card,
#network-overview-management-root .ok-network-capacity-quality .card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#network-overview-management-root .ok-network-overview-filters .card-body {
  padding: 0.875rem 1rem !important;
}

#network-overview-management-root .ok-network-overview-filters #network-filter-form > .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

#network-overview-management-root .ok-network-overview-analytics {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

#network-overview-management-root .ok-network-overview-analytics > [class*=col-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}

#network-overview-management-root .ok-network-overview-analytics .card {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#network-overview-management-root .ok-network-bandwidth-card .card-body,
#network-overview-management-root .ok-network-alerts-card .card-body {
  min-height: 12rem !important;
  padding: 1rem !important;
}

#network-overview-management-root #network-bandwidth-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: auto !important;
  min-height: 10rem !important;
  max-height: none !important;
}

#network-overview-management-root #network-bandwidth-chart > .d-flex {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  min-height: 10rem;
}

#network-overview-management-root .ok-network-alerts-card .card-body {
  min-height: 12rem !important;
}

#network-overview-management-root .ok-network-overview-analytics .card-footer {
  padding: 0.625rem 1rem !important;
}

#network-overview-management-root .ok-network-device-health tbody > tr:only-child > td[colspan] {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

#network-overview-management-root .ok-network-device-health tbody > tr:only-child > td[colspan] .rounded-circle {
  width: 3.75rem !important;
  height: 3.75rem !important;
}

#network-overview-management-root .ok-network-capacity-quality .card-body {
  padding: 0.75rem !important;
}

#network-overview-management-root .ok-network-capacity-quality .border {
  min-height: 7.25rem;
  padding: 0.875rem !important;
}

@media (max-width: 1199.98px) {
  #network-overview-management-root .ok-network-overview-analytics > [class*=col-] {
    display: block;
  }
  #network-overview-management-root .ok-network-bandwidth-card .card-body,
  #network-overview-management-root .ok-network-alerts-card .card-body {
    min-height: 10.5rem !important;
  }
}
@media (max-width: 767.98px) {
  html body #network-overview-management-root.ok-network-overview-page {
    --ok-network-page-gap: 1rem;
  }
  #network-overview-management-root .ok-network-overview-kpis .card,
  #network-overview-management-root .ok-network-overview-integrations .border,
  #network-overview-management-root .ok-network-capacity-quality .border {
    min-height: 0 !important;
  }
  #network-overview-management-root .ok-network-bandwidth-card .card-body,
  #network-overview-management-root .ok-network-alerts-card .card-body {
    min-height: 9.5rem !important;
  }
  #network-overview-management-root #network-bandwidth-chart,
  #network-overview-management-root #network-bandwidth-chart > .d-flex {
    min-height: 8rem !important;
  }
  #network-overview-management-root .ok-network-device-health tbody > tr:only-child > td[colspan] {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
/* ONE-KONEK-NETWORK-OVERVIEW-REFINEMENT-V5.57.36.1 */
:root {
  --ok-network-overview-refinement-v557361: 1;
}

html body #network-overview-management-root.ok-network-overview-page {
  --ok-network-page-gap: 1rem;
}

html body #network-overview-management-root > .ok-network-overview-header,
html body #network-overview-management-root > .ok-network-overview-header > .ok-network-overview-header-shell,
html body #network-overview-management-root > .ok-network-overview-header > .ok-network-overview-header-shell > .ok-network-overview-header-shell-body {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #network-overview-management-root .ok-network-overview-header-row.ok-dashboard-page-header-row {
  min-height: 7rem !important;
  margin: 0 !important;
}

#network-overview-management-root .ok-network-overview-notice {
  padding: 0.625rem 0.875rem !important;
}

#network-overview-management-root .ok-network-overview-kpis .card {
  min-height: 8rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .card-header,
#network-overview-management-root .ok-network-overview-filters .card-header {
  padding: 0.625rem 0.875rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .card-body,
#network-overview-management-root .ok-network-overview-filters .card-body {
  padding: 0.75rem 0.875rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .border {
  min-height: 8.5rem !important;
  padding: 0.75rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .d-flex.flex-between-center.mb-3 {
  margin-bottom: 0.5rem !important;
}

#network-overview-management-root .ok-network-overview-integrations .border > p {
  margin-bottom: 0.625rem !important;
}

#network-overview-management-root .ok-network-overview-filters #network-filter-form > .row {
  --falcon-gutter-y: 0.625rem;
  --falcon-gutter-x: 0.75rem;
}

#network-overview-management-root .ok-network-overview-filters #network-filter-form > .d-flex.mt-3 {
  margin-top: 0.625rem !important;
}

@media (max-width: 991.98px) {
  html body #network-overview-management-root .ok-network-overview-header-row.ok-dashboard-page-header-row {
    min-height: 6.5rem !important;
  }
}
@media (max-width: 767.98px) {
  html body #network-overview-management-root.ok-network-overview-page {
    --ok-network-page-gap: 0.5rem;
  }
  html body #network-overview-management-root .ok-network-overview-header-row.ok-dashboard-page-header-row,
  #network-overview-management-root .ok-network-overview-kpis .card,
  #network-overview-management-root .ok-network-overview-integrations .border {
    min-height: 0 !important;
  }
}
/* ONE-KONEK Dashboard Operations Command Center v5.57.49.0 */
.ok-dashboard {
  --ok-dashboard-operations-command-center-v557490: 1;
  --ok-primary: var(--falcon-primary, #2c7be5);
  --ok-border: var(--falcon-border-color, #d8e2ef);
  --ok-muted: var(--falcon-gray-600, #748194);
  display: grid;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  min-width: 0;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-auto-flow: row;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 0.75rem;
  font-family: var(--falcon-body-font-family, "Poppins", sans-serif);
  font-size: 0.8125rem;
}

.ok-dashboard > * {
  width: 100%;
  min-width: 0;
  -ms-flex-item-align: start;
  align-self: start;
}

html body main.ok-dashboard {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-auto-flow: row !important;
  grid-auto-rows: -webkit-max-content !important;
  grid-auto-rows: max-content !important;
  place-content: start stretch !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  row-gap: 0.75rem !important;
}

html body main.ok-dashboard > section {
  width: 100%;
  min-width: 0;
  height: auto !important;
  min-height: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-item-align: start !important;
  align-self: start !important;
  padding-block: 0 !important;
  margin-block: 0 !important;
}

html body main.ok-dashboard > .ok-dashboard__section {
  display: grid !important;
  grid-template-rows: -webkit-max-content -webkit-max-content !important;
  grid-template-rows: max-content max-content !important;
  -ms-flex-line-pack: start !important;
  align-content: start !important;
  row-gap: 0.5rem !important;
}

html body main.ok-dashboard > .ok-dashboard__hero,
html body main.ok-dashboard > .ok-dashboard__analytics,
html body main.ok-dashboard > .ok-dashboard__details {
  height: auto !important;
  min-height: 0 !important;
}

.ok-dashboard h1,
.ok-dashboard h2,
.ok-dashboard h3,
.ok-dashboard p {
  margin: 0;
}

.ok-dashboard h1 {
  color: var(--ok-primary);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.2;
}

.ok-dashboard h2 {
  font-size: 0.9375rem;
}

.ok-dashboard h3 {
  font-size: 0.8125rem;
}

.ok-dashboard .card {
  height: auto;
  min-width: 0;
  border: 1px solid var(--ok-border);
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.125rem 0.35rem rgba(20, 40, 80, 0.06);
  box-shadow: 0 0.125rem 0.35rem rgba(20, 40, 80, 0.06);
}

.ok-dashboard__hero {
  min-height: 0;
  overflow: hidden;
}

.ok-dashboard__hero .card-body {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.85fr) minmax(10rem, 0.45fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
  min-height: 8.5rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(-100deg, #fff 0%, #fff 58%, #edf5ff 100%);
  border-radius: inherit;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ok-dashboard__hero-copy {
  display: grid;
  gap: 0.45rem;
}

.ok-dashboard__hero-copy > p {
  max-width: 43rem;
  color: var(--ok-muted);
  font-size: 0.875rem;
  line-height: 1.5;
}

.ok-dashboard__eyebrow,
.ok-dashboard__hero-badges,
.ok-dashboard__section-heading,
.ok-dashboard__card-heading,
.ok-dashboard__metric-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.65rem;
}

.ok-dashboard__eyebrow time,
.ok-dashboard__refresh-state,
#dashboard-refresh-state,
.ok-dashboard__section-heading p,
.ok-dashboard__card-heading p {
  color: var(--ok-muted);
  font-size: 0.6875rem;
}

.ok-dashboard__hero-badges {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ok-dashboard__hero-controls {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding: 0.5rem 0;
}

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

.ok-dashboard__filter-grid label {
  margin: 0;
  color: var(--falcon-gray-800, #344050);
  font-size: 0.6875rem;
  font-weight: 600;
}

.ok-dashboard__filter-grid .form-select {
  margin-top: 0.25rem;
  min-height: 2rem;
  font-size: 0.75rem;
}

.ok-dashboard__hero-art {
  position: relative;
  min-height: 7rem;
}

.ok-dashboard__screen {
  position: absolute;
  left: 0.25rem;
  bottom: 0.75rem;
  width: 8.5rem;
  height: 5.5rem;
  padding: 0.75rem;
  border: 0.4rem solid #8cb8f5;
  border-radius: 0.45rem;
  background: #fff;
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(44, 123, 229, 0.15);
  box-shadow: 0 0.75rem 1.5rem rgba(44, 123, 229, 0.15);
}

.ok-dashboard__screen span {
  display: block;
  width: 75%;
  height: 0.35rem;
  margin-bottom: 0.55rem;
  border-radius: 1rem;
  background: #d7e6fb;
}

.ok-dashboard__phone {
  position: absolute;
  left: 7.6rem;
  bottom: 0.2rem;
  width: 2.25rem;
  height: 4rem;
  border: 0.3rem solid #68a0ed;
  border-radius: 0.45rem;
  background: #fff;
}

.ok-dashboard__chart-bars {
  position: absolute;
  left: 1.4rem;
  bottom: 1.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 0.35rem;
  height: 2.25rem;
}

.ok-dashboard__chart-bars i {
  width: 0.55rem;
  height: 45%;
  border-radius: 0.2rem 0.2rem 0 0;
  background: #2c7be5;
}

.ok-dashboard__chart-bars i:nth-child(2) {
  height: 70%;
}

.ok-dashboard__chart-bars i:nth-child(3) {
  height: 55%;
}

.ok-dashboard__chart-bars i:nth-child(4) {
  height: 100%;
}

.ok-dashboard__section {
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 0.5rem;
}

.ok-dashboard__section-heading {
  min-height: 2rem;
}

.ok-dashboard__actions {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.65rem;
}

.ok-dashboard__action {
  color: inherit;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.ok-dashboard__action:hover {
  color: var(--ok-primary);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(20, 40, 80, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(20, 40, 80, 0.1);
}

.ok-dashboard__action .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 4.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
}

.ok-dashboard__icon {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  place-items: center;
  border-radius: 50%;
}

.ok-dashboard__icon--primary {
  color: #2c7be5;
  background: #dbeafe;
}

.ok-dashboard__icon--success {
  color: #008f65;
  background: #d5f5e8;
}

.ok-dashboard__icon--info {
  color: #009ed1;
  background: #d9f4fc;
}

.ok-dashboard__icon--warning {
  color: #d76b00;
  background: #ffead7;
}

.ok-dashboard__icon--danger {
  color: #d92748;
  background: #fde0e6;
}

.ok-dashboard__icon--secondary {
  color: #657185;
  background: #e7ebf0;
}

.ok-dashboard__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.ok-dashboard__metric .card-body {
  display: grid;
  min-height: 6.4rem;
  gap: 0.3rem;
  padding: 0.8rem 0.9rem;
}

.ok-dashboard__metric-label {
  color: var(--ok-muted);
  font-size: 0.75rem;
}

.ok-dashboard__metric-value {
  font-size: 1.25rem;
  line-height: 1.1;
}

.ok-dashboard__metric-change {
  color: var(--ok-muted);
  font-size: 0.6875rem;
}

.ok-dashboard__badge--primary {
  color: #075bbf;
  background: #dbeafe;
}

.ok-dashboard__badge--success {
  color: #087c59;
  background: #d5f5e8;
}

.ok-dashboard__badge--info {
  color: #047da2;
  background: #d9f4fc;
}

.ok-dashboard__badge--warning {
  color: #a55000;
  background: #ffead7;
}

.ok-dashboard__badge--danger {
  color: #b91e3b;
  background: #fde0e6;
}

.ok-dashboard__badge--secondary {
  color: #52606f;
  background: #e7ebf0;
}

.ok-dashboard__analytics {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.65rem;
}

.ok-dashboard__analytics > .card,
.ok-dashboard__details > .card {
  height: 100%;
}

.ok-dashboard__chart-card .card-body,
.ok-dashboard__details .card-body {
  padding: 0.85rem;
}

.ok-dashboard__card-heading {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 2.5rem;
}

.ok-dashboard__chart {
  min-height: 7.5rem;
  overflow: hidden;
}

.ok-dashboard__chart svg {
  width: 100%;
  height: 6.25rem;
  overflow: visible;
}

.ok-dashboard__gridline {
  fill: none;
  stroke: #edf2f9;
  stroke-width: 1;
}

.ok-dashboard__axis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--ok-muted);
  font-size: 0.625rem;
}

.ok-dashboard__plans {
  display: grid;
  grid-template-columns: 7rem 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  min-height: 7.5rem;
}

.ok-dashboard__donut {
  width: 6.5rem;
  height: 6.5rem;
  margin: auto;
  border-radius: 50%;
  -webkit-mask: radial-gradient(circle, transparent 42%, #000 43%);
  mask: radial-gradient(circle, transparent 42%, #000 43%);
}

.ok-dashboard__plans ul,
.ok-dashboard__list,
.ok-dashboard__health-list {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ok-dashboard__plans li,
.ok-dashboard__list li,
.ok-dashboard__health-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.6875rem;
}

.ok-dashboard__plans li i {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
}

.ok-dashboard__plans li span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ok-dashboard__details {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.65rem;
}

.ok-dashboard__details .card {
  min-height: 11rem;
}

.ok-dashboard__list time {
  color: var(--ok-muted);
  font-size: 0.625rem;
  white-space: nowrap;
}

.ok-dashboard__health {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
}

.ok-dashboard__health-ring {
  --health-score: 0deg;
  position: relative;
  display: grid;
  width: 6rem;
  height: 6rem;
  place-content: center;
  border-radius: 50%;
  background: conic-gradient(#00a876 var(--health-score), #e8eef5 0);
  text-align: center;
}

.ok-dashboard__health-ring::before {
  position: absolute;
  inset: 0.4rem;
  border-radius: 50%;
  background: #fff;
  content: "";
}

.ok-dashboard__health-ring strong,
.ok-dashboard__health-ring small {
  position: relative;
  z-index: 1;
}

.ok-dashboard__health-ring strong {
  color: #008f65;
  font-size: 1.25rem;
}

.ok-dashboard__health-ring small {
  color: var(--ok-muted);
  font-size: 0.5625rem;
}

.ok-dashboard__empty {
  display: grid;
  min-height: 5rem;
  place-items: center;
  color: var(--ok-muted);
  font-size: 0.6875rem;
  text-align: center;
}

@media (max-width: 1199.98px) {
  .ok-dashboard__hero .card-body {
    grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
  }
  .ok-dashboard__hero-art {
    display: none;
  }
  .ok-dashboard__actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ok-dashboard__metrics,
  .ok-dashboard__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ok-dashboard__analytics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ok-dashboard__analytics > :last-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 767.98px) {
  .ok-dashboard__hero .card-body,
  .ok-dashboard__analytics,
  .ok-dashboard__details {
    grid-template-columns: 1fr;
  }
  .ok-dashboard__actions,
  .ok-dashboard__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ok-dashboard__analytics > :last-child {
    grid-column: auto;
  }
}
@media (max-width: 479.98px) {
  .ok-dashboard__filter-grid,
  .ok-dashboard__actions,
  .ok-dashboard__metrics {
    grid-template-columns: 1fr;
  }
  .ok-dashboard__health,
  .ok-dashboard__plans {
    grid-template-columns: 1fr;
  }
}
.ok-subscribers-workspace {
  --ok-subscribers-compact-records-v557502: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.ok-subscribers-workspace .ok-subscribers-workspace__header,
.ok-subscribers-workspace .ok-subscribers-workspace__stats,
.ok-subscribers-workspace .ok-subscribers-workspace__directory {
  grid-column: 1/-1;
  min-width: 0;
}

.ok-subscribers-workspace .ok-subscribers-workspace__header {
  padding: 0.25rem 0;
}

.ok-subscribers-workspace .ok-subscribers-workspace__actions-trigger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0;
}

.ok-subscribers-workspace .ok-subscribers-workspace__actions-trigger::after {
  display: none;
}

.ok-subscribers-workspace .ok-subscribers-workspace__actions-menu {
  min-width: 15rem;
}

.ok-subscribers-workspace .ok-subscribers-workspace__stats .card,
.ok-subscribers-workspace .ok-subscribers-workspace__directory .card {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(18, 38, 63, 0.08);
  box-shadow: 0 0.125rem 0.25rem rgba(18, 38, 63, 0.08);
}

.ok-subscribers-workspace .subscriber-quick-filter.active {
  -webkit-box-shadow: inset 0 0 0 1px currentColor;
  box-shadow: inset 0 0 0 1px currentColor;
}

.ok-subscribers-workspace #subscriber-table td,
.ok-subscribers-workspace #subscriber-table th {
  white-space: nowrap;
}

.ok-subscribers-workspace #subscriber-table .subscriber-record-row {
  cursor: pointer;
}

.ok-subscribers-workspace #subscriber-table .subscriber-record-row:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid var(--falcon-primary);
  outline-offset: -2px;
}

.ok-subscribers-workspace #subscriber-table .subscriber-record-row:hover > td {
  background-color: rgba(44, 123, 229, 0.055);
}

.ok-subscribers-workspace #subscriber-table .subscriber-record-row:focus-visible > td {
  background-color: rgba(44, 123, 229, 0.075);
}

/* ONE-KONEK General Settings ISP workspace v5.57.52.0.9.0 */
#general-settings-management-root.ok-general-settings-page {
  --ok-settings-accent: var(--falcon-primary);
}

#general-settings-management-root .ok-settings-status-card {
  cursor: pointer;
  -webkit-transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
}

#general-settings-management-root .ok-settings-status-card:hover,
#general-settings-management-root .ok-settings-status-card:focus-visible {
  border-color: rgba(44, 123, 229, 0.45);
  -webkit-box-shadow: 0 0.45rem 1rem rgba(18, 38, 63, 0.1);
  box-shadow: 0 0.45rem 1rem rgba(18, 38, 63, 0.1);
  outline: 0;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

#general-settings-management-root .ok-settings-workspace-layout {
  display: block;
  width: 100%;
  margin: 0;
}

#general-settings-management-root .ok-settings-main-tabs-host,
#general-settings-management-root .ok-settings-tab-content-host {
  width: 100%;
  max-width: 100%;
  border: 0 !important;
}

#general-settings-management-root #settings-tabs.ok-settings-section-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.45rem;
  width: 100%;
  padding: 0.75rem 1rem !important;
  overflow: visible;
  border-bottom: 1px solid var(--falcon-border-color);
  background: var(--falcon-body-bg);
}

#general-settings-management-root #settings-tabs.ok-settings-section-grid > .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  min-height: 2.7rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.55rem 0.7rem;
  border: 1px solid transparent;
  border-radius: 0.45rem;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: right;
  white-space: normal;
}

#general-settings-management-root #settings-tabs.ok-settings-section-grid > .nav-link:not(.active) {
  color: var(--falcon-gray-700);
  background: var(--falcon-gray-100);
}

#general-settings-management-root #settings-tabs.ok-settings-section-grid > .nav-link.active {
  border-color: rgba(44, 123, 229, 0.28);
  -webkit-box-shadow: 0 0.2rem 0.45rem rgba(44, 123, 229, 0.12);
  box-shadow: 0 0.2rem 0.45rem rgba(44, 123, 229, 0.12);
}

#general-settings-management-root #settings-tab-content {
  width: 100%;
  min-width: 0;
}

#general-settings-management-root #settings-tab-content > .tab-pane > form > .card {
  min-height: 28rem;
}

#general-settings-management-root #settings-tab-content .card-header,
#general-settings-management-root #settings-tab-content .card-body,
#general-settings-management-root #settings-tab-content .card-footer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

#general-settings-management-root .ok-integration-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.4rem;
}

#general-settings-management-root .ok-integration-table-wrap table {
  min-width: 66rem;
}

#general-settings-management-root .ok-integration-row {
  cursor: pointer;
}

#general-settings-management-root .ok-integration-row:focus-visible {
  outline: 2px solid var(--ok-settings-accent);
  outline-offset: -2px;
}

#general-settings-management-root .modal-dialog-centered {
  min-height: calc(100% - 2rem);
}

@media (max-width: 1199.98px) {
  #general-settings-management-root #settings-tabs.ok-settings-section-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  #general-settings-management-root #settings-tabs.ok-settings-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.65rem !important;
  }
  #general-settings-management-root #settings-tabs.ok-settings-section-grid > .nav-link {
    min-height: 3rem;
    padding: 0.55rem;
  }
  #general-settings-management-root #settings-tab-content .card-header,
  #general-settings-management-root #settings-tab-content .card-body,
  #general-settings-management-root #settings-tab-content .card-footer {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}
@media (max-width: 399.98px) {
  #general-settings-management-root #settings-tabs.ok-settings-section-grid {
    grid-template-columns: 1fr;
  }
}
#general-settings-management-root > .ok-settings-page-header {
  padding: 0;
  background: transparent;
  border: 0;
}
#general-settings-management-root > .ok-settings-page-header > .card {
  margin: 0;
  overflow: hidden;
  background: linear-gradient(-135deg, #f4f8ff 0%, #e7f1ff 100%);
  border: 1px solid rgba(44, 123, 229, 0.35);
  -webkit-box-shadow: 0 0.125rem 0.35rem rgba(16, 24, 40, 0.08);
  box-shadow: 0 0.125rem 0.35rem rgba(16, 24, 40, 0.08);
}
#general-settings-management-root > .ok-settings-page-header > .card > .card-body {
  padding: 0.9rem 1.1rem;
}
#general-settings-management-root .ok-settings-section-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#general-settings-management-root .ok-settings-subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--falcon-gray-100, #f9fafd);
  border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
}
#general-settings-management-root .ok-settings-subnav .btn {
  min-width: 10rem;
}
#general-settings-management-root[data-settings-group-mode^=organization-] .ok-settings-subnav-preferences, #general-settings-management-root[data-settings-group-mode^=preferences-] .ok-settings-subnav-organization, #general-settings-management-root[data-settings-group-mode=standalone] .ok-settings-subnav {
  display: none;
}
#general-settings-management-root[data-settings-group-mode=organization-profile] .ok-settings-org-branding-content, #general-settings-management-root[data-settings-group-mode=organization-profile] .ok-settings-general-preferences-content, #general-settings-management-root[data-settings-group-mode=organization-branding] .ok-settings-org-profile-content, #general-settings-management-root[data-settings-group-mode=organization-branding] .ok-settings-general-preferences-content, #general-settings-management-root[data-settings-group-mode=preferences-general] .ok-settings-org-profile-content, #general-settings-management-root[data-settings-group-mode=preferences-general] .ok-settings-org-branding-content {
  display: none;
}
#general-settings-management-root[data-settings-group-mode=organization-branding] .ok-settings-org-branding-content, #general-settings-management-root[data-settings-group-mode=preferences-general] .ok-settings-general-preferences-content {
  display: block;
}

@media (max-width: 991.98px) {
  #general-settings-management-root .ok-settings-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  #general-settings-management-root > .ok-settings-page-header > .card > .card-body {
    padding: 0.75rem;
  }
  #general-settings-management-root .ok-settings-section-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  #general-settings-management-root .ok-settings-subnav .btn {
    width: 100%;
    min-width: 0;
  }
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] #settings-tabs.ok-settings-section-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] #settings-tabs.ok-settings-section-grid > .nav-link {
  width: 100%;
  min-height: 2.65rem;
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] #settings-tab-content > .tab-pane > form > .card {
  min-height: 0;
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .ok-settings-subnav {
  gap: 0.25rem;
  padding: 0.65rem 1.25rem 0;
  background: var(--falcon-body-bg, #fff);
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .ok-settings-subnav .btn {
  width: auto;
  min-width: 0;
  padding: 0.6rem 0.75rem;
  color: var(--falcon-gray-700);
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .ok-settings-subnav .btn:hover,
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .ok-settings-subnav .btn:focus-visible {
  color: var(--falcon-primary);
  background: var(--falcon-gray-100);
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .ok-settings-subnav .btn.btn-primary {
  color: var(--falcon-primary);
  background: transparent;
  border-bottom-color: var(--falcon-primary);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .tab-pane > .ok-settings-subnav + form > .card > .card-header {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
#general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .tab-pane > .ok-settings-subnav + form > .card > .card-body {
  padding-top: 1rem;
}

@media (max-width: 1199.98px) {
  #general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] #settings-tabs.ok-settings-section-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767.98px) {
  #general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] #settings-tabs.ok-settings-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .ok-settings-subnav {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (max-width: 399.98px) {
  #general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] #settings-tabs.ok-settings-section-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #general-settings-management-root[data-settings-layout-version="5.57.52.0.9.3"] .ok-settings-subnav .btn {
    width: 100%;
    text-align: right;
  }
}
/* ONE-KONEK Collection Operations v5.57.52.13 — page-scoped only */
#collection-management-root > .ok-collection-dispatch {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
#collection-management-root > .ok-collection-dispatch .card-header,
#collection-management-root > .ok-collection-dispatch .card-body {
  padding: 0.75rem 1rem;
}
#collection-management-root > .ok-collection-dispatch .form-label {
  margin-bottom: 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
}
#collection-management-root > .ok-collection-dispatch .ok-collection-dispatch-table {
  max-height: 24rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  overflow: auto;
}
#collection-management-root > .ok-collection-dispatch table {
  min-width: 54rem;
}
#collection-management-root > .ok-collection-dispatch thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
#collection-management-root > .ok-collection-dispatch th,
#collection-management-root > .ok-collection-dispatch td {
  padding: 0.55rem 0.75rem;
}
#collection-management-root #collection-daily-pane .table-responsive {
  max-height: 25rem !important;
  overflow-y: auto !important;
}
#collection-management-root #collection-daily-pane thead,
#collection-management-root .ok-collection-ledger thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
#collection-management-root .ok-collection-zero-days-note td {
  background: var(--falcon-body-bg);
  border-top-style: dashed;
}
#collection-management-root .ok-collection-ledger .table-responsive {
  max-height: 32rem !important;
  overflow-y: auto !important;
}

@media (max-width: 767.98px) {
  #collection-management-root > .ok-collection-dispatch .card-header,
  #collection-management-root > .ok-collection-dispatch .card-body {
    padding: 0.75rem;
  }
  #collection-management-root > .ok-collection-dispatch .btn,
  #collection-management-root > .ok-collection-dispatch .form-control,
  #collection-management-root > .ok-collection-dispatch .form-select {
    min-height: 2.5rem;
  }
}
/* ONE-KONEK enterprise sidebar navigation v5.57.52.14.2 */
.navbar-vertical {
  --onekonek-nav-accent: var(--falcon-primary, #2c7be5);
  --onekonek-nav-surface: rgba(44, 123, 229, 0.08);
  --onekonek-nav-border: rgba(116, 129, 148, 0.2);
}
.navbar-vertical .navbar-vertical-content {
  padding-inline: 0.65rem;
}
.navbar-vertical #navbarVerticalNav {
  gap: 0.125rem;
}
.navbar-vertical #navbarVerticalNav > .nav-item {
  min-width: 0;
}
.navbar-vertical #navbarVerticalNav .navbar-vertical-label-wrapper {
  margin-top: 1rem !important;
  margin-bottom: 0.4rem !important;
  padding-inline: 0.55rem;
}
.navbar-vertical #navbarVerticalNav .navbar-vertical-label {
  color: var(--falcon-gray-600, #748194);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.2;
  text-transform: uppercase;
}
.navbar-vertical #navbarVerticalNav .navbar-vertical-divider {
  border-color: var(--onekonek-nav-border);
  opacity: 1;
}
.navbar-vertical #navbarVerticalNav .nav-link {
  min-height: 2.35rem;
  margin-bottom: 0.1rem;
  padding: 0.48rem 0.62rem;
  border: 0;
  border-radius: 0.4rem;
  color: var(--falcon-gray-700, #5e6e82);
  font-size: 0.76rem;
  font-weight: 500;
  -webkit-transition: background-color 0.16s ease, color 0.16s ease;
  transition: background-color 0.16s ease, color 0.16s ease;
}
.navbar-vertical #navbarVerticalNav .nav-link:hover, .navbar-vertical #navbarVerticalNav .nav-link:focus-visible {
  background: rgba(116, 129, 148, 0.07);
  color: var(--onekonek-nav-accent);
}
.navbar-vertical #navbarVerticalNav .nav-link.active {
  background: transparent;
  color: var(--onekonek-nav-accent);
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-vertical #navbarVerticalNav .nav-link-icon {
  display: inline-grid;
  width: 1.65rem;
  height: 1.65rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.65rem;
  flex: 0 0 1.65rem;
  place-items: center;
  border-radius: 0.45rem;
  background: rgba(116, 129, 148, 0.09);
  color: var(--falcon-gray-600, #748194);
  font-size: 0.72rem;
}
.navbar-vertical #navbarVerticalNav .nav-link:hover .nav-link-icon,
.navbar-vertical #navbarVerticalNav .nav-link.active .nav-link-icon {
  background: rgba(116, 129, 148, 0.09);
  color: var(--onekonek-nav-accent);
}
.navbar-vertical #navbarVerticalNav .nav-link-text {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.25;
}
.navbar-vertical #navbarVerticalNav .nav.collapse,
.navbar-vertical #navbarVerticalNav .nav.collapsing {
  position: relative;
  margin: 0.1rem 1.1rem 0.35rem 0;
  padding-right: 0.5rem;
}
.navbar-vertical #navbarVerticalNav .nav.collapse::before,
.navbar-vertical #navbarVerticalNav .nav.collapsing::before {
  position: absolute;
  top: 0.15rem;
  bottom: 0.35rem;
  right: 0;
  width: 1px;
  background: var(--onekonek-nav-border);
  content: "";
}
.navbar-vertical #navbarVerticalNav .nav.collapse .nav-link,
.navbar-vertical #navbarVerticalNav .nav.collapsing .nav-link {
  min-height: 2rem;
  padding-block: 0.38rem;
  font-size: 0.72rem;
}
.navbar-vertical .settings .card {
  overflow: hidden;
  border: 1px solid rgba(44, 123, 229, 0.14);
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 0.35rem 1rem rgba(25, 43, 77, 0.07) !important;
  box-shadow: 0 0.35rem 1rem rgba(25, 43, 77, 0.07) !important;
}
.navbar-vertical .settings .card .card-body {
  background: linear-gradient(-145deg, rgba(44, 123, 229, 0.15), rgba(39, 188, 253, 0.08)) !important;
}
.navbar-vertical .settings .card a {
  color: var(--onekonek-nav-accent);
  overflow-wrap: anywhere;
  text-decoration: none;
}

@media (max-width: 1199.98px) {
  .navbar-vertical .navbar-vertical-content {
    padding-inline: 0.5rem;
  }
}
[data-bs-theme=dark] .navbar-vertical {
  --onekonek-nav-surface: rgba(44, 123, 229, 0.16);
  --onekonek-nav-border: rgba(255, 255, 255, 0.1);
}

/* ONE-KONEK staff interface rhythm v5.57.52.14.3
 * CSS-only refinement. No page or portal template structure is changed.
 */
:root {
  --ok-staff-interface-rhythm-v55752143: 1;
  --ok-staff-section-gap: 0.875rem;
  --ok-staff-card-padding-x: 0.9rem;
  --ok-staff-card-padding-y: 0.8rem;
  --ok-staff-control-height: 2.25rem;
  --ok-staff-table-padding-x: 0.7rem;
  --ok-staff-table-padding-y: 0.52rem;
}

html body .content {
  min-width: 0;
}

html body .content > main {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/* Preserve each page's existing block/grid/flex layout; normalize only its
 * vertical rhythm and direct-section margins. */
html body .content > main:is(.ok-management-page,
[id$=-root],
[data-ok-dashboard-style-header],
[data-ok-management-page-range]) {
  row-gap: var(--ok-staff-section-gap) !important;
}

html body .content > main.ok-management-page > :is(section, .alert, .card, .row):not(:last-child),
html body .content > main[id$=-root] > :is(section, .alert, .card, .row):not(:last-child) {
  margin-bottom: var(--ok-staff-section-gap) !important;
}

html body .content > main.ok-management-page > :is(section, .alert, .card, .row):last-child,
html body .content > main[id$=-root] > :is(section, .alert, .card, .row):last-child {
  margin-bottom: 0 !important;
}

/* Page headers retain their original layout and illustration placement. */
html body .content :is(.ok-dashboard-style-page-header,
[data-ok-unified-page-header],
.ok-page-header-illustrated) {
  margin-bottom: 0 !important;
}

html body .content .ok-dashboard-page-header-row {
  min-height: 6.75rem !important;
  gap: 0.75rem !important;
  padding: 0.8rem 1rem !important;
}

html body .content .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
  width: 6.5rem !important;
  min-width: 6.5rem !important;
  max-width: 6.5rem !important;
  -ms-flex-preferred-size: 6.5rem !important;
  flex-basis: 6.5rem !important;
}

html body .content .ok-page-header-illustration {
  width: 6.5rem !important;
  max-width: 100% !important;
}

/* Keep Bootstrap rows and columns intact while making gutters consistent. */
html body .content > main .row.g-3 {
  --falcon-gutter-x: 0.875rem;
  --falcon-gutter-y: 0.875rem;
}

html body .content > main .card {
  min-width: 0;
  border-radius: 0.65rem;
}

html body .content > main .card-header:not(.p-0):not(.p-1):not(.p-2):not(.p-3):not(.p-4):not(.p-5),
html body .content > main .card-footer:not(.p-0):not(.p-1):not(.p-2):not(.p-3):not(.p-4):not(.p-5) {
  padding: 0.72rem var(--ok-staff-card-padding-x);
}

html body .content > main .card-body:not(.p-0):not(.p-1):not(.p-2):not(.p-3):not(.p-4):not(.p-5) {
  padding: var(--ok-staff-card-padding-y) var(--ok-staff-card-padding-x);
}

html body .content > main .alert {
  padding: 0.72rem 0.9rem;
  margin-bottom: var(--ok-staff-section-gap);
}

html body .content > main .alert > :first-child {
  margin-top: 0;
}

/* Uniform controls without changing form columns or responsive wrapping. */
html body .content > main :is(.form-control:not(textarea),
.form-select,
.input-group-text) {
  min-height: var(--ok-staff-control-height);
}

html body .content > main .form-label {
  margin-bottom: 0.35rem;
  line-height: 1.25;
}

html body .content > main .fs-11 {
  font-size: 0.72rem !important;
  line-height: 1.35;
}

/* Balanced KPI and empty-state heights reduce oversized blank areas. */
html body .content > main .ok-management-kpi .card-body {
  min-height: 7.25rem !important;
}

html body .content > main .ok-management-empty {
  min-height: 10rem !important;
  padding: 1.5rem !important;
}

/* Tables stay horizontally scrollable; only cell rhythm is normalized. */
html body .content > main .table > :not(caption) > * > * {
  padding: var(--ok-staff-table-padding-y) var(--ok-staff-table-padding-x);
  vertical-align: middle;
}

html body .content > main .table.table-sm > :not(caption) > * > * {
  padding: 0.45rem 0.62rem;
}

html body .content > main .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

/* Sidebar density follows the same staff-only rhythm. The active item keeps
 * the clean text/icon treatment from v5.57.52.14.2. */
html body .navbar-vertical #navbarVerticalNav .navbar-vertical-label-wrapper {
  margin-top: 0.9rem !important;
  margin-bottom: 0.32rem !important;
}

html body .navbar-vertical #navbarVerticalNav .navbar-vertical-label {
  font-size: 0.64rem;
  letter-spacing: 0.07em;
}

html body .navbar-vertical #navbarVerticalNav .nav-link {
  min-height: 2.25rem;
  padding: 0.43rem 0.58rem;
  font-size: 0.78rem;
}

html body .navbar-vertical #navbarVerticalNav .nav-link-icon {
  width: 1.55rem;
  height: 1.55rem;
  -ms-flex-preferred-size: 1.55rem;
  flex-basis: 1.55rem;
}

html body .navbar-vertical #navbarVerticalNav .nav.collapse,
html body .navbar-vertical #navbarVerticalNav .nav.collapsing {
  margin-bottom: 0.28rem;
}

@media (max-width: 991.98px) {
  :root {
    --ok-staff-section-gap: 0.75rem;
    --ok-staff-card-padding-x: 0.8rem;
    --ok-staff-card-padding-y: 0.75rem;
  }
  html body .content .ok-dashboard-page-header-row {
    min-height: 0 !important;
    padding: 0.75rem !important;
  }
  html body .content .ok-dashboard-page-header-row > .ok-page-header-illustration-slot {
    width: 5.25rem !important;
    min-width: 5.25rem !important;
    max-width: 5.25rem !important;
    -ms-flex-preferred-size: 5.25rem !important;
    flex-basis: 5.25rem !important;
  }
  html body .content .ok-page-header-illustration {
    width: 5.25rem !important;
  }
}
@media (max-width: 575.98px) {
  :root {
    --ok-staff-section-gap: 0.625rem;
    --ok-staff-card-padding-x: 0.75rem;
    --ok-staff-card-padding-y: 0.7rem;
    --ok-staff-table-padding-x: 0.6rem;
    --ok-staff-table-padding-y: 0.45rem;
  }
  html body .content > main .row.g-3 {
    --falcon-gutter-x: 0.75rem;
    --falcon-gutter-y: 0.75rem;
  }
  html body .content > main .ok-management-kpi .card-body {
    min-height: 0 !important;
  }
  html body .content > main .ok-management-empty {
    min-height: 8.5rem !important;
  }
}
html body #subscribers-page .ok-subscriber-kpi-section {
  margin-top: -0.125rem;
}
html body #subscribers-page .ok-subscriber-kpi-card .card-body {
  min-height: 7.25rem;
}
html body #subscribers-page .ok-subscriber-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.625rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
html body #subscribers-page .ok-subscriber-filter-search {
  grid-column: 1/-1;
}
html body #subscribers-page .ok-subscriber-filter-action {
  min-height: 2.25rem;
  white-space: nowrap;
}
html body #subscribers-page #subscriber-status-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 0.125rem;
  overflow-x: auto;
  padding: 0.75rem 0 0;
  border-top: 1px solid var(--falcon-border-color);
  scrollbar-width: thin;
}
html body #subscribers-page #subscriber-status-tabs .nav-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.55rem 0.8rem;
  white-space: nowrap;
}
html body #subscribers-page .ok-dashboard-page-actions-menu > .dropdown-menu {
  min-width: 15.5rem;
  padding: 0.375rem;
}
html body #subscribers-page .ok-dashboard-page-actions-menu .dropdown-header {
  display: none;
}
html body #subscribers-page .ok-dashboard-page-actions-menu .ok-dashboard-page-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
}
html body #subscribers-page .ok-dashboard-page-actions-menu .dropdown-divider {
  margin: 0.375rem 0.25rem;
}
html body #subscribers-page .ok-subscriber-row {
  cursor: pointer;
}
html body #subscribers-page .ok-subscriber-row:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid var(--falcon-primary);
  outline-offset: -2px;
}

@media (min-width: 768px) {
  html body #subscribers-page .ok-subscriber-filter-grid {
    grid-template-columns: minmax(13rem, 2fr) repeat(2, minmax(0, 1fr));
  }
  html body #subscribers-page .ok-subscriber-filter-search {
    grid-column: auto;
  }
}
@media (min-width: 1200px) {
  html body #subscribers-page .ok-subscriber-filter-grid {
    grid-template-columns: minmax(13rem, 2fr) repeat(3, minmax(7.25rem, 1fr)) -webkit-max-content -webkit-max-content;
    grid-template-columns: minmax(13rem, 2fr) repeat(3, minmax(7.25rem, 1fr)) max-content max-content;
    gap: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  html body #subscribers-page .ok-subscriber-filter-grid {
    grid-template-columns: 1fr;
  }
  html body #subscribers-page .ok-subscriber-filter-search {
    grid-column: auto;
  }
  html body #subscribers-page .ok-subscriber-filter-action {
    width: 100%;
  }
}
#subscriber-applications-page .ok-dashboard-page-actions-menu .dropdown-header {
  display: none;
}
#subscriber-applications-page .ok-application-kpi-card {
  min-height: 8.25rem;
}
#subscriber-applications-page .ok-application-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
  gap: 0.75rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
#subscriber-applications-page .ok-application-filter-search {
  grid-column: span 2;
}
#subscriber-applications-page .ok-application-filter-action {
  min-height: 2.25rem;
  white-space: nowrap;
}
#subscriber-applications-page #application-status-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
#subscriber-applications-page #application-status-tabs .nav-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.55rem 0.75rem;
  white-space: nowrap;
}
#subscriber-applications-page .ok-application-row {
  cursor: pointer;
}
#subscriber-applications-page .ok-application-row:focus-visible {
  outline: 2px solid var(--falcon-primary);
  outline-offset: -2px;
}
@media (max-width: 767.98px) {
  #subscriber-applications-page .ok-application-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
  #subscriber-applications-page .ok-application-filter-search {
    grid-column: 1/-1;
  }
}
@media (max-width: 575.98px) {
  #subscriber-applications-page .ok-application-filter-grid {
    grid-template-columns: 1fr;
  }
  #subscriber-applications-page .ok-application-filter-search {
    grid-column: auto;
  }
}

#subscriber-profile-modal .modal-dialog {
  width: calc(100% - 1.5rem);
  max-width: 96rem;
  height: calc(100vh - 1.5rem);
  margin: 0.75rem auto;
}
#subscriber-profile-modal .modal-content {
  height: 100%;
  overflow: hidden;
}
#subscriber-profile-modal .modal-body {
  min-height: 0;
  background: var(--falcon-body-bg);
}
#subscriber-profile-modal #subscriber-profile-modal-loading {
  position: absolute;
  inset: 0;
  z-index: 1;
  min-height: 18rem;
  background: var(--falcon-body-bg);
}
#subscriber-profile-modal #subscriber-profile-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 6.5rem);
  border: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
#subscriber-profile-modal #subscriber-profile-frame.is-ready {
  opacity: 1;
}

@media (max-width: 575.98px) {
  #subscriber-profile-modal .modal-dialog {
    width: 100%;
    height: 100vh;
    margin: 0;
  }
  #subscriber-profile-modal .modal-content {
    border: 0;
    border-radius: 0;
  }
  #subscriber-profile-modal #subscriber-profile-frame {
    min-height: calc(100vh - 4.25rem);
  }
}
body {
  overflow-x: clip;
}

.container-fluid[data-layout] {
  max-width: 120rem;
}

.content {
  min-width: 0;
}

:where(.content) section {
  padding-top: 0;
  padding-bottom: 0;
}

html body .content .d-none:not(#ok-layout-none):not([class*=d-sm-]):not([class*=d-md-]):not([class*=d-lg-]):not([class*=d-xl-]):not([class*=d-xxl-]) {
  display: none !important;
}

.content > main,
.content > .ok-management-page,
.content main.ok-management-page {
  min-width: 0;
  max-width: 100%;
}

.navbar-vertical .navbar-brand,
.navbar-top .navbar-brand {
  max-width: 100%;
  min-width: 0;
}
.navbar-vertical .navbar-brand img,
.navbar-top .navbar-brand img {
  width: 2.25rem;
  height: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.navbar-vertical .navbar-brand span,
.navbar-top .navbar-brand span {
  font-size: 1.2rem;
  letter-spacing: 0;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .navbar-top {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-top .navbar-brand {
    margin-left: 0.25rem !important;
  }
  .navbar-top .navbar-brand img {
    width: 1.9rem;
  }
  .navbar-top .navbar-brand span {
    font-size: 1.05rem;
  }
  .navbar-top .navbar-nav-icons {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .navbar-top .navbar-nav-icons .nav-item {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 419.98px) {
  .navbar-top .navbar-brand span {
    display: none;
  }
}
:root {
  --ok-staff-section-gap: 1rem;
}

html body .content > main:not(#ok-layout-none) {
  row-gap: 1rem !important;
}
html body .content > main:not(#ok-layout-none) > :not(.modal):not(.offcanvas):not(.toast-container):not(script):not(template) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body .content > main:not(#ok-layout-none) > .row[class*=g-]:not(#ok-layout-none),
html body .content > main:not(#ok-layout-none) > .row[class*=gy-]:not(#ok-layout-none),
html body .content > main:not(#ok-layout-none) > section > .row[class*=g-]:first-child:not(#ok-layout-none),
html body .content > main:not(#ok-layout-none) > section > .row[class*=gy-]:first-child:not(#ok-layout-none) {
  margin-top: calc(-1 * var(--falcon-gutter-y)) !important;
}
html body .content > main:not(#ok-layout-none) > .row[class*=g-]:not(#ok-layout-none),
html body .content > main:not(#ok-layout-none) > .row[class*=gx-]:not(#ok-layout-none) {
  width: auto !important;
  max-width: none !important;
  margin-left: calc(-0.5 * var(--falcon-gutter-x)) !important;
  margin-right: calc(-0.5 * var(--falcon-gutter-x)) !important;
}
html body .content > main:not(#ok-layout-none) > .alert.d-flex:not(.d-none):not(#ok-layout-none) {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

main[data-ok-dashboard-style-header] > .ok-navbar-page-section,
main[data-ok-dashboard-style-header] > .ok-management-range-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ok-dashboard-page-header-row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 0.75rem;
}
.ok-dashboard-page-header-row > .ok-page-header-copy {
  min-width: min(100%, 16rem);
}

.ok-dashboard-page-title {
  overflow-wrap: break-word;
}

.ok-page-header-illustrated .ok-dashboard-page-title {
  min-width: auto;
}

html body input.form-control:not(.form-control-sm):not(.form-control-lg):not([type=file]):not([type=color]):not(.form-control-plaintext),
html body select.form-select:not(.form-select-sm):not(.form-select-lg):not([multiple]):not([size]) {
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
html body input.form-control.form-control-sm:not([type=file]):not([type=color]),
html body select.form-select.form-select-sm:not([multiple]):not([size]),
html body .input-group-sm > input.form-control:not(#ok-layout-none),
html body .input-group-sm > select.form-select:not(#ok-layout-none) {
  height: 1.9375rem !important;
  min-height: 1.9375rem !important;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
html body .input-group > .input-group-text {
  min-height: 2.25rem;
}
html body .input-group-sm > .input-group-text {
  min-height: 1.9375rem;
}
html body .btn:not(.btn-link):not(.btn-close):not(.btn-reveal):not(.navbar-toggler):not(.navbar-vertical-toggle):not(.p-0):not(.icon-item):not(.btn-lg):not([class*=btn-tertiary]):not(.fc-button):not(.dropdown-item) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 2.25rem !important;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 1.25;
  vertical-align: middle;
}
html body .btn:not(.btn-link):not(.btn-close):not(.btn-reveal):not(.navbar-toggler):not(.navbar-vertical-toggle):not(.p-0):not(.icon-item):not(.btn-lg):not([class*=btn-tertiary]):not(.fc-button):not(.dropdown-item).btn-sm, .btn-group-sm > html body .btn:not(.btn-link):not(.btn-close):not(.btn-reveal):not(.navbar-toggler):not(.navbar-vertical-toggle):not(.p-0):not(.icon-item):not(.btn-lg):not([class*=btn-tertiary]):not(.fc-button):not(.dropdown-item) {
  min-height: 1.9375rem !important;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
html body .btn:not(.btn-link):not(.btn-close):not(.btn-reveal):not(.navbar-toggler):not(.navbar-vertical-toggle):not(.p-0):not(.icon-item):not(.btn-lg):not([class*=btn-tertiary]):not(.fc-button):not(.dropdown-item).w-100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html body .input-group > .btn {
  min-height: 0 !important;
}
html body .input-group:not(.input-group-sm):not(.input-group-lg) > .btn:not(#ok-layout-none) {
  height: 2.25rem;
  padding-top: 0;
  padding-bottom: 0;
}
html body .input-group-sm > .btn:not(#ok-layout-none) {
  height: 1.9375rem;
  padding-top: 0;
  padding-bottom: 0;
}

.content .form-label,
.content .col-form-label,
.content .form-check-label {
  white-space: normal;
  overflow-wrap: anywhere;
}
.content .card-header h2,
.content .card-header h3,
.content .card-header h5,
.content .card-header h6,
.content .card-title {
  overflow-wrap: anywhere;
}

.content .card-header .d-flex > :is(.form-select, .form-control):not([class*=w-]),
.content .d-flex > :is(.form-select-sm, .form-control-sm):not([class*=w-]) {
  width: auto;
  min-width: 8rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.content .d-flex > .badge:not([class*=align-self-]) {
  -ms-flex-item-align: center;
  align-self: center;
}

.content .card-header > .d-flex,
.content .card-body > .d-flex.gap-2,
.content .ok-dashboard-page-controls,
.content .btn-toolbar {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 0;
}

.content .table-responsive,
.content [class*=table-responsive-] {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.content .card > .table-responsive:last-child,
.content .card-body > .table-responsive:last-child {
  margin-bottom: 0;
}
.content .table thead th {
  white-space: nowrap;
}

html body .content .table-responsive:not(#ok-layout-none) > table.table:has(> tbody > tr:only-child > td[colspan]) {
  min-width: 100% !important;
}

html body .content thead.bg-body-tertiary > tr > th:not(#ok-layout-none) {
  background-color: rgba(var(--falcon-tertiary-bg-rgb), 1);
}

@media (min-width: 1200px) {
  html body .content .table-responsive:not(#ok-layout-none) > table.table:not(#ok-layout-none) {
    min-width: 100% !important;
  }
}
.content .row > [class*=col] {
  min-width: 0;
}
.content .card {
  min-width: 0;
}
.content .card-header {
  row-gap: 0.5rem;
}

.content [_echarts_instance_] {
  max-width: 100%;
  overflow: hidden;
}

html body .ok-management-page :is(.row[aria-label$=statistics i] > [class*=col-] .card, [aria-label$=statistics i] .card, [class*=kpi] .card, .card[class*=kpi]):not(#ok-layout-none) {
  min-height: 0 !important;
}
html body .ok-management-page :is(.row[aria-label$=statistics i] > [class*=col-] .card, [aria-label$=statistics i] .card, [class*=kpi] .card, .card[class*=kpi]):not(#ok-layout-none) > .card-body {
  min-height: 0 !important;
}

@media (max-width: 767.98px) {
  .content .nav-tabs:not(:has(.dropdown)),
  .content .nav-underline:not(:has(.dropdown)) {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }
  .content .nav-tabs:not(:has(.dropdown)) .nav-link,
  .content .nav-underline:not(:has(.dropdown)) .nav-link {
    white-space: nowrap;
  }
  .content .modal-footer,
  .content .card-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .content .card-header,
  .content .card-body,
  .content .card-footer {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
#general-settings-management-root .min-w-0 {
  min-width: 0 !important;
}

#general-settings-management-root.ok-gs-ready #settings-tabs,
#general-settings-management-root.ok-gs-ready .ok-settings-main-tabs-host,
#general-settings-management-root.ok-gs-ready .ok-settings-subnav,
#general-settings-management-root.ok-gs-ready #settings-organization-pane > .nav,
#general-settings-management-root.ok-gs-ready #settings-organization-pane > ul.nav,
#general-settings-management-root.ok-gs-ready .ok-gs-hidden {
  display: none !important;
}
#general-settings-management-root.ok-gs-ready > section.ok-gs-history-on {
  display: block !important;
}
#general-settings-management-root.ok-gs-ready #settings-history-title {
  display: block !important;
}
#general-settings-management-root.ok-gs-ready section.ok-gs-workspace > .card-body > .row.ok-gs-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  margin: 0 !important;
  width: auto !important;
  --falcon-gutter-x: 0;
}
#general-settings-management-root.ok-gs-ready section.ok-gs-workspace > .card-body > .row.ok-gs-layout > * {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0;
  margin: 0;
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--falcon-border-color);
  background: var(--falcon-gray-100);
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-list {
  display: none;
}
#general-settings-management-root.ok-gs-ready .ok-gs-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.75rem 1rem 0;
}
#general-settings-management-root.ok-gs-ready .ok-gs-sections[hidden] {
  display: none;
}
#general-settings-management-root.ok-gs-ready .ok-gs-sections .btn {
  white-space: normal;
  text-align: right;
}
@media (min-width: 1200px) {
  #general-settings-management-root.ok-gs-ready section.ok-gs-workspace > .card-body > .row.ok-gs-layout {
    grid-template-columns: 15.5rem minmax(0, 1fr);
  }
  #general-settings-management-root.ok-gs-ready .ok-gs-nav {
    border-bottom: 0;
    border-left: 1px solid var(--falcon-border-color);
    padding: 1rem 0.75rem;
    border-bottom-right-radius: inherit;
  }
  #general-settings-management-root.ok-gs-ready .ok-gs-nav-mobile, #general-settings-management-root.ok-gs-ready .ok-gs-sections {
    display: none !important;
  }
  #general-settings-management-root.ok-gs-ready .ok-gs-nav-list {
    display: block;
    position: sticky;
    top: calc(var(--falcon-top-nav-height, 4.3125rem) + 1rem);
  }
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.7rem;
  border-radius: 0.5rem;
  color: var(--falcon-gray-700);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-item:hover, #general-settings-management-root.ok-gs-ready .ok-gs-nav-item:focus-visible {
  background: var(--falcon-gray-200);
  color: var(--falcon-gray-900);
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-item .ok-gs-nav-icon {
  color: var(--falcon-gray-500);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-item .ok-gs-nav-label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-group + .ok-gs-nav-group {
  margin-top: 0.15rem;
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-group.is-active > .ok-gs-nav-item {
  background: var(--falcon-primary-bg-subtle, rgba(44, 123, 229, 0.12));
  color: var(--falcon-primary);
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-group.is-active > .ok-gs-nav-item .ok-gs-nav-icon {
  color: var(--falcon-primary);
}
#general-settings-management-root.ok-gs-ready .ok-gs-dirty-dot {
  width: 0.5rem;
  height: 0.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--falcon-warning);
  -webkit-box-shadow: 0 0 0 0.15rem rgba(245, 128, 62, 0.2);
  box-shadow: 0 0 0 0.15rem rgba(245, 128, 62, 0.2);
}
#general-settings-management-root.ok-gs-ready .ok-gs-dirty-dot[hidden] {
  display: none;
}
#general-settings-management-root.ok-gs-ready .ok-gs-subnav {
  display: none;
  margin: 0.2rem 1.45rem 0.5rem 0;
  padding-right: 0.6rem;
  border-right: 1px solid var(--falcon-border-color);
}
#general-settings-management-root.ok-gs-ready .ok-gs-nav-group.is-active .ok-gs-subnav {
  display: block;
}
#general-settings-management-root.ok-gs-ready .ok-gs-subnav-item {
  display: block;
  padding: 0.28rem 0.5rem;
  border-radius: 0.375rem;
  color: var(--falcon-gray-600);
  font-size: 0.75rem;
  text-decoration: none;
}
#general-settings-management-root.ok-gs-ready .ok-gs-subnav-item:hover, #general-settings-management-root.ok-gs-ready .ok-gs-subnav-item:focus-visible {
  color: var(--falcon-primary);
  background: var(--falcon-gray-200);
}
#general-settings-management-root.ok-gs-ready #settings-tab-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
}
#general-settings-management-root.ok-gs-ready #settings-tab-content > .tab-pane {
  display: none !important;
}
#general-settings-management-root.ok-gs-ready #settings-tab-content > .tab-pane.ok-gs-on {
  display: block !important;
  opacity: 1 !important;
}
#general-settings-management-root.ok-gs-ready #settings-tab-content > .tab-pane.ok-gs-on.ok-nd-off, #general-settings-management-root.ok-gs-ready #settings-tab-content .tab-pane.ok-nd-off {
  display: none !important;
}
#general-settings-management-root.ok-gs-ready #settings-tab-content > .tab-pane.ok-gs-on ~ .tab-pane.ok-gs-on,
#general-settings-management-root.ok-gs-ready #settings-tab-content > .tab-pane.ok-gs-on + .tab-pane.ok-gs-on {
  border-top: 1px solid var(--falcon-border-color);
}
#general-settings-management-root.ok-gs-ready #settings-organization-pane .tab-content > .tab-pane {
  display: block !important;
  opacity: 1 !important;
}
#general-settings-management-root.ok-gs-ready #settings-organization-pane .tab-content > .tab-pane + .tab-pane {
  border-top: 1px solid var(--falcon-border-color);
}
#general-settings-management-root.ok-gs-ready .ok-settings-tab-content-host {
  min-width: 0;
}
#general-settings-management-root.ok-gs-ready .ok-settings-tab-content-host .card-header {
  overflow-wrap: anywhere;
}
#general-settings-management-root.ok-gs-ready .ok-settings-tab-content-host .card-footer {
  position: static;
}
#general-settings-management-root.ok-gs-ready .ok-gs-pane-header {
  background: transparent;
  border-bottom: 1px solid var(--falcon-border-color);
}
#general-settings-management-root.ok-gs-ready #settings-tab-content > .tab-pane.ok-gs-on > .card,
#general-settings-management-root.ok-gs-ready #settings-tab-content > .tab-pane.ok-gs-on > form > .card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#general-settings-management-root.ok-gs-ready .ok-gs-pane-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 0.5rem;
  background: var(--falcon-primary-bg-subtle, rgba(44, 123, 229, 0.12));
  color: var(--falcon-primary);
  font-size: 0.875rem;
}
#general-settings-management-root.ok-gs-ready .ok-gs-pane-icon svg, #general-settings-management-root.ok-gs-ready .ok-gs-pane-icon .fas {
  width: 1em;
  height: 1em;
}
#general-settings-management-root.ok-gs-ready .ok-gs-block + .ok-gs-block {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--falcon-border-color);
}
#general-settings-management-root.ok-gs-ready .ok-gs-help {
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  background: var(--falcon-gray-100);
}
#general-settings-management-root.ok-gs-ready .ok-gs-help summary {
  cursor: pointer;
}
#general-settings-management-root.ok-gs-ready .ok-gs-help code {
  white-space: normal;
  word-break: break-all;
}
#general-settings-management-root.ok-gs-ready .ok-gs-integration {
  border-color: var(--falcon-border-color) !important;
}
#general-settings-management-root.ok-gs-ready .ok-gs-config > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.2rem 0;
  border-bottom: 1px dashed var(--falcon-border-color);
}
#general-settings-management-root.ok-gs-ready .ok-gs-config dt {
  font-weight: 400;
  color: var(--falcon-gray-600);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#general-settings-management-root.ok-gs-ready .ok-gs-config dd {
  margin: 0;
  text-align: left;
  min-width: 0;
  overflow-wrap: anywhere;
}
#general-settings-management-root.ok-gs-ready .ok-gs-check {
  padding: 0.4rem 0.6rem;
  border-right: 3px solid var(--falcon-gray-400);
  border-radius: 0.25rem;
  background: var(--falcon-gray-100);
}
#general-settings-management-root.ok-gs-ready .ok-gs-check.is-ok {
  border-right-color: var(--falcon-success);
}
#general-settings-management-root.ok-gs-ready .ok-gs-check.is-fail {
  border-right-color: var(--falcon-danger);
}
#general-settings-management-root.ok-gs-ready .ok-gs-list {
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
}
#general-settings-management-root.ok-gs-ready .ok-gs-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.7rem 1rem;
}
#general-settings-management-root.ok-gs-ready .ok-gs-list-row + .ok-gs-list-row {
  border-top: 1px solid var(--falcon-border-color);
}
#general-settings-management-root.ok-gs-ready .ok-gs-list-row > summary {
  cursor: pointer;
  list-style: none;
}
#general-settings-management-root.ok-gs-ready .ok-gs-list-row > summary::-webkit-details-marker {
  display: none;
}
#general-settings-management-root.ok-gs-ready .ok-gs-payload {
  max-height: 14rem;
  overflow: auto;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0.375rem;
  background: var(--falcon-gray-100);
  font-size: 0.6875rem;
  white-space: pre-wrap;
  word-break: break-all;
}
#general-settings-management-root.ok-gs-ready .ok-gs-doc-preview {
  padding: 1.25rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  background: var(--falcon-card-bg, var(--falcon-white));
}
#general-settings-management-root.ok-gs-ready .ok-gs-doc-logo {
  width: auto;
  max-width: 9rem;
  height: 3rem;
  min-width: 5rem;
  -o-object-fit: contain;
  object-fit: contain;
}
#general-settings-management-root.ok-gs-ready .ok-gateway-card .card-header {
  gap: 0.5rem;
}
#general-settings-management-root.ok-gs-ready .ok-gateway-card .form-check-inline {
  margin-left: 0;
  padding-right: 2rem;
}
@media (max-width: 575.98px) {
  #general-settings-management-root.ok-gs-ready .ok-gs-list-row > .d-flex {
    width: 100%;
  }
  #general-settings-management-root.ok-gs-ready .ok-gs-config > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
  #general-settings-management-root.ok-gs-ready .ok-gs-config dd {
    text-align: right;
  }
}

#ok-gs-dialog .ok-gs-events {
  max-height: 16rem;
  overflow-y: auto;
}

#gis-coverage-management-root .min-w-0 {
  min-width: 0 !important;
}
#gis-coverage-management-root .ok-gis-map-card {
  overflow: hidden;
}
#gis-coverage-management-root .ok-gis-map {
  position: relative;
  z-index: 0;
  height: clamp(24rem, 62vh, 40rem);
  background: var(--falcon-gray-200);
}
#gis-coverage-management-root .ok-gis-map.is-drawing, #gis-coverage-management-root .ok-gis-map.is-drawing .leaflet-container {
  cursor: crosshair !important;
}
#gis-coverage-management-root .ok-gis-map.is-drawing .leaflet-interactive, #gis-coverage-management-root .ok-gis-map.is-drawing .leaflet-marker-icon, #gis-coverage-management-root .ok-gis-map.is-drawing .leaflet-marker-shadow {
  pointer-events: none !important;
}
#gis-coverage-management-root .ok-gis-map-message {
  position: absolute;
  inset: 0;
  z-index: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
  background: var(--falcon-gray-100);
}
#gis-coverage-management-root .ok-gis-draw-bar {
  position: absolute;
  top: 0.75rem;
  right: 50%;
  z-index: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  width: min(40rem, 100% - 1.5rem);
  padding: 0.5rem 0.75rem;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  border: 1px solid var(--falcon-primary);
  border-radius: 0.5rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: var(--falcon-box-shadow);
  box-shadow: var(--falcon-box-shadow);
}
#gis-coverage-management-root .ok-gis-draw-bar.d-none {
  display: none !important;
}
#gis-coverage-management-root .ok-gis-toolbar {
  background: var(--falcon-gray-100);
}
#gis-coverage-management-root .ok-gis-search-results {
  position: absolute;
  z-index: 1000;
  top: 100%;
  right: 0.25rem;
  left: 0.25rem;
  max-height: 18rem;
  overflow-y: auto;
}
#gis-coverage-management-root .ok-gis-layer-btn {
  padding: 0.2rem 0.55rem;
  font-size: 0.75rem;
}
#gis-coverage-management-root .btn-check:checked + .ok-gis-layer-btn {
  background: var(--falcon-primary);
  border-color: var(--falcon-primary);
  color: #fff;
}
#gis-coverage-management-root .btn-check:disabled + .ok-gis-layer-btn {
  opacity: 0.45;
  text-decoration: line-through;
}
#gis-coverage-management-root .ok-gis-quality-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.65rem 0.25rem;
  border: 0;
  border-bottom: 1px solid var(--falcon-border-color);
  background: transparent;
  text-align: right;
}
#gis-coverage-management-root .ok-gis-quality-row:last-child {
  border-bottom: 0;
}
#gis-coverage-management-root .ok-gis-quality-row:hover, #gis-coverage-management-root .ok-gis-quality-row:focus-visible {
  background: var(--falcon-gray-100);
}
#gis-coverage-management-root .ok-gis-zone-table {
  min-width: 44rem;
}
#gis-coverage-management-root .ok-gis-wrap {
  max-width: 14rem;
  white-space: normal;
}
#gis-coverage-management-root .ok-gis-swatch {
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  margin-left: 0.35rem;
  border-radius: 0.2rem;
  background: var(--gis-c);
  vertical-align: middle;
}

#gis-dialog .ok-gis-list {
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
}

#gis-dialog .ok-gis-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0.55rem 0.8rem;
  font-size: 0.8125rem;
}
#gis-dialog .ok-gis-list-row + .ok-gis-list-row {
  border-top: 1px solid var(--falcon-border-color);
}

.ok-gis-pin {
  background: transparent;
  border: 0;
}

.ok-gis-dot {
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--gis-c);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}
.ok-gis-dot.is-ring {
  -webkit-box-shadow: 0 0 0 2px var(--gis-c), 0 1px 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 0 2px var(--gis-c), 0 1px 4px rgba(0, 0, 0, 0.35);
}
.ok-gis-dot.is-bad {
  border-color: #e63757;
  -webkit-box-shadow: 0 0 0 2px #e63757;
  box-shadow: 0 0 0 2px #e63757;
}
.ok-gis-dot.is-unverified {
  border-style: dashed;
}

.ok-gis-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.45rem 0.6rem;
  border-radius: 0.375rem;
  background: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  color: #344050;
  font-size: 0.6875rem;
}
.ok-gis-legend span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.35rem;
}
.ok-gis-legend i {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: var(--gis-c);
}
.ok-gis-legend i.sq {
  border-radius: 0.15rem;
  opacity: 0.75;
}

.ok-gis-popup {
  min-width: 12rem;
  color: #344050;
  font-size: 0.75rem;
}
.ok-gis-popup .text-600 {
  color: #5e6e82 !important;
}

.ok-gis-tip {
  font-size: 0.6875rem;
}

@media (max-width: 575.98px) {
  .ok-gis-legend {
    display: none;
  }
  #gis-coverage-management-root .ok-gis-map {
    height: 26rem;
  }
}
.ok-location-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.6rem 0.75rem;
  border: 1px dashed var(--falcon-border-color);
  border-radius: 0.5rem;
  background: var(--falcon-gray-100);
}

.ok-location-picker-map {
  height: min(60vh, 28rem);
  background: var(--falcon-gray-200);
}
.ok-location-picker-map .leaflet-container {
  cursor: crosshair;
}

.modal-fullscreen-sm-down .ok-location-picker-map {
  min-height: 18rem;
}

@media (max-width: 575.98px) {
  .ok-location-picker-map {
    height: calc(100vh - 11rem);
  }
}
.ok-location-picker-pin {
  display: block;
  width: 22px;
  height: 22px;
  border: 3px solid #fff;
  border-radius: 50% 50% 0 50%;
  background: #e63757;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ok-hr-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.85rem;
}
.ok-hr-root > section,
.ok-hr-root > .card,
.ok-hr-root > .alert {
  margin-bottom: 0 !important;
}

.ok-hr-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.ok-hr-tabs .nav-link {
  white-space: nowrap;
  padding: 0.8rem 1rem;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--falcon-gray-700);
  font-size: 0.8333rem;
}
.ok-hr-tabs .nav-link.active, .ok-hr-tabs .nav-link:hover {
  color: var(--falcon-primary);
  background: transparent;
}
.ok-hr-tabs .nav-link.active {
  border-bottom-color: var(--falcon-primary);
  font-weight: 600;
}

.ok-hr-panel {
  min-height: 12rem;
}

.ok-hr-table {
  min-width: 52rem;
}
.ok-hr-table th {
  white-space: nowrap;
  font-weight: 600;
}

.ok-hr-clickable {
  cursor: pointer;
}

.ok-hr-kpi.ok-hr-clickable:hover {
  -webkit-box-shadow: var(--falcon-box-shadow);
  box-shadow: var(--falcon-box-shadow);
}

.ok-hr-wrap {
  max-width: 18rem;
  white-space: normal;
}

.ok-hr-grid {
  min-width: 56rem;
}
.ok-hr-grid td.ok-hr-cell {
  min-width: 6.5rem;
  cursor: pointer;
  vertical-align: middle;
}
.ok-hr-grid td.ok-hr-override {
  background: var(--falcon-warning-bg-subtle);
}

.ok-ep .ok-ep-tabs {
  scrollbar-width: thin;
  padding-bottom: 0.15rem;
}
.ok-ep .table {
  min-width: 34rem;
}

.ok-hr-bracket input {
  min-width: 6.5rem;
}

.ok-staff-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.85rem;
}
.ok-staff-root > section,
.ok-staff-root > .card,
.ok-staff-root > .alert {
  margin-bottom: 0 !important;
}

.ok-staff-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.ok-staff-tabs .nav-link {
  white-space: nowrap;
  padding: 0.8rem 1rem;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--falcon-gray-700);
  font-size: 0.8333rem;
}
.ok-staff-tabs .nav-link.active, .ok-staff-tabs .nav-link:hover {
  color: var(--falcon-primary);
  background: transparent;
}
.ok-staff-tabs .nav-link.active {
  border-bottom-color: var(--falcon-primary);
  font-weight: 600;
}

.ok-staff-panel {
  min-height: 12rem;
}

.ok-staff-kpi-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ok-staff-table {
  min-width: 52rem;
}
.ok-staff-table td,
.ok-staff-table th {
  vertical-align: middle;
}

.ok-staff-matrix {
  min-width: 60rem;
}
.ok-staff-matrix thead th {
  font-size: 0.75rem;
}

.ok-my-account .modal-dialog {
  max-width: min(46rem, 100vw - 1rem);
}

.ok-nm-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.85rem;
}
.ok-nm-root > section,
.ok-nm-root > .card,
.ok-nm-root > .alert {
  margin-bottom: 0 !important;
}
.ok-nm-root .min-w-0 {
  min-width: 0;
}
.ok-nm-root .flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ok-nm-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.ok-nm-tabs .nav-link {
  white-space: nowrap;
  padding: 0.8rem 1rem;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--falcon-gray-700);
  font-size: 0.8333rem;
}
.ok-nm-tabs .nav-link.active, .ok-nm-tabs .nav-link:hover {
  color: var(--falcon-primary);
  background: transparent;
}
.ok-nm-tabs .nav-link.active {
  border-bottom-color: var(--falcon-primary);
  font-weight: 600;
}

.ok-nm-panel {
  min-height: 12rem;
}

.ok-nm-kpi-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 0.8rem;
}

.ok-nm-toolbar {
  padding: 0.75rem 1rem;
  background: var(--falcon-tertiary-bg);
}
.ok-nm-toolbar .ok-nm-tool {
  min-width: 9rem;
}
.ok-nm-toolbar #netmon-filter-text {
  min-width: 11rem;
}

.ok-nm-dot {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: var(--falcon-gray-400);
}
.ok-nm-dot.is-up {
  background: var(--falcon-success);
  -webkit-box-shadow: 0 0 0 3px rgba(var(--falcon-success-rgb), 0.18);
  box-shadow: 0 0 0 3px rgba(var(--falcon-success-rgb), 0.18);
}
.ok-nm-dot.is-down {
  background: var(--falcon-danger);
  -webkit-box-shadow: 0 0 0 3px rgba(var(--falcon-danger-rgb), 0.18);
  box-shadow: 0 0 0 3px rgba(var(--falcon-danger-rgb), 0.18);
}
.ok-nm-dot.is-stale {
  background: var(--falcon-warning);
}

.ok-nm-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(var(--nm-cols, 3), minmax(0, 1fr));
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.ok-nm-grid[data-columns="1"] {
  --nm-cols: 1;
}
.ok-nm-grid[data-columns="2"] {
  --nm-cols: 2;
}
.ok-nm-grid[data-columns="3"] {
  --nm-cols: 3;
}
.ok-nm-grid[data-columns="4"] {
  --nm-cols: 4;
}
.ok-nm-grid:empty {
  display: none;
}

@media (max-width: 1199.98px) {
  .ok-nm-grid[data-columns="4"] {
    --nm-cols: 2;
  }
  .ok-nm-grid[data-columns="3"] {
    --nm-cols: 2;
  }
}
@media (max-width: 767.98px) {
  .ok-nm-grid[data-columns] {
    --nm-cols: 1;
  }
  .ok-nm-card.is-wide {
    grid-column: auto !important;
  }
}
.ok-nm-card {
  min-width: 0;
  -webkit-box-shadow: var(--falcon-box-shadow-sm);
  box-shadow: var(--falcon-box-shadow-sm);
  border: 1px solid var(--falcon-border-color);
}
.ok-nm-card.is-wide {
  grid-column: span 2;
}
.ok-nm-grid[data-columns="1"] .ok-nm-card.is-wide {
  grid-column: auto;
}
.ok-nm-card.is-offline {
  border-color: rgba(var(--falcon-danger-rgb), 0.45);
}
.ok-nm-card.is-minimized .ok-nm-chart-wrap,
.ok-nm-card.is-minimized .ok-nm-stats {
  display: none;
}
.ok-nm-card.is-minimized .ok-nm-card-body {
  padding-bottom: 0.5rem;
}

[data-nm-kind] {
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ok-nm-card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.65rem 0.75rem 0.35rem;
  background: transparent;
  border-bottom: 0;
}

.ok-nm-card-handle {
  color: var(--falcon-gray-500);
  cursor: -webkit-grab;
  cursor: grab;
  line-height: 1.4;
}
.ok-nm-card-handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.ok-nm-card-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ok-nm-card-tools .btn-link {
  color: var(--falcon-gray-600);
}
.ok-nm-card-tools .btn-link:hover {
  color: var(--falcon-primary);
}

.ok-nm-card-body {
  padding: 0.25rem 0.75rem 0.5rem;
}

.ok-nm-now {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin-bottom: 0.35rem;
}

.ok-nm-now-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.35rem;
}

.ok-nm-now-value {
  font-size: 1.05rem;
  font-variant-numeric: tabular-nums;
  color: var(--falcon-gray-900);
}

.ok-nm-legend {
  display: inline-block;
  width: 0.65rem;
  height: 0.2rem;
  border-radius: 1rem;
  margin-left: 0.3rem;
  vertical-align: middle;
}
.ok-nm-legend.is-rx {
  background: #2c7be5;
}
.ok-nm-legend.is-tx {
  background: #00b46c;
}

.ok-nm-chart-wrap {
  position: relative;
  height: 11rem;
}
.ok-nm-card.is-wide .ok-nm-chart-wrap {
  height: 13rem;
}

.ok-nm-chart {
  position: absolute;
  inset: 0;
}

.ok-nm-chart-state {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--falcon-card-bg, var(--falcon-body-bg));
  z-index: 2;
}
.ok-nm-chart-state > div {
  padding: 0 !important;
}

.ok-nm-stats {
  width: 100%;
  table-layout: fixed;
  font-variant-numeric: tabular-nums;
}
.ok-nm-stats th,
.ok-nm-stats td {
  padding: 0.2rem 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ok-nm-stats th:first-child {
  width: 2.4rem;
  padding-right: 0;
  text-overflow: clip;
}
.ok-nm-stats tbody th.is-rx {
  color: #2c7be5;
}
.ok-nm-stats tbody th.is-tx {
  color: #00b46c;
}
.ok-nm-stats thead th {
  color: var(--falcon-gray-600);
  font-weight: 500;
  border-bottom-width: 1px;
}
.ok-nm-stats tbody th {
  font-weight: 600;
}

.ok-nm-card-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  padding: 0.4rem 0.75rem;
  background: transparent;
}

.ok-nm-ghost {
  opacity: 0.45;
}

.ok-nm-pick {
  max-height: 22rem;
  overflow-y: auto;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
}

.ok-nm-pick-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  margin: 0;
  border-bottom: 1px solid var(--falcon-border-color);
  cursor: pointer;
  font-size: 0.8333rem;
}
.ok-nm-pick-item:last-child {
  border-bottom: 0;
}
.ok-nm-pick-item:hover {
  background: var(--falcon-tertiary-bg);
}
.ok-nm-pick-item.is-on {
  opacity: 0.6;
  cursor: default;
}

.ok-nm-router.is-offline {
  border: 1px solid rgba(var(--falcon-danger-rgb), 0.45);
}
.ok-nm-router.is-focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--falcon-primary-rgb), 0.35);
  box-shadow: 0 0 0 0.2rem rgba(var(--falcon-primary-rgb), 0.35);
}

.ok-nm-dl dt {
  font-weight: 500;
  color: var(--falcon-gray-600);
  margin-bottom: 0.3rem;
}
.ok-nm-dl dd {
  margin-bottom: 0.3rem;
  min-width: 0;
}

.ok-nm-meter {
  height: 0.35rem;
  min-width: 3rem;
}

.ok-nm-metrics-chart {
  height: 22rem;
}

.ok-nm-table td,
.ok-nm-table th {
  vertical-align: middle;
}

.ok-nm-noc-head {
  display: none;
}

.ok-nm-wall.ok-nm-noc {
  position: fixed;
  inset: 0;
  z-index: 1080;
  overflow-y: auto;
  background: #0b1727;
  color: #d8e2ef;
  --falcon-card-bg: #0f1f33;
}
.ok-nm-wall.ok-nm-noc .ok-nm-toolbar {
  background: #0f1f33;
  border-color: #1e3048 !important;
}
.ok-nm-wall.ok-nm-noc .ok-nm-noc-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.6rem 1rem;
  background: #081221;
  color: #d8e2ef;
  font-size: 0.9rem;
}
.ok-nm-wall.ok-nm-noc .ok-nm-card {
  background: #0f1f33;
  border-color: #1e3048;
  color: #d8e2ef;
}
.ok-nm-wall.ok-nm-noc .ok-nm-card.is-offline {
  border-color: rgba(230, 55, 87, 0.6);
}
.ok-nm-wall.ok-nm-noc .ok-nm-card h3,
.ok-nm-wall.ok-nm-noc .ok-nm-card .ok-nm-now-value,
.ok-nm-wall.ok-nm-noc .ok-nm-card .ok-nm-stats {
  color: #edf2f9;
}
.ok-nm-wall.ok-nm-noc .ok-nm-card .text-600,
.ok-nm-wall.ok-nm-noc .ok-nm-card .ok-nm-stats thead th {
  color: #9da9bb !important;
}
.ok-nm-wall.ok-nm-noc .ok-nm-card .ok-nm-stats td,
.ok-nm-wall.ok-nm-noc .ok-nm-card .ok-nm-stats th {
  border-color: #1e3048;
  background: transparent;
  color: #d8e2ef;
}
.ok-nm-wall.ok-nm-noc .ok-nm-chart-state {
  background: #0f1f33;
}
.ok-nm-wall.ok-nm-noc .ok-nm-chart-wrap {
  height: 14rem;
}
.ok-nm-wall.ok-nm-noc .ok-nm-card.is-wide .ok-nm-chart-wrap {
  height: 16rem;
}

.btn .ok-nm-dot {
  margin-left: 0.35rem;
}

.ok-nm-grid[data-columns="3"] .ok-nm-card:not(.is-wide) .ok-nm-stats,
.ok-nm-grid[data-columns="4"] .ok-nm-card:not(.is-wide) .ok-nm-stats {
  font-size: 0.68rem !important;
}
.ok-nm-grid[data-columns="3"] .ok-nm-card:not(.is-wide) .ok-nm-stats th,
.ok-nm-grid[data-columns="3"] .ok-nm-card:not(.is-wide) .ok-nm-stats td,
.ok-nm-grid[data-columns="4"] .ok-nm-card:not(.is-wide) .ok-nm-stats th,
.ok-nm-grid[data-columns="4"] .ok-nm-card:not(.is-wide) .ok-nm-stats td {
  padding-right: 0.1rem;
  padding-left: 0.1rem;
}
.ok-nm-grid[data-columns="3"] .ok-nm-card:not(.is-wide) .ok-nm-now-value,
.ok-nm-grid[data-columns="4"] .ok-nm-card:not(.is-wide) .ok-nm-now-value {
  font-size: 0.95rem;
}

.ok-msg-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.85rem;
}
.ok-msg-root > section,
.ok-msg-root > .card,
.ok-msg-root > .alert {
  margin-bottom: 0 !important;
}
.ok-msg-root .min-w-0 {
  min-width: 0;
}
.ok-msg-root .flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ok-msg-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.ok-msg-tabs .nav-link {
  white-space: nowrap;
  padding: 0.8rem 1rem;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--falcon-gray-700);
  font-size: 0.8333rem;
}
.ok-msg-tabs .nav-link.active, .ok-msg-tabs .nav-link:hover {
  color: var(--falcon-primary);
  background: transparent;
}
.ok-msg-tabs .nav-link.active {
  border-bottom-color: var(--falcon-primary);
  font-weight: 600;
}

.ok-msg-panel {
  min-height: 12rem;
}

.ok-msg-kpi-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 0.8rem;
}

.ok-msg-ch-sms {
  color: #00a86b;
}

.ok-msg-ch-email {
  color: var(--falcon-primary);
}

.ok-msg-ch-telegram {
  color: #229ed9;
}

.ok-msg-ch-viber {
  color: #7360f2;
}

.ok-msg-ch-messenger {
  color: #0a7cff;
}

.ok-msg-ch-whatsapp {
  color: #25d366;
}

.ok-msg-ch-website {
  color: #0a5bd3;
}

.ok-msg-ch-portal,
.ok-msg-ch-webhook {
  color: var(--falcon-gray-700);
}

.ok-msg-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.05rem 0.45rem;
  margin: 0 0 0.15rem 0.2rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 1rem;
  font-size: 0.72rem;
  white-space: nowrap;
  background: var(--falcon-card-bg);
}

.ok-msg-chan-icon {
  font-size: 1.25rem;
  width: 1.5rem;
  text-align: center;
}

.ok-msg-chan.is-ready {
  border-color: rgba(var(--falcon-success-rgb), 0.45) !important;
}

.ok-msg-int.is-off {
  opacity: 0.75;
}

.ok-msg-search {
  max-width: 16rem;
}

.ok-msg-clip {
  max-width: 28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ok-msg-pre {
  white-space: pre-wrap;
  word-break: break-word;
}

.ok-msg-progress {
  height: 0.35rem;
}

.ok-msg-code {
  letter-spacing: 0.15em;
  color: var(--falcon-primary);
}

.ok-msg-step {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  margin-left: 0.4rem;
  border-radius: 50%;
  background: var(--falcon-primary);
  color: #fff;
  font-size: 0.7rem;
}

.ok-msg-preview {
  padding: 0.6rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  background: var(--falcon-tertiary-bg);
}

.ok-msg-bubble {
  display: inline-block;
  max-width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.8rem;
}
.ok-msg-bubble.is-sms {
  background: rgba(0, 168, 107, 0.12);
  border-bottom-right-radius: 0.25rem;
}
.ok-msg-bubble.is-chat {
  background: rgba(var(--falcon-primary-rgb), 0.12);
  border-bottom-left-radius: 0.25rem;
}
.ok-msg-bubble.is-in {
  background: var(--falcon-tertiary-bg);
  border: 1px solid var(--falcon-border-color);
  border-bottom-right-radius: 0.25rem;
}
.ok-msg-bubble.is-failed {
  outline: 1px solid rgba(var(--falcon-danger-rgb), 0.6);
}

.ok-msg-vars {
  max-height: 9rem;
  overflow-y: auto;
}

.ok-msg-pick {
  max-height: 12rem;
  overflow-y: auto;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
}
.ok-msg-pick:empty {
  display: none;
}

.ok-msg-pick-item {
  display: block;
  padding: 0.4rem 0.6rem;
  border: 0;
  border-bottom: 1px solid var(--falcon-border-color);
  background: transparent;
  font-size: 0.78rem;
  color: inherit;
}
.ok-msg-pick-item:hover {
  background: var(--falcon-tertiary-bg);
}
.ok-msg-pick-item:last-child {
  border-bottom: 0;
}

.ok-msg-inbox {
  display: grid;
  grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
  min-height: 32rem;
}

.ok-msg-contacts {
  max-height: 34rem;
  overflow-y: auto;
}

.ok-msg-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0.6rem 0.75rem;
  border: 0;
  border-bottom: 1px solid var(--falcon-border-color);
  background: transparent;
  color: inherit;
}
.ok-msg-contact:hover {
  background: var(--falcon-tertiary-bg);
}
.ok-msg-contact.is-active {
  background: rgba(var(--falcon-primary-rgb), 0.08);
  -webkit-box-shadow: inset -3px 0 0 var(--falcon-primary);
  box-shadow: inset -3px 0 0 var(--falcon-primary);
}

.ok-msg-inbox-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
}

.ok-msg-thread {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-height: 26rem;
  overflow-y: auto;
}

.ok-msg-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
}
.ok-msg-line.is-out {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ok-msg-line .ok-msg-bubble {
  max-width: min(36rem, 85%);
}

@media (max-width: 767.98px) {
  .ok-msg-inbox {
    grid-template-columns: 1fr;
  }
  .ok-msg-inbox-list {
    border-left: 0 !important;
    border-bottom: 1px solid var(--falcon-border-color);
  }
  .ok-msg-contacts {
    max-height: 16rem;
  }
}
.ok-fd-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.85rem;
}
.ok-fd-root > section,
.ok-fd-root > .card,
.ok-fd-root > .alert {
  margin-bottom: 0 !important;
}

.ok-fd-kpi-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.85rem;
}

.ok-fd-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.ok-fd-tabs .nav-link {
  white-space: nowrap;
  padding: 0.8rem 1rem;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--falcon-gray-700);
  font-size: 0.8333rem;
}
.ok-fd-tabs .nav-link.active, .ok-fd-tabs .nav-link:hover {
  color: var(--falcon-primary);
  background: transparent;
}
.ok-fd-tabs .nav-link.active {
  border-bottom-color: var(--falcon-primary);
  font-weight: 600;
}

@media (min-width: 1200px) {
  .border-end-xl {
    border-left: 1px solid var(--falcon-border-color);
  }
}
.ok-fd-search {
  max-width: 16rem;
}

.ok-fd-tech {
  padding: 0.7rem 0.8rem;
  margin-bottom: 0.6rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.6rem;
  background: var(--falcon-card-bg);
}
.ok-fd-tech .ok-fd-avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.3rem;
  flex: 0 0 2.3rem;
  width: 2.3rem;
  height: 2.3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--falcon-primary-bg-subtle);
  color: var(--falcon-primary);
  font-weight: 700;
  font-size: 0.8rem;
}
.ok-fd-tech .ok-fd-load {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  margin-top: 0.5rem;
}
.ok-fd-tech .ok-fd-load > div {
  padding: 0.3rem;
  border-radius: 0.4rem;
  background: var(--falcon-gray-100);
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.2;
}
.ok-fd-tech .ok-fd-load > div strong {
  display: block;
  font-size: 0.9rem;
}

.ok-fd-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.7rem 0.2rem;
  border-bottom: 1px solid var(--falcon-border-color);
}
.ok-fd-row:last-child {
  border-bottom: 0;
}
.ok-fd-row .ok-fd-priority {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4px;
  flex: 0 0 4px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 4px;
  background: var(--falcon-gray-300);
}
.ok-fd-row .ok-fd-priority.is-urgent {
  background: var(--falcon-danger);
}
.ok-fd-row .ok-fd-priority.is-high {
  background: var(--falcon-warning);
}
.ok-fd-row .ok-fd-priority.is-normal {
  background: var(--falcon-primary);
}

.ok-fd-report .ok-fd-signature {
  max-width: 18rem;
  max-height: 7rem;
  border-bottom: 1px solid var(--falcon-gray-400);
  background: #fff;
}
.ok-fd-report .ok-fd-photos img {
  width: 6rem;
  height: 6rem;
  margin: 0 0 0.35rem 0.35rem;
  border-radius: 0.4rem;
  -o-object-fit: cover;
  object-fit: cover;
}

:root {
  --ok-app-top: 0px;
  --ok-app-pager-h: 3.1rem;
}

html.ok-app-on,
html.ok-app-on body {
  height: 100%;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

html.ok-app-on body {
  position: fixed;
  inset: 0;
  width: 100%;
}

html.ok-app-on body > main {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html.ok-app-on [data-ok-app] {
  position: fixed !important;
  top: var(--ok-app-top);
  left: 0;
  right: 0;
  z-index: 1;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  max-width: 30rem !important;
  height: 100vh;
  height: 100dvh;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden !important;
}

html.ok-app-on.ok-app-sized [data-ok-app] {
  height: var(--ok-app-h);
}

html.ok-app-on [data-ok-app] > [data-ok-app-header],
html.ok-app-on [data-ok-app] [data-ok-app-header] {
  position: relative !important;
  top: auto !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: calc(0.55rem + env(safe-area-inset-top)) !important;
}

html.ok-app-on [data-ok-app] [data-ok-app-nav] {
  position: relative !important;
  inset: auto !important;
  bottom: auto !important;
  right: auto !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  border-radius: 0 !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

html.ok-app-on [data-ok-app] [data-ok-app-nav] button,
html.ok-app-on [data-ok-app] [data-ok-app-nav] a {
  min-height: 3.4rem !important;
}

html.ok-app-on [data-ok-app] [data-ok-app-main] {
  position: relative;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 0.5rem !important;
  overflow: hidden !important;
}

html.ok-app-on [data-ok-app] [data-ok-app-main] > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

html.ok-app-on [data-ok-app] [data-ok-app-main] > .ok-app-region {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden !important;
}

.ok-pg-off,
.ok-tab-off,
html.ok-app-on body .ok-pg-off.ok-pg-off.ok-pg-off,
html.ok-app-on body .ok-tab-off.ok-tab-off.ok-tab-off,
html.ok-app-on body .ok-app-region table.ok-app-stack .ok-pg-off.ok-pg-off {
  display: none !important;
}

.ok-pg-tall {
  max-height: var(--ok-pg-tall-h, 60vh);
  overflow-y: auto !important;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.ok-app-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  min-height: var(--ok-app-pager-h);
  padding: 0.35rem 0.1rem 0;
}

.ok-app-pager[hidden] {
  display: none !important;
}

.ok-app-pager .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 5.6rem;
  min-height: 2.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.35rem;
  border-radius: 0.8rem;
  font-size: 0.8rem;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.ok-app-pager-mid {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
}

.ok-app-pager-label {
  display: block;
  overflow: hidden;
  color: var(--falcon-gray-700, #5e6e82);
  font-size: 0.72rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ok-app-pager-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.3rem;
  margin-top: 0.25rem;
}

.ok-app-pager-dots span {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--falcon-gray-300, #d8e2ef);
}

.ok-app-pager-dots span.is-on {
  width: 1rem;
  border-radius: 1rem;
  background: var(--falcon-primary, #2c7be5);
}

.ok-app-pager-progress {
  height: 0.3rem;
  margin-top: 0.3rem;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--falcon-gray-200, #edf2f9);
}

.ok-app-pager-progress > span {
  display: block;
  height: 100%;
  border-radius: 1rem;
  background: var(--falcon-primary, #2c7be5);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.ok-app-tabs {
  display: grid;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-template-columns: repeat(var(--ok-tabs, 3), minmax(0, 1fr));
  gap: 0.3rem;
  margin: 0 0 0.6rem;
  padding: 0.25rem;
  border-radius: 0.9rem;
  background: var(--falcon-gray-200, #edf2f9);
}

.ok-app-tabs button {
  min-width: 0;
  min-height: 2.6rem;
  padding: 0.3rem 0.25rem;
  overflow: hidden;
  border: 0;
  border-radius: 0.7rem;
  background: transparent;
  color: var(--falcon-gray-700, #5e6e82);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.15;
  text-overflow: ellipsis;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.ok-app-tabs button.is-active {
  background: #fff;
  color: var(--falcon-primary, #2c7be5);
  -webkit-box-shadow: 0 0.1rem 0.4rem rgba(11, 40, 82, 0.12);
  box-shadow: 0 0.1rem 0.4rem rgba(11, 40, 82, 0.12);
}

.ok-app-tabs button .badge {
  margin-right: 0.2rem;
}

html.ok-app-on [data-ok-app] .ok-ep-tabs,
html.ok-app-on [data-ok-app] .tech-filter-chips,
html.ok-app-on [data-ok-app] .tech-chip-row,
html.ok-app-on [data-ok-app] [data-ok-wrap] {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

html.ok-app-on table.ok-app-stack,
html.ok-app-on table.ok-app-stack tbody,
html.ok-app-on table.ok-app-stack tr,
html.ok-app-on table.ok-app-stack td,
html.ok-app-on table.ok-app-stack th {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
}

html.ok-app-on table.ok-app-stack {
  border: 0;
}

html.ok-app-on table.ok-app-stack thead {
  display: none;
}

html.ok-app-on table.ok-app-stack tr {
  margin-bottom: 0.45rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.7rem;
  background: var(--falcon-card-bg, #fff);
}

html.ok-app-on table.ok-app-stack td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.2rem 0.5rem;
  padding: 0.15rem 0 !important;
  border: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html.ok-app-on table.ok-app-stack td::before {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 45%;
  margin-left: auto;
  color: var(--falcon-gray-600, #748194);
  font-size: 0.7rem;
  font-weight: 600;
  text-align: right;
  content: attr(data-label);
}

html.ok-app-on table.ok-app-stack td[data-label=""],
html.ok-app-on table.ok-app-stack td:not([data-label]) {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: right !important;
}

html.ok-app-on [data-ok-app] .table-responsive {
  overflow: visible !important;
}

html.ok-app-on [data-ok-app] [data-ok-app-main] * {
  max-width: 100%;
}

html.ok-app-on [data-ok-app] img,
html.ok-app-on [data-ok-app] canvas,
html.ok-app-on [data-ok-app] svg,
html.ok-app-on [data-ok-app] video {
  max-width: 100%;
}

html.ok-app-on [data-ok-app] .ok-app-region {
  overflow-wrap: anywhere;
}

html.ok-app-on .modal.ok-app-modal {
  top: var(--ok-app-top);
  height: var(--ok-app-h, 100dvh);
  overflow: hidden !important;
}

html.ok-app-on .modal.ok-app-modal .modal-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 30rem;
  height: 100%;
  margin: 0 auto;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

html.ok-app-on .modal.ok-app-modal .modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-height: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}

html.ok-app-on .modal.ok-app-modal .modal-header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  gap: 0.5rem;
  padding-top: calc(0.75rem + env(safe-area-inset-top));
}

html.ok-app-on .modal.ok-app-modal .modal-content > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

html.ok-app-on .modal.ok-app-modal .modal-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  overflow: hidden !important;
}

html.ok-app-on .modal.ok-app-modal .modal-footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: calc(0.6rem + env(safe-area-inset-bottom));
}

html.ok-app-on .modal.ok-app-modal .modal-footer .btn {
  min-height: 2.75rem;
}

html.ok-app-on .modal.ok-app-modal .btn-close {
  display: none;
}

.ok-app-back {
  display: inline-grid;
  width: 2.6rem;
  height: 2.6rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  place-items: center;
  margin: -0.25rem -0.4rem -0.25rem 0.1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--falcon-gray-200, #edf2f9);
  color: var(--falcon-gray-800, #4d5969);
}

@media (min-width: 480px) {
  html.ok-app-on [data-ok-app] {
    top: calc(var(--ok-app-top) + 0.75rem);
    border-radius: 1.35rem;
    -webkit-box-shadow: 0 0 2.5rem rgba(10, 48, 91, 0.16);
    box-shadow: 0 0 2.5rem rgba(10, 48, 91, 0.16);
  }
  html.ok-app-on.ok-app-sized [data-ok-app] {
    height: calc(var(--ok-app-h) - 1.5rem);
  }
  html.ok-app-on .modal.ok-app-modal .modal-dialog {
    height: calc(100% - 1.5rem);
    margin-top: 0.75rem;
  }
  html.ok-app-on .modal.ok-app-modal .modal-content {
    border-radius: 1.35rem;
  }
}
@media (max-height: 520px) {
  html.ok-app-on [data-ok-app] [data-ok-app-header] {
    min-height: 2.9rem !important;
    padding-top: calc(0.3rem + env(safe-area-inset-top)) !important;
    padding-bottom: 0.3rem !important;
  }
  html.ok-app-on [data-ok-app] [data-ok-app-header] .btn,
  html.ok-app-on [data-ok-app] [data-ok-app-header] .portal-topbar-action {
    width: 2.25rem !important;
    height: 2.25rem !important;
  }
  html.ok-app-on [data-ok-app] [data-ok-app-nav] {
    min-height: 0 !important;
  }
  html.ok-app-on [data-ok-app] [data-ok-app-nav] button,
  html.ok-app-on [data-ok-app] [data-ok-app-nav] a {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    min-height: 2.75rem !important;
    gap: 0.35rem !important;
    padding: 0.25rem !important;
  }
  html.ok-app-on [data-ok-app] [data-ok-app-nav] button > span,
  html.ok-app-on [data-ok-app] [data-ok-app-nav] button > svg {
    margin: 0 !important;
    font-size: 0.95rem !important;
  }
  .ok-app-tabs button {
    min-height: 2.3rem;
  }
  html.ok-app-on .modal.ok-app-modal .modal-header {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  html.ok-app-on .modal.ok-app-modal .modal-footer {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
  }
  :root {
    --ok-app-pager-h: 2.9rem;
  }
}
@media (orientation: landscape) and (max-height: 520px) {
  html.ok-app-on [data-ok-app],
  html.ok-app-on .modal.ok-app-modal .modal-dialog {
    max-width: 46rem !important;
  }
}
html.ok-app-on.ok-kb-open [data-ok-app] [data-ok-app-nav],
html.ok-app-on.ok-kb-open [data-ok-app] .ok-app-kb-hide {
  display: none !important;
}

html.ok-app-on.ok-kb-open [data-ok-app] [data-ok-app-header] {
  min-height: 2.6rem !important;
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

@media (prefers-reduced-motion: reduce) {
  .ok-app-pager-progress > span {
    -webkit-transition: none;
    transition: none;
  }
}
html.ok-app-on [data-ok-app] .ok-app-region,
html.ok-app-on [data-ok-app] [data-ok-app-main] > section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html.ok-app-on .modal.ok-app-modal .ok-app-pager {
  padding: 0.35rem 1rem 0.2rem;
}

@media (min-width: 560px) {
  html.ok-app-on table.ok-app-stack tr,
  html.ok-app-on .modal.ok-app-modal table.ok-app-stack tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
html.ok-app-on [data-ok-app] .ok-app-alert {
  position: relative;
  display: -webkit-box !important;
  max-height: 5.4rem;
  padding-left: 4.6rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow-wrap: anywhere;
}

html.ok-app-on [data-ok-app] .ok-app-alert.d-none {
  display: none !important;
}

html.ok-app-on [data-ok-app] .ok-app-alert-more {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  min-height: 2.4rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

html.ok-app-on .portal-hero,
html.ok-app-on .tech-hero {
  min-height: 0 !important;
  padding-bottom: 1.5rem !important;
}

html.ok-app-on .portal-hero-scene {
  opacity: 0.35;
}

html.ok-app-on .portal-service-card,
html.ok-app-on .tech-duty-card {
  margin-top: 0 !important;
}

html.ok-app-on .ok-app-region .portal-body-stack > *,
html.ok-app-on .ok-app-region [class*=-grid] > *,
html.ok-app-on .ok-app-region .d-grid > * {
  min-width: 0;
}

html.ok-app-on .portal-chat-card {
  min-height: 0 !important;
}

html.ok-app-on .portal-chat-thread,
html.ok-app-on .tech-message-thread {
  min-height: 3rem !important;
  max-height: none !important;
  overflow: visible !important;
}

@media (max-height: 520px) {
  html.ok-app-on [data-ok-app] .portal-page-header {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  html.ok-app-on [data-ok-app] .portal-page-header .portal-eyebrow,
  html.ok-app-on .portal-hero-scene,
  html.ok-app-on .tech-hero-icon {
    display: none !important;
  }
  html.ok-app-on [data-ok-app] .tech-online-banner {
    min-height: 0 !important;
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
  }
  .ok-app-pager [data-ok-pg-prev],
  .ok-app-pager [data-ok-pg-next] {
    display: none;
  }
  .ok-app-pager .btn {
    min-width: 3.25rem;
    min-height: 2.5rem;
  }
  .ok-app-pager-dots {
    display: none;
  }
}
@media (max-height: 520px), (max-width: 340px) {
  html.ok-app-on .ok-app-region .portal-body-stack {
    gap: 0.4rem;
    padding: 0.3rem 0.5rem !important;
  }
  html.ok-app-on .ok-app-region :is(.card-body, .portal-section-card, .collector-card, .admin-card, .tech-section-card) {
    padding: 0.6rem !important;
  }
  html.ok-app-on .ok-app-region .card-header {
    padding: 0.5rem 0.6rem !important;
  }
  html.ok-app-on .ok-app-region .p-3 {
    padding: 0.5rem !important;
  }
  html.ok-app-on .ok-app-region :is(.mb-3, .mb-4) {
    margin-bottom: 0.5rem !important;
  }
  html.ok-app-on .ok-app-region .row {
    --falcon-gutter-y: 0.4rem;
    --falcon-gutter-x: 0.6rem;
  }
  html.ok-app-on .ok-app-region :is(.portal-chat-form, .tech-message-form) textarea {
    height: 2.75rem;
    min-height: 2.75rem;
  }
}
@media (orientation: landscape) and (max-height: 520px) {
  html.ok-app-on [data-ok-app].ok-app-has-nav {
    display: grid !important;
    grid-template-columns: 4.75rem minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  html.ok-app-on [data-ok-app] [data-ok-app-header] {
    grid-column: 1/-1;
    grid-row: 1;
  }
  html.ok-app-on [data-ok-app] [data-ok-app-nav] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    grid-column: 1;
    grid-row: 2;
    min-height: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    border-top: 0 !important;
    border-left: 1px solid var(--falcon-border-color, #d8e2ef);
    padding-right: env(safe-area-inset-left) !important;
  }
  html.ok-app-on [data-ok-app] [data-ok-app-nav] button,
  html.ok-app-on [data-ok-app] [data-ok-app-nav] a {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0px !important;
    flex: 1 1 0 !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100%;
    min-height: 2.75rem !important;
    max-height: 4.25rem;
    gap: 0.1rem !important;
    padding: 0.2rem !important;
    font-size: 0.6rem !important;
  }
  html.ok-app-on [data-ok-app].ok-app-has-nav [data-ok-app-main] {
    grid-column: 2;
    grid-row: 2;
    padding-left: max(0.75rem, env(safe-area-inset-right)) !important;
  }
  html.ok-app-on.ok-kb-open [data-ok-app].ok-app-has-nav {
    grid-template-columns: minmax(0, 1fr);
  }
  html.ok-app-on.ok-kb-open [data-ok-app].ok-app-has-nav [data-ok-app-main] {
    grid-column: 1;
  }
  .ok-app-tabs {
    grid-template-columns: none;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin-bottom: 0.35rem;
  }
}
html.ok-app-on .ok-app-region table.ok-app-stack td.ok-td-more {
  display: none !important;
}

html.ok-app-on table.ok-app-stack td.ok-td-detail {
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  padding-top: 0.35rem !important;
}

html.ok-app-on table.ok-app-stack td.ok-td-detail::before {
  display: none;
}

html.ok-app-on table.ok-app-stack td.ok-td-detail .btn {
  min-height: 2.5rem;
}

@media (max-width: 400px) {
  .ok-app-tabs button {
    font-size: 0.68rem;
    white-space: nowrap;
  }
}
@media (max-height: 420px) {
  html.ok-app-on.ok-kb-open .modal.ok-app-modal .modal-header {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  html.ok-app-on.ok-kb-open .modal.ok-app-modal .modal-header small,
  html.ok-app-on.ok-kb-open .modal.ok-app-modal .modal-header p,
  html.ok-app-on.ok-kb-open .modal.ok-app-modal .modal-footer {
    display: none !important;
  }
  html.ok-app-on.ok-kb-open .modal.ok-app-modal .modal-title,
  html.ok-app-on.ok-kb-open .modal.ok-app-modal .modal-header h2 {
    font-size: 0.9rem;
  }
}
@media (max-height: 420px) {
  html.ok-app-on.ok-kb-open [data-ok-app] .ok-app-region .portal-page-header,
  html.ok-app-on.ok-kb-open [data-ok-app] .ok-app-region .ok-app-tabs,
  html.ok-app-on.ok-kb-open [data-ok-app] .tech-online-banner {
    display: none !important;
  }
}
html.ok-app-on .ok-login-app {
  background: var(--falcon-body-bg, #edf2f9);
}

html.ok-app-on .ok-login-app .ok-login-screen {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: calc(1rem + env(safe-area-inset-top)) 0.75rem 0.5rem !important;
  background: transparent !important;
}

html.ok-app-on .ok-login-app .ok-login-screen .container {
  padding: 0;
}

@media (max-height: 640px) {
  html.ok-app-on .ok-login-app .ok-login-screen :is(.mb-4, .mb-5) {
    margin-bottom: 0.75rem !important;
  }
  html.ok-app-on .ok-login-app .ok-login-screen :is(.card-body.p-4, .card-body.p-5) {
    padding: 1rem !important;
  }
}
@media (max-height: 520px) {
  html.ok-app-on .ok-login-app .ok-login-screen :is(.onekonek-login-icon, .tech-login-badge, .admin-login-logo, .rounded-circle.d-inline-flex) {
    display: none !important;
  }
}
html.ok-app-on [data-ok-app][data-ok-app-main] > .ok-app-region {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden !important;
}

html.ok-app-on [data-ok-app][data-ok-app-main] > .ok-app-pager {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.35rem 0.75rem calc(0.4rem + env(safe-area-inset-bottom));
}

:root {
  --okf-accent: var(--falcon-primary, #2c7be5);
  --okf-accent-2: #00a6c8;
  --okf-line: #dbe6f1;
}

.okf-shell {
  background: #f3f7fb;
}

.okf-shell.okf-red {
  --okf-accent: #d6293e;
  --okf-accent-2: #f5803e;
}

.okf-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7rem;
  padding: 0.6rem 0.9rem;
  border-bottom: 1px solid var(--okf-line);
  background: #fff;
}

.okf-logo {
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.82rem;
  background: linear-gradient(-145deg, var(--okf-accent), var(--okf-accent-2));
  color: #fff;
}

.okf-top strong {
  display: block;
  overflow: hidden;
  color: #0b2852;
  font-size: 0.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.okf-top small {
  display: block;
  overflow: hidden;
  font-size: 0.66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.okf-top .btn {
  width: 2.5rem;
  height: 2.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0;
  border-radius: 0.75rem;
}

.okf-main {
  padding: 0.75rem;
}

.okf-view {
  display: none;
}

.okf-view.is-active {
  display: block;
}

.okf-view > h1 {
  margin-bottom: 0.5rem;
  color: #0b2852;
  font-size: 1.15rem;
}

.okf-bottom {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--okf-line);
  background: #fff;
}

.okf-bottom button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.45rem 0.15rem;
  border: 0;
  background: transparent;
  color: #6f8293;
  font-size: 0.66rem;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.okf-bottom button > span,
.okf-bottom button > svg {
  font-size: 1.05rem;
}

.okf-bottom button.is-active {
  color: var(--okf-accent);
  font-weight: 700;
}

.okf-card {
  margin-bottom: 0.6rem;
  padding: 0.85rem;
  border: 1px solid var(--okf-line);
  border-radius: 1rem;
  background: #fff;
}

.okf-hero {
  margin-bottom: 0.6rem;
  padding: 1rem;
  border-radius: 1.1rem;
  background: linear-gradient(-145deg, #0b2852, var(--okf-accent) 70%, var(--okf-accent-2));
  color: #fff;
}

.okf-hero h2 {
  margin: 0.1rem 0;
  color: #fff;
  font-size: 1.5rem;
}

.okf-hero small {
  opacity: 0.85;
}

.okf-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}

.okf-kpi {
  min-width: 0;
  padding: 0.7rem;
  border: 1px solid var(--okf-line);
  border-radius: 0.9rem;
  background: #fff;
}

.okf-kpi small {
  display: block;
  color: #6f8293;
  font-size: 0.68rem;
}

.okf-kpi strong {
  display: block;
  overflow: hidden;
  color: #0b2852;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.okf-list {
  display: grid;
  gap: 0.5rem;
}

.okf-item {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0.75rem 0.8rem;
  border: 1px solid var(--okf-line);
  border-radius: 0.9rem;
  background: #fff;
  color: #20384d;
  text-align: right;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button.okf-item:active {
  -webkit-transform: scale(0.99);
  -ms-transform: scale(0.99);
  transform: scale(0.99);
}

.okf-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
}

.okf-item strong {
  color: #0b2852;
  overflow-wrap: anywhere;
}

.okf-item small {
  display: block;
  margin-top: 0.2rem;
  color: #6c7f90;
  font-size: 0.7rem;
  overflow-wrap: anywhere;
}

.okf-split {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.25rem 0.75rem;
  margin: 0;
  font-size: 0.82rem;
}

.okf-split dt {
  color: #6c7f90;
  font-weight: 500;
}

.okf-split dd {
  margin: 0;
  font-weight: 600;
  text-align: left;
}

.okf-split .okf-total {
  padding-top: 0.35rem;
  border-top: 1px dashed var(--okf-line);
}

.okf-empty {
  padding: 1.5rem 0.5rem;
  color: #8798a8;
  font-size: 0.8rem;
  text-align: center;
}

.okf-shell .form-control,
.okf-shell .form-select,
.ok-app-modal .form-control,
.ok-app-modal .form-select {
  min-height: 2.75rem;
  border-radius: 0.75rem;
}

.okf-amount {
  font-size: 1.35rem !important;
  font-weight: 700;
}

:root {
  --cs-primary: #2c7be5;
  --cs-success: #00a35a;
  --cs-warning: #d98200;
  --cs-danger: #d6293e;
  --cs-info: #0aa0bd;
}

.cs-top {
  background: linear-gradient(-120deg, #0b2852, #134a9b 65%, #1267d6);
  border-bottom: 0;
  color: #fff;
}
.cs-top strong,
.cs-top small {
  color: #fff !important;
}
.cs-top small {
  opacity: 0.8;
}
.cs-top .okf-logo {
  background: rgba(255, 255, 255, 0.16);
}
.cs-top .btn {
  border: 0;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.cs-greet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
  padding: 0.9rem 1rem;
  border-radius: 1.1rem;
  background: linear-gradient(-135deg, #fff, #eaf2ff);
  -webkit-box-shadow: 0 0.35rem 1rem rgba(11, 40, 82, 0.06);
  box-shadow: 0 0.35rem 1rem rgba(11, 40, 82, 0.06);
}
.cs-greet h1 {
  margin: 0.1rem 0;
  color: #0b2852;
  font-size: 1.2rem;
  overflow-wrap: anywhere;
}
.cs-greet small {
  display: block;
  color: #6c7f90;
  font-size: 0.72rem;
}

.cs-greet-icon {
  display: grid;
  width: 2.8rem;
  height: 2.8rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--cs-primary);
  color: #fff;
}

.cs-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}

.cs-kpi {
  --tone: var(--cs-primary);
  position: relative;
  display: block;
  min-width: 0;
  padding: 0.7rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--tone) 22%, transparent);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--tone) 8%, #fff);
  color: inherit;
  text-align: right;
}
.cs-kpi strong {
  display: block;
  overflow: hidden;
  color: var(--tone);
  font-size: 1.15rem;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cs-kpi small {
  display: block;
  color: #344a5e;
  font-size: 0.72rem;
  font-weight: 600;
}
.cs-kpi em {
  display: block;
  color: #6c7f90;
  font-size: 0.66rem;
  font-style: normal;
}
.cs-kpi em.is-up {
  color: var(--cs-success);
}
.cs-kpi em.is-down {
  color: var(--cs-danger);
}

button.cs-kpi {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.cs-kpi-icon {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  margin-bottom: 0.35rem;
  place-items: center;
  border-radius: 50%;
  background: var(--tone);
  color: #fff;
  font-size: 0.8rem;
}

.cs-kpis-sm .cs-kpi strong {
  font-size: 0.98rem;
}

.cs-tone-primary {
  --tone: var(--cs-primary);
}

.cs-tone-success {
  --tone: var(--cs-success);
}

.cs-tone-warning {
  --tone: var(--cs-warning);
}

.cs-tone-danger {
  --tone: var(--cs-danger);
}

.cs-tone-info {
  --tone: var(--cs-info);
}

.cs-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.4rem;
  margin-bottom: 0.6rem;
}

.cs-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.15rem;
  padding: 0.6rem 0.25rem;
  border: 1px solid var(--okf-line);
  border-radius: 0.9rem;
  background: #fff;
  color: #0b2852;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.cs-action > span,
.cs-action > svg {
  margin-bottom: 0.15rem;
  color: var(--cs-primary);
  font-size: 1.1rem;
}
.cs-action strong {
  font-size: 0.68rem;
  line-height: 1.15;
}
.cs-action small {
  color: #6c7f90;
  font-size: 0.6rem;
  line-height: 1.15;
}
.cs-action.is-main {
  border-color: var(--cs-primary);
  background: var(--cs-primary);
  color: #fff;
}
.cs-action.is-main > span,
.cs-action.is-main > svg,
.cs-action.is-main small {
  color: #fff;
}

.cs-card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
}
.cs-card-head .h6 {
  margin-bottom: 0.5rem;
}

.cs-chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.15rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.cs-chips::-webkit-scrollbar {
  display: none;
}

.cs-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid var(--okf-line);
  border-radius: 2rem;
  background: #fff;
  color: #344a5e;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
}
.cs-chip b {
  min-width: 1.3rem;
  padding: 0 0.3rem;
  border-radius: 1rem;
  background: #edf2f9;
  font-size: 0.66rem;
  text-align: center;
}
.cs-chip.is-active {
  border-color: var(--cs-primary);
  background: var(--cs-primary);
  color: #fff;
}
.cs-chip.is-active b {
  background: rgba(255, 255, 255, 0.25);
}

.cs-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.15rem 0.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cs-row .cs-row-name {
  color: #0b2852;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.cs-row .cs-row-acc {
  color: var(--cs-primary);
  font-size: 0.72rem;
  font-weight: 700;
}
.cs-row .cs-row-amt {
  color: #0b2852;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: left;
}

.cs-status {
  display: inline-block;
  padding: 0.12rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.64rem;
  font-weight: 700;
  white-space: nowrap;
}
.cs-status.is-active {
  background: #dff5e9;
  color: #00864a;
}
.cs-status.is-due_today {
  background: #e6f0ff;
  color: #1859b8;
}
.cs-status.is-due_soon {
  background: #fff2d6;
  color: #a86500;
}
.cs-status.is-overdue {
  background: #fde4e7;
  color: #b81d31;
}
.cs-status.is-reconnection {
  background: #ffe9d9;
  color: #b4510d;
}
.cs-status.is-disconnected {
  background: #e9edf2;
  color: #4d5d6c;
}

.cs-pay-btn {
  margin-top: 0.45rem;
}

.cs-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.5rem;
  color: #6c7f90;
  font-size: 0.72rem;
}
.cs-pager:empty {
  display: none;
}

.cs-timeline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cs-timeline li {
  position: relative;
  padding: 0 1.2rem 0.6rem 0;
  font-size: 0.75rem;
}
.cs-timeline li::before {
  position: absolute;
  top: 0.3rem;
  right: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--cs-primary);
  content: "";
}
.cs-timeline li::after {
  position: absolute;
  top: 0.9rem;
  bottom: 0;
  right: 0.42rem;
  width: 1px;
  background: var(--okf-line);
  content: "";
}
.cs-timeline li:last-child::after {
  display: none;
}
.cs-timeline li time {
  display: block;
  color: #6c7f90;
  font-size: 0.66rem;
}

.cs-bars {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.35rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  height: 8.5rem;
}

.cs-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.2rem;
  font-size: 0.58rem;
}
.cs-bar i {
  display: block;
  width: 100%;
  min-height: 2px;
  border-radius: 0.35rem 0.35rem 0 0;
  background: -webkit-gradient(linear, right top, right bottom, from(#5a9bf0), to(var(--cs-primary)));
  background: linear-gradient(-180deg, #5a9bf0, var(--cs-primary));
}
.cs-bar b {
  overflow: hidden;
  max-width: 100%;
  color: #0b2852;
  font-size: 0.56rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cs-bar span {
  color: #6c7f90;
}
.cs-bar.is-today i {
  background: -webkit-gradient(linear, right top, right bottom, from(#2fd38a), to(var(--cs-success)));
  background: linear-gradient(-180deg, #2fd38a, var(--cs-success));
}

.cs-bar span {
  white-space: nowrap;
}

.cs-axis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.25rem;
  color: #6c7f90;
  font-size: 0.6rem;
}
.cs-axis:empty {
  display: none;
}

.cs-methods {
  display: grid;
  gap: 0.45rem;
}

.cs-method {
  font-size: 0.75rem;
}
.cs-method > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
}
.cs-method .cs-meter {
  height: 0.4rem;
  margin-top: 0.2rem;
  overflow: hidden;
  border-radius: 1rem;
  background: #edf2f9;
}
.cs-method .cs-meter i {
  display: block;
  height: 100%;
  border-radius: 1rem;
  background: var(--cs-primary);
}

.cs-links {
  display: grid;
  gap: 0.4rem;
}
.cs-links a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0 0.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.55rem 0.65rem;
  border: 1px solid var(--okf-line);
  border-radius: 0.8rem;
  color: #0b2852;
  text-decoration: none;
}
.cs-links a > span,
.cs-links a > svg {
  grid-row: span 2;
  color: var(--cs-primary);
  font-size: 1rem;
  justify-self: center;
}
.cs-links a strong {
  font-size: 0.78rem;
}
.cs-links a small {
  color: #6c7f90;
  font-size: 0.66rem;
}

.cs-profile, .cl-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 0.6rem;
  padding: 1rem;
  border-radius: 1.1rem;
  background: linear-gradient(-120deg, #0b2852, #134a9b 65%, #1267d6);
  color: #fff;
}
.cs-profile h1, .cl-profile h1 {
  color: #fff;
  overflow-wrap: anywhere;
}
.cs-profile small, .cl-profile small {
  display: block;
  margin-bottom: 0.25rem;
  opacity: 0.85;
}

.cs-avatar {
  display: grid;
  width: 3.6rem;
  height: 3.6rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  place-items: center;
  border: 3px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  font-size: 1.2rem;
  font-weight: 700;
}

.cs-bottom {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.cs-bottom .cs-fab {
  position: relative;
  color: var(--cs-primary);
  font-weight: 700;
}
.cs-bottom .cs-fab > span,
.cs-bottom .cs-fab > svg {
  display: grid;
  width: 2.9rem;
  height: 2.9rem;
  margin-top: -1.3rem;
  padding: 0.8rem;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--cs-primary);
  -webkit-box-shadow: 0 0.35rem 0.9rem rgba(44, 123, 229, 0.4);
  box-shadow: 0 0.35rem 0.9rem rgba(44, 123, 229, 0.4);
  color: #fff;
  font-size: 1.1rem;
}

.cl-profile {
  background: linear-gradient(-120deg, #073763, #087657 60%, #0b8f6a);
}

.collector-shell .cs-kpi strong {
  font-size: 0.98rem;
}

.ok-sys-tabs {
  border-bottom: 0;
}
.ok-sys-tabs .nav-link {
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--falcon-gray-700);
  font-size: 0.82rem;
  font-weight: 600;
}
.ok-sys-tabs .nav-link.active {
  border-bottom-color: var(--falcon-primary);
  background: transparent;
  color: var(--falcon-primary);
}

.ok-sys-gauge {
  height: 130px;
}

.ok-sys-actions .ok-sys-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 4.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.15rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.6rem;
  background: var(--falcon-body-bg);
  color: var(--falcon-gray-900);
  text-align: right;
}
.ok-sys-actions .ok-sys-action .fas,
.ok-sys-actions .ok-sys-action svg {
  color: var(--falcon-primary);
}
.ok-sys-actions .ok-sys-action strong {
  font-size: 0.8rem;
}
.ok-sys-actions .ok-sys-action small {
  color: var(--falcon-gray-600);
  font-size: 0.7rem;
}
.ok-sys-actions .ok-sys-action:hover:not(:disabled) {
  border-color: var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle, #e6effc);
}
.ok-sys-actions .ok-sys-action:disabled {
  opacity: 0.55;
}

.ok-sys dl.row dt {
  color: var(--falcon-gray-600);
  font-weight: 500;
}

.ok-sys dl.row dd {
  overflow-wrap: anywhere;
}

html[data-bs-theme=dark] body {
  background-color: var(--falcon-body-bg) !important;
}

html[data-bs-theme=dark] .ok-dashboard-style-page-header,
html[data-bs-theme=dark] .onekonek-global-page-header-source.ok-dashboard-style-page-header {
  background: linear-gradient(-110deg, var(--falcon-card-bg) 0%, var(--falcon-card-bg) 70%, rgba(44, 123, 229, 0.18) 100%) !important;
}

html[data-bs-theme=dark] .ok-sys-actions .ok-sys-action {
  background: var(--falcon-card-bg);
}

html[data-bs-theme=dark] {
  --okf-line: var(--falcon-border-color);
  --collect-bg: var(--falcon-body-bg);
  --collect-line: var(--falcon-border-color);
  --collect-navy: var(--falcon-emphasis-color, #edf2f9);
}
html[data-bs-theme=dark] .okf-shell,
html[data-bs-theme=dark] .collector-shell {
  background: var(--falcon-body-bg);
}
html[data-bs-theme=dark] .okf-top,
html[data-bs-theme=dark] .okf-bottom,
html[data-bs-theme=dark] .collector-top,
html[data-bs-theme=dark] .collector-bottom {
  background: var(--falcon-card-bg) !important;
  border-color: var(--falcon-border-color) !important;
}
html[data-bs-theme=dark] .okf-card,
html[data-bs-theme=dark] .okf-kpi,
html[data-bs-theme=dark] .okf-item,
html[data-bs-theme=dark] .cs-action,
html[data-bs-theme=dark] .cs-chip,
html[data-bs-theme=dark] .collector-card,
html[data-bs-theme=dark] .collector-job {
  background: var(--falcon-card-bg);
  border-color: var(--falcon-border-color);
  color: var(--falcon-body-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}
html[data-bs-theme=dark] .okf-top strong,
html[data-bs-theme=dark] .okf-view > h1,
html[data-bs-theme=dark] .okf-kpi strong,
html[data-bs-theme=dark] .okf-item strong,
html[data-bs-theme=dark] .cs-action,
html[data-bs-theme=dark] .cs-row-name,
html[data-bs-theme=dark] .cs-row-amt,
html[data-bs-theme=dark] .collector-card h2,
html[data-bs-theme=dark] .collector-job strong,
html[data-bs-theme=dark] .collector-view > h1,
html[data-bs-theme=dark] .collector-top strong,
html[data-bs-theme=dark] .collector-time {
  color: var(--falcon-emphasis-color, #edf2f9);
}
html[data-bs-theme=dark] .cs-chip b,
html[data-bs-theme=dark] .cs-meter,
html[data-bs-theme=dark] .collector-time-grid div {
  background: var(--falcon-gray-200, #232e3c);
}
html[data-bs-theme=dark] .okf-card h2,
html[data-bs-theme=dark] .okf-card h3,
html[data-bs-theme=dark] .okf-card .text-500,
html[data-bs-theme=dark] .okf-card small {
  color: var(--falcon-gray-600, #9da9bb);
}
html[data-bs-theme=dark] .cs-status.is-active {
  background: rgba(0, 210, 122, 0.16);
  color: #4ee09a;
}
html[data-bs-theme=dark] .cs-status.is-due_today {
  background: rgba(44, 123, 229, 0.18);
  color: #7fb0f5;
}
html[data-bs-theme=dark] .cs-status.is-due_soon {
  background: rgba(245, 128, 62, 0.16);
  color: #f5b26b;
}
html[data-bs-theme=dark] .cs-status.is-overdue {
  background: rgba(230, 55, 87, 0.18);
  color: #f28b9c;
}
html[data-bs-theme=dark] .cs-status.is-reconnection {
  background: rgba(245, 128, 62, 0.18);
  color: #f5a26b;
}
html[data-bs-theme=dark] .cs-status.is-disconnected {
  background: rgba(157, 169, 187, 0.16);
  color: #b6c1d2;
}
html[data-bs-theme=dark] .cs-kpi {
  background: color-mix(in srgb, var(--tone) 14%, var(--falcon-card-bg));
  color: var(--falcon-body-color);
}
html[data-bs-theme=dark] .cs-kpi small {
  color: var(--falcon-body-color);
}
html[data-bs-theme=dark] .cs-greet {
  background: linear-gradient(-135deg, var(--falcon-card-bg), rgba(44, 123, 229, 0.22));
  -webkit-box-shadow: none;
  box-shadow: none;
}
html[data-bs-theme=dark] .cs-greet h1 {
  color: var(--falcon-emphasis-color, #edf2f9);
}
html[data-bs-theme=dark] .cs-greet small {
  color: var(--falcon-gray-600, #9da9bb);
}

.modal-backdrop {
  --falcon-backdrop-bg: #0b1727;
  background-color: #0b1727;
}

.modal-backdrop.show {
  opacity: 0.55;
}

@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) or (-webkit-backdrop-filter: blur(2px)) {
  .modal-backdrop.show {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
}
.modal.fade:not(.ok-app-modal) .modal-dialog {
  -webkit-transform: translateY(14px) scale(0.985);
  -ms-transform: translateY(14px) scale(0.985);
  transform: translateY(14px) scale(0.985);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 0.8, 0.3, 1);
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 0.8, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.3, 1), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.3, 1), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 0.8, 0.3, 1);
}

.modal.show:not(.ok-app-modal) .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.modal.modal-static:not(.ok-app-modal) .modal-dialog {
  -webkit-transform: scale(1.015);
  -ms-transform: scale(1.015);
  transform: scale(1.015);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade:not(.ok-app-modal) .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal:not(.ok-app-modal) .modal-content {
  border: 0;
  border-radius: 0.9rem;
  -webkit-box-shadow: 0 1.25rem 3.5rem rgba(11, 23, 39, 0.28), 0 0.25rem 0.75rem rgba(11, 23, 39, 0.12);
  box-shadow: 0 1.25rem 3.5rem rgba(11, 23, 39, 0.28), 0 0.25rem 0.75rem rgba(11, 23, 39, 0.12);
}
.modal:not(.ok-app-modal) .modal-content > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  border-radius: inherit;
}
.modal:not(.ok-app-modal) .modal-header {
  position: relative;
  gap: 0.75rem;
  padding: 0.95rem 1.25rem;
  background: var(--falcon-tertiary-bg, var(--falcon-gray-100));
  border-bottom: 1px solid var(--falcon-border-color);
  border-top-right-radius: calc(0.9rem - 1px);
  border-top-left-radius: calc(0.9rem - 1px);
}
.modal:not(.ok-app-modal) .modal-header::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.8rem;
  bottom: 0.8rem;
  width: 4px;
  border-radius: 4px 0 0 4px;
  background: var(--falcon-primary);
}
.modal:not(.ok-app-modal) .modal-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  font-weight: 600;
  line-height: 1.3;
  color: var(--falcon-emphasis-color, var(--falcon-gray-1000));
}
.modal:not(.ok-app-modal) .modal-header .btn-close {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: -0.25rem auto -0.25rem -0.35rem;
  padding: 0.55rem;
  border-radius: 50%;
  background-size: 0.7rem;
  opacity: 0.55;
  -webkit-transition: opacity 0.15s, background-color 0.15s;
  transition: opacity 0.15s, background-color 0.15s;
}
.modal:not(.ok-app-modal) .modal-header .btn-close:hover, .modal:not(.ok-app-modal) .modal-header .btn-close:focus-visible {
  opacity: 1;
  background-color: rgba(var(--falcon-gray-1000-rgb, 11, 23, 39), 0.08);
}
.modal:not(.ok-app-modal) .modal-body {
  padding: 1.15rem 1.25rem;
}
.modal:not(.ok-app-modal) .modal-body > :last-child {
  margin-bottom: 0;
}
.modal:not(.ok-app-modal) .modal-footer {
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: var(--falcon-tertiary-bg, var(--falcon-gray-100));
  border-top: 1px solid var(--falcon-border-color);
  border-bottom-right-radius: calc(0.9rem - 1px);
  border-bottom-left-radius: calc(0.9rem - 1px);
}
.modal:not(.ok-app-modal) .modal-footer > * {
  margin: 0;
}
.modal:not(.ok-app-modal) .modal-footer .btn {
  min-width: 5.5rem;
}
.modal:not(.ok-app-modal).ok-dlg-danger .modal-header::before {
  background: var(--falcon-danger);
}
.modal:not(.ok-app-modal).ok-dlg-warning .modal-header::before {
  background: var(--falcon-warning);
}
.modal:not(.ok-app-modal).ok-dlg-success .modal-header::before {
  background: var(--falcon-success);
}
.modal:not(.ok-app-modal) .is-invalid {
  scroll-margin: 4rem;
}

.ok-dlg-discard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0 0 0.25rem;
  padding: 0.55rem 0.75rem;
  font-size: 0.8125rem;
  color: var(--falcon-warning-text-emphasis, #8a4a00);
  background: var(--falcon-warning-bg-subtle, #fdf0e3);
  border: 1px solid var(--falcon-warning-border-subtle, #fbd5b0);
  border-radius: 0.5rem;
}
.ok-dlg-discard .ok-dlg-discard-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 12rem;
  flex: 1 1 12rem;
}

.modal.ok-dlg-stacked {
  z-index: 1065;
}

.modal-backdrop.ok-dlg-stacked {
  z-index: 1060;
}

.ok-dlg-box .modal-dialog {
  max-width: 30rem;
}
.ok-dlg-box .ok-dlg-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  font-size: 1.15rem;
  color: var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle);
}
.ok-dlg-box.ok-dlg-danger .ok-dlg-icon {
  color: var(--falcon-danger);
  background: var(--falcon-danger-bg-subtle);
}
.ok-dlg-box.ok-dlg-warning .ok-dlg-icon {
  color: var(--falcon-warning);
  background: var(--falcon-warning-bg-subtle);
}
.ok-dlg-box.ok-dlg-success .ok-dlg-icon {
  color: var(--falcon-success);
  background: var(--falcon-success-bg-subtle);
}
.ok-dlg-box .ok-dlg-text {
  white-space: pre-line;
  overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100%;
    max-width: none;
    margin: 0;
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-content {
    max-height: 94dvh;
    border-radius: 0.9rem 0.9rem 0 0;
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-content,
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-content > form {
    overflow: hidden;
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-content > form {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-body {
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-footer {
    border-radius: 0;
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal) .modal-footer .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal).fade .modal-dialog {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  html:not(.ok-app-on) .modal:not(.ok-app-modal).show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.ok-photo-stage {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 26rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0.75rem;
  background: #0b1727;
}
.ok-photo-stage video,
.ok-photo-stage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.ok-photo-stage video.ok-mirror {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.ok-photo-stage .ok-photo-guide {
  position: absolute;
  inset: 12%;
  border: 2px dashed rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  pointer-events: none;
}
.ok-photo-stage img:not(.d-none) ~ .ok-photo-guide {
  display: none;
}
.ok-photo-stage .ok-photo-msg {
  position: absolute;
  inset: auto 1rem 1rem;
  padding: 0.6rem 0.75rem;
  font-size: 0.8125rem;
  color: #fff;
  background: rgba(11, 23, 39, 0.8);
  border-radius: 0.5rem;
}

.ok-avatar {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 88px;
  height: 88px;
}
.ok-avatar > img,
.ok-avatar > .ok-avatar-ph {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-shadow: 0 0 0 3px var(--falcon-body-bg, #fff), 0 0.25rem 0.75rem rgba(11, 23, 39, 0.15);
  box-shadow: 0 0 0 3px var(--falcon-body-bg, #fff), 0 0.25rem 0.75rem rgba(11, 23, 39, 0.15);
}
.ok-avatar > .ok-avatar-ph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle);
}
.ok-avatar > img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.ok-avatar .ok-avatar-btn {
  position: absolute;
  left: -2px;
  bottom: -2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 0.8rem;
  border-radius: 50%;
  border: 2px solid var(--falcon-body-bg, #fff);
}
.ok-avatar.ok-avatar-square {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.ok-avatar.ok-avatar-square > img,
.ok-avatar.ok-avatar-square > .ok-avatar-ph {
  border-radius: 0.75rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--falcon-border-color);
}
.ok-avatar.ok-avatar-square > .ok-avatar-ph {
  font-size: 3rem;
}
.ok-avatar.ok-avatar-square .ok-avatar-btn {
  left: 0.5rem;
  bottom: 0.5rem;
  width: 36px;
  height: 36px;
}

.ok-chip-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}

.ok-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  padding: 0.2rem 0.6rem;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--falcon-gray-800, #344050);
  background: var(--falcon-gray-100, #f5f7fa);
  border: 1px solid var(--falcon-border-color);
  border-radius: 1rem;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ok-chip .fas {
  opacity: 0.7;
}
.ok-chip.ok-chip-danger {
  color: var(--falcon-danger-text-emphasis, #a01c1c);
  background: var(--falcon-danger-bg-subtle);
  border-color: var(--falcon-danger-border-subtle);
}
.ok-chip.ok-chip-success {
  color: var(--falcon-success-text-emphasis, #136a3b);
  background: var(--falcon-success-bg-subtle);
  border-color: var(--falcon-success-border-subtle);
}

a.ok-chip:hover,
button.ok-chip:hover {
  border-color: var(--falcon-primary);
  color: var(--falcon-primary);
}

.ok-thumb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 0.5rem;
  color: var(--falcon-gray-500);
  background: var(--falcon-gray-100);
  border: 1px solid var(--falcon-border-color);
}
.ok-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ok-pp-stat {
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.6rem;
  height: 100%;
}
.ok-pp-stat .ok-pp-label {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--falcon-gray-500);
}
.ok-pp-stat .ok-pp-value {
  font-weight: 600;
  font-size: 1rem;
}

.ok-photo-toasts {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 1090;
  max-width: min(22rem, 100vw - 2rem);
}

@media (max-width: 575.98px) {
  .ok-avatar:not(.ok-avatar-square) {
    width: 64px;
    height: 64px;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .ok-avatar:not(.ok-avatar-square) > .ok-avatar-ph {
    font-size: 1.15rem;
  }
  .ok-avatar:not(.ok-avatar-square) .ok-avatar-btn {
    width: 26px;
    height: 26px;
    font-size: 0.7rem;
  }
}
.ok-photo-stage[data-shape=card],
.ok-photo-stage[data-shape=free] {
  aspect-ratio: 4/3;
  max-width: 32rem;
}
.ok-photo-stage[data-shape=card] video,
.ok-photo-stage[data-shape=card] img,
.ok-photo-stage[data-shape=free] video,
.ok-photo-stage[data-shape=free] img {
  -o-object-fit: contain;
  object-fit: contain;
}
.ok-photo-stage[data-shape=card] .ok-photo-guide,
.ok-photo-stage[data-shape=free] .ok-photo-guide {
  inset: 50% auto auto 50%;
  width: 84%;
  aspect-ratio: 1.586/1;
  border-radius: 0.75rem;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.ok-photo-stage[data-shape=free] .ok-photo-guide {
  display: none;
}

.ok-photo-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}
.ok-photo-actions .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ok-photo-slots {
  display: grid;
  max-width: 34rem;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.6rem;
}

.ok-photo-slot {
  padding: 0.5rem;
  border: 1px dashed var(--falcon-border-color);
  border-radius: 0.6rem;
  background: var(--falcon-body-bg, #fff);
}
.ok-photo-slot.has-photo {
  border-style: solid;
}

.ok-photo-slot-label {
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.ok-photo-slot-pic {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.25rem;
  aspect-ratio: 1.586/1;
  overflow: hidden;
  color: var(--falcon-gray-500);
  background: var(--falcon-gray-100, #f5f7fa);
  border-radius: 0.45rem;
}
.ok-photo-slot-pic > .fas {
  font-size: 1.6rem;
  opacity: 0.6;
}
.ok-photo-slot-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.ok-photo-slot-x {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 26px;
  height: 26px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
}

.ok-photo-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ok-photo-thumbs:empty {
  display: none;
}

.ok-photo-thumb {
  position: relative;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 0.45rem;
  border: 1px solid var(--falcon-border-color);
}
.ok-photo-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.ok-photo-thumb .ok-photo-slot-x {
  top: 2px;
  left: 2px;
  width: 22px;
  height: 22px;
  font-size: 0.65rem;
}

.ok-qa-bar .btn {
  white-space: nowrap;
}

.ok-sub-status {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 1rem;
}
.ok-sub-status > .d-none {
  display: none !important;
}
.ok-sub-status > .card {
  height: auto !important;
}
.ok-sub-status .card-header h2 {
  font-size: 0.95rem;
}

.ok-sub-status:not(:has(> .card:not(.d-none))) {
  display: none;
}

.ok-conn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ok-conn-row {
  display: grid;
  grid-template-columns: 1.25rem 8.5rem 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0.5rem;
  padding: 0.35rem 0;
  border-bottom: 1px dashed var(--falcon-border-color);
}
.ok-conn-row:last-child {
  border-bottom: 0;
}
.ok-conn-row .ok-conn-ico {
  margin-top: 0.2rem;
  color: var(--falcon-gray-500);
  text-align: center;
}
.ok-conn-row .ok-conn-label {
  color: var(--falcon-gray-600);
}
.ok-conn-row.is-danger .ok-conn-ico,
.ok-conn-row.is-danger .ok-conn-value .fw-semi-bold {
  color: var(--falcon-danger);
}
.ok-conn-row.is-warning .ok-conn-ico,
.ok-conn-row.is-warning .ok-conn-value .fw-semi-bold {
  color: var(--falcon-warning);
}

@media (max-width: 575.98px) {
  .ok-conn-row {
    grid-template-columns: 1.25rem 1fr;
  }
  .ok-conn-row .ok-conn-value {
    grid-column: 2;
  }
}
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple {
  min-height: 0 !important;
  padding: 0.7rem 1rem !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  row-gap: 0.5rem !important;
}
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple > .ok-page-header-copy {
  min-width: min(100%, 14rem) !important;
}
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple > .ok-page-header-illustration-slot {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  gap: 0.5rem !important;
  margin-right: auto !important;
}
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple .ok-page-header-illustration-slot > .ok-dashboard-page-actions-menu {
  position: static !important;
}
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple .ok-dashboard-page-title {
  font-size: 1.35rem !important;
  margin-bottom: 0.1rem !important;
}
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple .ok-dashboard-page-description {
  font-size: 0.8125rem !important;
  margin-bottom: 0 !important;
  max-width: 60rem;
}
html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-style-page-header:has(.ok-page-header-simple) {
  background: var(--falcon-body-bg, #fff) !important;
  border-top-width: 3px !important;
}

.ok-page-primary-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.ok-page-primary-actions .btn {
  white-space: nowrap;
}

.ok-sf-hidden {
  display: none !important;
}

.ok-sf-toggle {
  position: relative;
  white-space: nowrap;
}
.ok-sf-toggle .ok-sf-count {
  margin-right: 0.35rem;
}

.ok-sf-open-row {
  padding: 0.65rem 0.75rem;
  margin-top: 0.25rem;
  border-radius: 0.6rem;
  background: var(--falcon-gray-100, #f5f7fa);
}

@media (max-width: 575.98px) {
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple .ok-dashboard-page-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  html body main[data-ok-dashboard-style-header="5.57.19"] .ok-dashboard-page-header-row.ok-page-header-simple > .ok-page-header-illustration-slot {
    width: 100% !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}
.ok-fold-header {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ok-fold-header:hover .ok-fold-chevron {
  opacity: 1;
}
.ok-fold-header:focus-visible {
  outline: 2px solid var(--falcon-primary);
  outline-offset: -2px;
}

.ok-fold-chevron {
  margin-right: 0.5rem;
  font-size: 0.7em;
  opacity: 0.55;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}

.ok-fold-closed .ok-fold-chevron {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ok-fold-closed > .card-header {
  border-bottom: 0 !important;
}

.ok-fold-hidden {
  display: none !important;
}

.alert.ok-compact-note {
  padding: 0.35rem 0.75rem !important;
  margin-bottom: 0;
  font-size: 0.75rem;
  color: var(--falcon-gray-700);
  background: transparent !important;
  border: 1px dashed var(--falcon-border-color) !important;
  cursor: pointer;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.alert.ok-compact-note > .fas,
.alert.ok-compact-note > svg {
  margin-top: 0 !important;
  font-size: 0.8rem;
  opacity: 0.7;
}
.alert.ok-compact-note .alert-heading {
  display: inline;
  font-size: 0.75rem !important;
  font-weight: 600;
  margin: 0 !important;
  color: inherit !important;
}
.alert.ok-compact-note .alert-heading::after {
  content: " — details";
  font-weight: 400;
  opacity: 0.6;
}
.alert.ok-compact-note p {
  display: none;
}
.alert.ok-compact-note.is-open p {
  display: block;
  margin-top: 0.25rem;
}
.alert.ok-compact-note.is-open .alert-heading::after {
  content: "";
}

html body main .ok-page-header-simple .ok-dashboard-page-meta,
html body main .ok-page-header-simple .ok-dashboard-page-chips {
  display: none !important;
}

@media (max-width: 575.98px) {
  .row.ok-kpi-row {
    --falcon-gutter-x: .6rem;
    --falcon-gutter-y: .6rem;
  }
  .row.ok-kpi-row > [class*=col] {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
  .row.ok-kpi-row .card-body,
  .row.ok-kpi-row > [class*=col] > .border {
    padding: 0.65rem 0.7rem !important;
  }
  .row.ok-kpi-row .ok-kpi-note,
  .row.ok-kpi-row .badge {
    display: none !important;
  }
  .row.ok-kpi-row .avatar,
  .row.ok-kpi-row .icon-item,
  .row.ok-kpi-row [class*=rounded-circle][class*=bg-] {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
  }
}
@media (max-width: 575.98px) {
  .content .card-header p.fs-11.text-500.mb-0,
  .content .card-header p.fs-11.text-500.mb-1 {
    display: none;
  }
}
.ok-dash .ok-chart-xs {
  height: 150px;
}
.ok-dash .ok-chart-ov {
  height: 240px;
}
.ok-dash .ok-initials {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: 50%;
  color: var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle);
}
.ok-dash .ok-note-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.75rem;
  border-radius: 50%;
}
.ok-dash .ok-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}
.ok-dash .ok-quick-grid.ok-quick-wide {
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
}
.ok-dash .ok-quick-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 5.25rem;
  padding: 0.6rem 0.4rem;
  font-size: 0.78rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 0.6rem;
  border: 1px solid transparent;
  -webkit-transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
  transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s, -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
}
.ok-dash .ok-quick-tile .fas {
  font-size: 1.25rem;
}
.ok-dash .ok-quick-tile:hover, .ok-dash .ok-quick-tile:focus-visible {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 0.4rem 1rem rgba(11, 23, 39, 0.1);
  box-shadow: 0 0.4rem 1rem rgba(11, 23, 39, 0.1);
}
.ok-dash .ok-tone-primary {
  color: var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle);
  border-color: var(--falcon-primary-border-subtle);
}
.ok-dash .ok-tone-success {
  color: var(--falcon-success);
  background: var(--falcon-success-bg-subtle);
  border-color: var(--falcon-success-border-subtle);
}
.ok-dash .ok-tone-info {
  color: var(--falcon-info);
  background: var(--falcon-info-bg-subtle);
  border-color: var(--falcon-info-border-subtle);
}
.ok-dash .ok-tone-warning {
  color: var(--falcon-warning);
  background: var(--falcon-warning-bg-subtle);
  border-color: var(--falcon-warning-border-subtle);
}
.ok-dash .ok-tone-secondary {
  color: var(--falcon-secondary);
  background: var(--falcon-secondary-bg-subtle);
  border-color: var(--falcon-secondary-border-subtle);
}
.ok-dash .ok-tone-dark {
  color: var(--falcon-emphasis-color, #0b1727);
  background: var(--falcon-gray-200, #edf2f9);
}
.ok-dash .ok-brand-card {
  min-height: 12rem;
  background: radial-gradient(circle at 85% 20%, rgba(255, 255, 255, 0.18), transparent 40%), linear-gradient(-135deg, #0b3d91 0%, #1976b8 55%, #00a3a3 100%);
  border: 0;
}
.ok-dash .ok-brand-card .ok-brand-mark {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.6rem;
  background: rgba(255, 255, 255, 0.18);
}
.ok-dash .ok-kpi-delta.flat {
  color: var(--falcon-gray-500, #9da9bb);
}

@media (max-width: 575.98px) {
  .ok-dash .ok-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ok-sub-tabs {
  overflow-x: auto;
  scrollbar-width: thin;
}
.ok-sub-tabs .nav-link {
  white-space: nowrap;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--falcon-gray-700);
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0.55rem 0.75rem;
}
.ok-sub-tabs .nav-link.active {
  color: var(--falcon-primary);
  background: transparent;
  border-bottom-color: var(--falcon-primary);
}
.ok-sub-tabs .ok-sub-tab-count:empty {
  display: none;
}

.ok-sub-filter-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ok-sub-filter-row .ok-sub-filter-search {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 16rem;
  flex: 1 1 16rem;
  min-width: 12rem;
}
.ok-sub-filter-row .form-select {
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 10rem;
  flex: 0 1 10rem;
  min-width: 8rem;
}

#subscriber-table tbody tr.ok-subscriber-row {
  cursor: pointer;
}
#subscriber-table tbody tr.ok-sub-selected > * {
  background: var(--falcon-primary-bg-subtle) !important;
}
#subscriber-table td,
#subscriber-table th {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.ok-sub-split.is-split #subscriber-table {
  font-size: 0.78rem;
}

.ok-sub-panel {
  position: sticky;
  top: 4.5rem;
  max-height: calc(100vh - 5.5rem);
  overflow-y: auto;
  scrollbar-width: thin;
}

.ok-sp-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.2rem;
}
.ok-sp-contact a,
.ok-sp-contact span {
  color: var(--falcon-gray-800);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.ok-sp-contact a:hover {
  color: var(--falcon-primary);
}

.ok-sp-tabs .nav-link {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.45rem 0.6rem;
}

.ok-sp-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.75rem;
  background: var(--falcon-gray-100, #f9fafd);
}
.ok-sp-plan .ok-sp-plan-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  font-size: 1.3rem;
  color: #fff;
  border-radius: 0.6rem;
  background: var(--falcon-primary);
}
.ok-sp-plan .ok-sp-speed {
  padding-right: 0.75rem;
  border-right: 1px solid var(--falcon-border-color);
  text-align: left;
  white-space: nowrap;
}

.ok-sp-rows {
  font-size: 0.8rem;
}

.ok-sp-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.35rem 0;
  border-bottom: 1px dashed var(--falcon-border-color);
}
.ok-sp-row > span:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ok-sp-row > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ok-sp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0;
  font-size: 0.78rem;
  border-bottom: 1px solid var(--falcon-border-color);
}

.ok-sp-stat {
  padding: 0.5rem;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
}

.ok-sp-notes {
  white-space: pre-wrap;
  font-size: 0.8rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: var(--falcon-gray-100, #f9fafd);
}

.ok-sp-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 1rem;
}

.ok-sp-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 4.5rem;
  padding: 0.5rem 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--falcon-body-bg, #fff);
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.6rem;
  -webkit-transition: -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
  transition: -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
  transition: box-shadow 0.15s, transform 0.15s;
  transition: box-shadow 0.15s, transform 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
}
.ok-sp-tile .fas {
  font-size: 1.05rem;
}
.ok-sp-tile:hover, .ok-sp-tile:focus-visible {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 0.35rem 0.9rem rgba(11, 23, 39, 0.1);
  box-shadow: 0 0.35rem 0.9rem rgba(11, 23, 39, 0.1);
}

.ok-sp-tiles .dropdown > .ok-sp-tile {
  height: 100%;
}

.ok-sub-filter-row .ok-subscriber-filter-action {
  min-height: 0;
}

.ok-sub-tabs {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

.ok-sub-split.is-split .ok-sub-tabs .nav-link {
  font-size: 0.76rem;
  padding: 0.5rem 0.5rem;
}

.ok-bp-kpi {
  border: 1px solid transparent;
}
.ok-bp-kpi .ok-bp-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.1rem;
  border-radius: 0.65rem;
}
.ok-bp-kpi .ok-bp-value {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--falcon-emphasis-color, #0b1727);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ok-bp-kpi.ok-bp-primary {
  background: linear-gradient(-135deg, var(--falcon-primary-bg-subtle) 0%, var(--falcon-card-bg, #fff) 85%);
  border-color: var(--falcon-primary-border-subtle);
}

.ok-bp-tile.ok-tone-primary,
.ok-bp .ok-tone-primary {
  color: var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle);
  border-color: var(--falcon-primary-border-subtle);
}

.ok-bp-kpi.ok-bp-success {
  background: linear-gradient(-135deg, var(--falcon-success-bg-subtle) 0%, var(--falcon-card-bg, #fff) 85%);
  border-color: var(--falcon-success-border-subtle);
}

.ok-bp-tile.ok-tone-success,
.ok-bp .ok-tone-success {
  color: var(--falcon-success);
  background: var(--falcon-success-bg-subtle);
  border-color: var(--falcon-success-border-subtle);
}

.ok-bp-kpi.ok-bp-info {
  background: linear-gradient(-135deg, var(--falcon-info-bg-subtle) 0%, var(--falcon-card-bg, #fff) 85%);
  border-color: var(--falcon-info-border-subtle);
}

.ok-bp-tile.ok-tone-info,
.ok-bp .ok-tone-info {
  color: var(--falcon-info);
  background: var(--falcon-info-bg-subtle);
  border-color: var(--falcon-info-border-subtle);
}

.ok-bp-kpi.ok-bp-warning {
  background: linear-gradient(-135deg, var(--falcon-warning-bg-subtle) 0%, var(--falcon-card-bg, #fff) 85%);
  border-color: var(--falcon-warning-border-subtle);
}

.ok-bp-tile.ok-tone-warning,
.ok-bp .ok-tone-warning {
  color: var(--falcon-warning);
  background: var(--falcon-warning-bg-subtle);
  border-color: var(--falcon-warning-border-subtle);
}

.ok-bp-kpi.ok-bp-danger {
  background: linear-gradient(-135deg, var(--falcon-danger-bg-subtle) 0%, var(--falcon-card-bg, #fff) 85%);
  border-color: var(--falcon-danger-border-subtle);
}

.ok-bp-tile.ok-tone-danger,
.ok-bp .ok-tone-danger {
  color: var(--falcon-danger);
  background: var(--falcon-danger-bg-subtle);
  border-color: var(--falcon-danger-border-subtle);
}

.ok-bp-kpi.ok-bp-secondary {
  background: linear-gradient(-135deg, var(--falcon-secondary-bg-subtle) 0%, var(--falcon-card-bg, #fff) 85%);
  border-color: var(--falcon-secondary-border-subtle);
}

.ok-bp-tile.ok-tone-secondary,
.ok-bp .ok-tone-secondary {
  color: var(--falcon-secondary);
  background: var(--falcon-secondary-bg-subtle);
  border-color: var(--falcon-secondary-border-subtle);
}

.ok-bp-chart {
  height: 250px;
}

.ok-bp-chart-sm {
  height: 170px;
}

.ok-bp-quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.ok-bp-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 4.6rem;
  padding: 0.5rem 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 0.6rem;
  border: 1px solid transparent;
  -webkit-transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
  transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s, -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
}
.ok-bp-tile .fas {
  font-size: 1.15rem;
}
.ok-bp-tile:hover, .ok-bp-tile:focus-visible {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 0.4rem 1rem rgba(11, 23, 39, 0.1);
  box-shadow: 0 0.4rem 1rem rgba(11, 23, 39, 0.1);
}

.ok-bp-tabs {
  border-bottom: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.ok-bp-tabs .nav-link {
  white-space: nowrap;
  font-size: 0.8rem;
  padding: 0.45rem 0.75rem;
  color: var(--falcon-gray-700);
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
}
.ok-bp-tabs .nav-link.active {
  color: var(--falcon-primary);
  font-weight: 600;
  border-bottom-color: var(--falcon-primary);
}

.ok-bp-tabs-wrap {
  border-bottom: 1px solid var(--falcon-border-color);
}

.ok-bp-legend {
  font-size: 0.75rem;
}
.ok-bp-legend .ok-bp-legend-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  padding: 0.2rem 0;
}
.ok-bp-legend .ok-bp-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ok-bp-aging-tile {
  border-radius: 0.6rem;
  padding: 0.6rem 0.4rem;
  text-align: center;
  height: 100%;
}
.ok-bp-aging-tile .ok-bp-aging-count {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
}

.ok-bp-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 1rem;
  border-bottom: 1px solid var(--falcon-border-color);
  font-size: 0.78rem;
}
.ok-bp-list-row:last-child {
  border-bottom: 0;
}

.ok-bp-ch-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.45rem;
  font-size: 0.8rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ok-bp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr));
  gap: 0.5rem;
}
.ok-bp-grid .ok-bp-grid-item {
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  padding: 0.5rem 0.25rem;
  text-align: center;
  font-size: 0.7rem;
  cursor: pointer;
  background: transparent;
}
.ok-bp-grid .ok-bp-grid-item:hover {
  border-color: var(--falcon-primary);
}

.ok-bp-dl {
  display: grid;
  grid-template-columns: minmax(7rem, 40%) 1fr;
  gap: 0.35rem 0.75rem;
  font-size: 0.78rem;
  margin: 0;
}
.ok-bp-dl dt {
  font-weight: 400;
  color: var(--falcon-gray-600);
}
.ok-bp-dl dd {
  margin: 0;
  font-weight: 500;
  word-break: break-word;
}

.ok-bp-preview-frame {
  width: 100%;
  min-height: 560px;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  background: #fff;
}

@media (min-width: 1200px) {
  .ok-bp-sticky {
    position: sticky;
    top: 5rem;
  }
}
tr[data-bp-row],
#billing-table-body tr,
#payment-table-body tr {
  cursor: pointer;
}

tr.ok-bp-selected > td {
  background: var(--falcon-primary-bg-subtle) !important;
}

.ok-bp-bucket-hot {
  background: var(--falcon-danger-bg-subtle);
  color: var(--falcon-danger-text-emphasis, var(--falcon-danger));
  font-weight: 600;
}

.ok-bp-bucket-warm {
  background: var(--falcon-warning-bg-subtle);
  font-weight: 600;
}

.ok-empty {
  padding: 1rem;
  text-align: center;
  font-size: 0.78rem;
  color: var(--falcon-gray-500);
}

.ok-bp-stack > .card {
  height: auto !important;
}

.ok-bp-stack > .card:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ok-ns-topo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0;
  overflow-x: auto;
}

.ok-ns-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
}

.ok-ns-down {
  width: 2px;
  height: 1rem;
  margin: 0.2rem auto;
  background: var(--falcon-primary);
  opacity: 0.5;
}

.ok-ns-cloud {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.45rem 1.1rem;
  border-radius: 1.5rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  background: linear-gradient(-135deg, #2c7be5, #27bcfd);
}
.ok-ns-cloud .fas {
  font-size: 1.1rem;
}

.ok-ns-node {
  min-width: 7.5rem;
  max-width: 11rem;
  padding: 0.4rem 0.55rem;
  font-size: 0.75rem;
  text-align: right;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.5rem;
  background: var(--falcon-card-bg, #fff);
}

.ok-ns-success {
  border-right: 3px solid var(--falcon-success);
}

.ok-ns-danger {
  border-right: 3px solid var(--falcon-danger);
}

.ok-ns-warning {
  border-right: 3px solid var(--falcon-warning);
}

.ok-ns-secondary {
  border-right: 3px solid var(--falcon-secondary);
}

.ok-ns-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.75rem;
}

.ok-ns-group {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14rem;
  flex: 1 1 14rem;
  padding: 0.6rem;
  border: 1px dashed var(--falcon-border-color);
  border-radius: 0.6rem;
  background: var(--falcon-gray-100, #f9fafd);
}

.ok-ns-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.3rem;
  padding-right: 0.5rem;
  border-right: 2px solid var(--falcon-border-color);
}
.ok-ns-children .ok-ns-node {
  min-width: 6rem;
  font-size: 0.7rem;
}

.ok-ns-code {
  max-height: 520px;
  min-height: 300px;
  overflow: auto;
  padding: 0.5rem 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #d8e2ef;
  background: #0b1727;
  border-radius: 0;
  white-space: pre;
}
.ok-ns-code .ok-ns-line {
  display: block;
  padding: 0 0 0 0.75rem;
}
.ok-ns-code .ok-ns-ln {
  display: inline-block;
  width: 3rem;
  padding-left: 0.75rem;
  margin-left: 0.5rem;
  text-align: left;
  color: #5e6e82;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ok-ns-code .ok-ns-c-comment {
  color: #7f8fa4;
  font-style: italic;
}
.ok-ns-code .ok-ns-c-section {
  color: #27bcfd;
  font-weight: 600;
}
.ok-ns-code .ok-ns-c-add {
  color: #00d27a;
}
.ok-ns-code .ok-ns-c-del {
  color: #ff7b8e;
}
.ok-ns-code .ok-ns-hl {
  background: rgba(44, 123, 229, 0.35);
}

#ns-cfg-sections {
  max-height: 460px;
  overflow: auto;
}

.ok-pv-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  position: relative;
}
.ok-pv-steps::before {
  content: "";
  position: absolute;
  top: 1.1rem;
  right: 12%;
  left: 12%;
  height: 2px;
  background: var(--falcon-border-color);
}

.ok-pv-step {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 0.8rem;
  color: var(--falcon-gray-700);
}
.ok-pv-step .ok-pv-num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  font-weight: 700;
  border: 2px solid var(--falcon-border-color);
  background: var(--falcon-card-bg, #fff);
}
.ok-pv-step.active .ok-pv-num, .ok-pv-step.done .ok-pv-num {
  color: #fff;
  border-color: var(--falcon-primary);
  background: var(--falcon-primary);
}
.ok-pv-step.active .ok-pv-label {
  font-weight: 700;
  color: var(--falcon-emphasis-color, #0b1727);
}

.ok-pv-plans {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  gap: 0.6rem;
}

.ok-pv-plan {
  padding: 0.6rem 0.7rem;
  font-size: 0.78rem;
  text-align: right;
  border: 1px solid var(--falcon-border-color);
  border-radius: 0.6rem;
  background: var(--falcon-card-bg, #fff);
}
.ok-pv-plan:hover {
  border-color: var(--falcon-primary);
}
.ok-pv-plan.active {
  border: 2px solid var(--falcon-primary);
  background: var(--falcon-primary-bg-subtle);
}

button.ok-bp-tile {
  width: 100%;
}

@media (max-width: 575.98px) {
  .ok-pv-step .ok-pv-label {
    font-size: 0.68rem;
    text-align: center;
  }
}
.ok-kpi-card {
  border: 0;
  -webkit-box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075));
  box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075));
  -webkit-transition: -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}
.ok-kpi-card:hover {
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(11, 23, 39, 0.1);
  box-shadow: 0 0.5rem 1.25rem rgba(11, 23, 39, 0.1);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ok-kpi-card .card-body {
  padding: 1rem 1.1rem 0.9rem;
}
.ok-kpi-card .ok-kpi-label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--falcon-gray-600, #748194);
}
.ok-kpi-card .ok-kpi-value {
  font-size: clamp(1.15rem, 1.55vw, 1.6rem) !important;
  font-weight: 700;
  color: var(--falcon-emphasis-color, #0b1727);
  letter-spacing: -0.01em;
}
.ok-kpi-card .ok-kpi-icon {
  width: 2.4rem;
  height: 2.4rem;
  min-width: 2.4rem;
  font-size: 0.95rem;
}
.ok-kpi-card .ok-kpi-note {
  font-size: 0.72rem;
  color: var(--falcon-gray-500, #9da9bb);
  margin-top: 0.2rem;
  line-height: 1.35;
}
.ok-kpi-card .ok-kpi-spark {
  width: 8.5rem;
  max-width: 55%;
  height: 2.75rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: auto;
}

.ok-kpi-delta:empty {
  display: none;
}
.ok-kpi-delta:not(:empty) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.2rem;
  padding: 0.15rem 0.55rem;
  border-radius: 50rem;
  font-size: 0.68rem !important;
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  white-space: normal;
}
.ok-kpi-delta.up {
  background: var(--falcon-success-bg-subtle, #ccf6e4);
  color: var(--falcon-success-text-emphasis, #00864e) !important;
}
.ok-kpi-delta.down {
  background: var(--falcon-danger-bg-subtle, #fad7dd);
  color: var(--falcon-danger-text-emphasis, #932338) !important;
}
.ok-kpi-delta.flat {
  background: var(--falcon-gray-200, #edf2f9);
  color: var(--falcon-gray-700, #5e6e82) !important;
}

.ok-dash .card {
  border: 0;
  -webkit-box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075));
  box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075));
}
.ok-dash .card-header.bg-body-tertiary {
  background: var(--falcon-card-bg, #fff) !important;
  border-bottom: 1px solid var(--falcon-border-color-translucent, rgba(0, 0, 0, 0.06));
  padding-top: 0.85rem;
  padding-bottom: 0.75rem;
}
.ok-dash .card-header.bg-body-tertiary h2 {
  font-size: 0.92rem;
  font-weight: 600;
}
.ok-dash .ok-chart {
  height: 320px;
}

.ok-donut-split {
  display: grid;
  grid-template-columns: minmax(9.5rem, 40%) 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.ok-donut-split .ok-chart-sm {
  height: 200px !important;
}
.ok-donut-split .ok-legend-list {
  margin-top: 0 !important;
}
@media (max-width: 575.98px) {
  .ok-donut-split {
    grid-template-columns: 1fr;
  }
}

:where(.content) :where(main) .table > thead > tr > th {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--falcon-gray-700, #5e6e82);
  white-space: nowrap;
}

:where(.content) :where(main) .table-hover > tbody > tr:hover > * {
  --falcon-table-bg-state: var(--falcon-primary-bg-subtle, rgba(44, 123, 229, .06));
}

[data-bs-theme=dark] .ok-kpi-card:hover {
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.35);
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.35);
}
[data-bs-theme=dark] .ok-kpi-delta.flat {
  background: rgba(255, 255, 255, 0.06);
  color: var(--falcon-gray-400) !important;
}

.ok-donut-split.ok-donut-stack {
  grid-template-columns: 1fr;
  gap: 0.25rem;
}

.ok-management-kpi, .ok-support-kpi, .ok-subscriber-kpi-card, .ok-bp-kpi, .ok-catalog-kpi, .ok-application-kpi-card, .ok-fin-kpi > .card, .ok-asset-kpi > .card, .ok-gis-kpi > .card, .ok-optical-kpi > .card {
  border: 0 !important;
  -webkit-box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075)) !important;
  box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075)) !important;
  -webkit-transition: -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}
.ok-management-kpi:hover, .ok-support-kpi:hover, .ok-subscriber-kpi-card:hover, .ok-bp-kpi:hover, .ok-catalog-kpi:hover, .ok-application-kpi-card:hover, .ok-fin-kpi > .card:hover, .ok-asset-kpi > .card:hover, .ok-gis-kpi > .card:hover, .ok-optical-kpi > .card:hover {
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(11, 23, 39, 0.1) !important;
  box-shadow: 0 0.5rem 1.25rem rgba(11, 23, 39, 0.1) !important;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ok-management-kpi h2.h5, .ok-management-kpi h3.h5, .ok-management-kpi h2.h4, .ok-management-kpi > .card-body > h3.fw-bold, .ok-management-kpi .ok-bp-value, .ok-support-kpi h2.h5, .ok-support-kpi h3.h5, .ok-support-kpi h2.h4, .ok-support-kpi > .card-body > h3.fw-bold, .ok-support-kpi .ok-bp-value, .ok-subscriber-kpi-card h2.h5, .ok-subscriber-kpi-card h3.h5, .ok-subscriber-kpi-card h2.h4, .ok-subscriber-kpi-card > .card-body > h3.fw-bold, .ok-subscriber-kpi-card .ok-bp-value, .ok-bp-kpi h2.h5, .ok-bp-kpi h3.h5, .ok-bp-kpi h2.h4, .ok-bp-kpi > .card-body > h3.fw-bold, .ok-bp-kpi .ok-bp-value, .ok-catalog-kpi h2.h5, .ok-catalog-kpi h3.h5, .ok-catalog-kpi h2.h4, .ok-catalog-kpi > .card-body > h3.fw-bold, .ok-catalog-kpi .ok-bp-value, .ok-application-kpi-card h2.h5, .ok-application-kpi-card h3.h5, .ok-application-kpi-card h2.h4, .ok-application-kpi-card > .card-body > h3.fw-bold, .ok-application-kpi-card .ok-bp-value, .ok-fin-kpi > .card h2.h5, .ok-fin-kpi > .card h3.h5, .ok-fin-kpi > .card h2.h4, .ok-fin-kpi > .card > .card-body > h3.fw-bold, .ok-fin-kpi > .card .ok-bp-value, .ok-asset-kpi > .card h2.h5, .ok-asset-kpi > .card h3.h5, .ok-asset-kpi > .card h2.h4, .ok-asset-kpi > .card > .card-body > h3.fw-bold, .ok-asset-kpi > .card .ok-bp-value, .ok-gis-kpi > .card h2.h5, .ok-gis-kpi > .card h3.h5, .ok-gis-kpi > .card h2.h4, .ok-gis-kpi > .card > .card-body > h3.fw-bold, .ok-gis-kpi > .card .ok-bp-value, .ok-optical-kpi > .card h2.h5, .ok-optical-kpi > .card h3.h5, .ok-optical-kpi > .card h2.h4, .ok-optical-kpi > .card > .card-body > h3.fw-bold, .ok-optical-kpi > .card .ok-bp-value {
  font-size: clamp(1.15rem, 1.5vw, 1.45rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: var(--falcon-emphasis-color, #0b1727);
}
.ok-management-kpi p.fw-semi-bold, .ok-support-kpi p.fw-semi-bold, .ok-subscriber-kpi-card p.fw-semi-bold, .ok-bp-kpi p.fw-semi-bold, .ok-catalog-kpi p.fw-semi-bold, .ok-application-kpi-card p.fw-semi-bold, .ok-fin-kpi > .card p.fw-semi-bold, .ok-asset-kpi > .card p.fw-semi-bold, .ok-gis-kpi > .card p.fw-semi-bold, .ok-optical-kpi > .card p.fw-semi-bold {
  font-size: 0.8rem;
  color: var(--falcon-gray-800, #344050);
}
.ok-management-kpi p.text-uppercase.fs-11, .ok-support-kpi p.text-uppercase.fs-11, .ok-subscriber-kpi-card p.text-uppercase.fs-11, .ok-bp-kpi p.text-uppercase.fs-11, .ok-catalog-kpi p.text-uppercase.fs-11, .ok-application-kpi-card p.text-uppercase.fs-11, .ok-fin-kpi > .card p.text-uppercase.fs-11, .ok-asset-kpi > .card p.text-uppercase.fs-11, .ok-gis-kpi > .card p.text-uppercase.fs-11, .ok-optical-kpi > .card p.text-uppercase.fs-11 {
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--falcon-gray-600, #748194) !important;
}
.ok-management-kpi .badge.rounded-pill, .ok-support-kpi .badge.rounded-pill, .ok-subscriber-kpi-card .badge.rounded-pill, .ok-bp-kpi .badge.rounded-pill, .ok-catalog-kpi .badge.rounded-pill, .ok-application-kpi-card .badge.rounded-pill, .ok-fin-kpi > .card .badge.rounded-pill, .ok-asset-kpi > .card .badge.rounded-pill, .ok-gis-kpi > .card .badge.rounded-pill, .ok-optical-kpi > .card .badge.rounded-pill {
  font-weight: 600;
  font-size: 0.66rem;
}

[data-bs-theme=dark] .ok-management-kpi:hover, [data-bs-theme=dark] .ok-support-kpi:hover, [data-bs-theme=dark] .ok-subscriber-kpi-card:hover, [data-bs-theme=dark] .ok-bp-kpi:hover, [data-bs-theme=dark] .ok-catalog-kpi:hover, [data-bs-theme=dark] .ok-application-kpi-card:hover, [data-bs-theme=dark] .ok-fin-kpi > .card:hover, [data-bs-theme=dark] .ok-asset-kpi > .card:hover, [data-bs-theme=dark] .ok-gis-kpi > .card:hover, [data-bs-theme=dark] .ok-optical-kpi > .card:hover {
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.35) !important;
}

.ok-hnav {
  display: none;
}

@media (min-width: 1200px) {
  .ok-nav-top .ok-hnav, .ok-nav-combo .ok-hnav, .ok-nav-double-top .ok-hnav {
    display: block;
    position: sticky;
    top: 4.3125rem;
    z-index: 1019;
    margin: 0 0 1rem;
  }
  .ok-nav-top .ok-hnav-list, .ok-nav-combo .ok-hnav-list, .ok-nav-double-top .ok-hnav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.15rem;
    margin: 0;
    padding: 0.35rem 0.5rem;
    list-style: none;
    background: var(--falcon-card-bg, #fff);
    border-radius: 0.5rem;
    -webkit-box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075));
    box-shadow: var(--falcon-box-shadow-sm, 0 0.125rem 0.25rem rgba(11, 23, 39, 0.075));
  }
  .ok-nav-top .ok-hnav-link, .ok-nav-combo .ok-hnav-link, .ok-nav-double-top .ok-hnav-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.65rem;
    border: 0;
    border-radius: 0.375rem;
    background: transparent;
    color: var(--falcon-gray-700, #5e6e82);
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
  }
  .ok-nav-top .ok-hnav-link:hover, .ok-nav-top .ok-hnav-link[aria-expanded=true], .ok-nav-combo .ok-hnav-link:hover, .ok-nav-combo .ok-hnav-link[aria-expanded=true], .ok-nav-double-top .ok-hnav-link:hover, .ok-nav-double-top .ok-hnav-link[aria-expanded=true] {
    background: var(--falcon-gray-100, #f9fafd);
    color: var(--falcon-primary, #2c7be5);
  }
  .ok-nav-top .ok-hnav-link.active, .ok-nav-combo .ok-hnav-link.active, .ok-nav-double-top .ok-hnav-link.active {
    color: var(--falcon-primary, #2c7be5);
    background: var(--falcon-primary-bg-subtle, #d5e5fa);
  }
  .ok-nav-top .ok-hnav-icon, .ok-nav-combo .ok-hnav-icon, .ok-nav-double-top .ok-hnav-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.85;
  }
  .ok-nav-top .ok-hnav-icon svg, .ok-nav-combo .ok-hnav-icon svg, .ok-nav-double-top .ok-hnav-icon svg {
    width: 0.85rem;
    height: 0.85rem;
  }
  .ok-nav-top .ok-hnav-caret, .ok-nav-combo .ok-hnav-caret, .ok-nav-double-top .ok-hnav-caret {
    font-size: 0.55rem;
    opacity: 0.6;
  }
  .ok-nav-top .ok-hnav .dropdown-menu, .ok-nav-combo .ok-hnav .dropdown-menu, .ok-nav-double-top .ok-hnav .dropdown-menu {
    max-height: 70vh;
    overflow-y: auto;
    min-width: 14rem;
    font-size: 0.82rem;
  }
  .ok-nav-top .ok-hnav .dropdown-menu .dropdown-header, .ok-nav-combo .ok-hnav .dropdown-menu .dropdown-header, .ok-nav-double-top .ok-hnav .dropdown-menu .dropdown-header {
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: 0.6rem;
  }
  .ok-nav-top .ok-hnav .dropdown-menu .dropdown-item.active, .ok-nav-combo .ok-hnav .dropdown-menu .dropdown-item.active, .ok-nav-double-top .ok-hnav .dropdown-menu .dropdown-item.active {
    background: var(--falcon-primary-bg-subtle, #d5e5fa);
    color: var(--falcon-primary, #2c7be5);
  }
  .ok-nav-top .ok-hnav .dropdown-menu.ok-hnav-wide.show, .ok-nav-combo .ok-hnav .dropdown-menu.ok-hnav-wide.show, .ok-nav-double-top .ok-hnav .dropdown-menu.ok-hnav-wide.show {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    min-width: 28rem;
  }
  .ok-nav-top .ok-hnav .dropdown-menu.ok-hnav-wide .dropdown-item, .ok-nav-combo .ok-hnav .dropdown-menu.ok-hnav-wide .dropdown-item, .ok-nav-double-top .ok-hnav .dropdown-menu.ok-hnav-wide .dropdown-item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
  .ok-nav-top .navbar-vertical, .ok-nav-double-top .navbar-vertical {
    display: none !important;
  }
  .ok-nav-top .content, .ok-nav-double-top .content {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .ok-nav-top .content > nav.navbar-top .navbar-brand, .ok-nav-double-top .content > nav.navbar-top .navbar-brand {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .ok-nav-top .content > nav.navbar-top .navbar-toggler-humburger-icon, .ok-nav-double-top .content > nav.navbar-top .navbar-toggler-humburger-icon {
    display: none !important;
  }
  .ok-nav-double-top .ok-hnav-list {
    background: var(--falcon-primary, #2c7be5);
  }
  .ok-nav-double-top .ok-hnav-link {
    color: rgba(255, 255, 255, 0.85);
  }
  .ok-nav-double-top .ok-hnav-link:hover, .ok-nav-double-top .ok-hnav-link[aria-expanded=true], .ok-nav-double-top .ok-hnav-link.active {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
  }
}
.ok-subscriber-kpi-card, .ok-application-kpi-card, .ok-kpi-card {
  container-type: inline-size;
}

@container (max-width: 200px) {
  .ok-subscriber-kpi-card .rounded-circle, .ok-application-kpi-card .rounded-circle, .ok-kpi-card .ok-kpi-icon {
    display: none !important;
  }
}
.wc-tpl {
  border: 2px solid transparent !important;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.wc-tpl:hover:not(:disabled) {
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(11, 23, 39, 0.12);
  box-shadow: 0 0.5rem 1.25rem rgba(11, 23, 39, 0.12);
}
.wc-tpl.is-on {
  border-color: var(--falcon-primary, #2c7be5) !important;
}

.ok-ep-selfie, .ok-att-selfie {
  width: 1.9rem;
  height: 1.9rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0 0 0 1px var(--falcon-border-color, #d8e2ef);
  box-shadow: 0 0 0 1px var(--falcon-border-color, #d8e2ef);
  vertical-align: middle;
}

.ok-att-selfie {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.ok-live-chip {
  position: fixed;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 1030;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.7rem;
  border-radius: 50rem;
  background: rgba(0, 135, 78, 0.92);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(11, 23, 39, 0.2);
  box-shadow: 0 0.25rem 0.75rem rgba(11, 23, 39, 0.2);
}
.ok-live-chip .ok-live-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #9ff5c9;
  -webkit-animation: ok-live-pulse 1.6s infinite;
  animation: ok-live-pulse 1.6s infinite;
}
.ok-live-chip.is-trip {
  background: rgba(44, 123, 229, 0.95);
}
.ok-live-chip.is-warn {
  background: rgba(230, 55, 87, 0.95);
}

@-webkit-keyframes ok-live-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes ok-live-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
html.ok-app-on .ok-live-chip {
  right: 50%;
  bottom: 8.2rem;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  max-width: calc(100vw - 1.5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ok-slm .ok-slm-map {
  height: 70vh;
  min-height: 24rem;
}
.ok-slm .ok-slm-list {
  max-height: calc(70vh - 7.5rem);
  overflow-y: auto;
}
.ok-slm .list-group-item {
  border-right: 0;
  border-left: 0;
}

.ok-slm-dot {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  vertical-align: middle;
}

.leaflet-tooltip.ok-slm-label {
  padding: 0 0.35rem;
  font-size: 0.68rem;
  font-weight: 600;
  border-radius: 0.35rem;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(11, 23, 39, 0.15);
  box-shadow: 0 0.125rem 0.25rem rgba(11, 23, 39, 0.15);
}

@media (max-width: 991.98px) {
  .ok-slm .ok-slm-map {
    height: 55vh;
  }
  .ok-slm .ok-slm-list {
    max-height: 14rem;
  }
}
.ok-trk-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.7rem;
  border-radius: 0.6rem;
  background: rgba(44, 123, 229, 0.08);
  color: var(--falcon-gray-800, #344050);
  font-size: 0.78rem;
}
.ok-trk-line.is-arrived {
  background: rgba(0, 210, 122, 0.1);
  color: #00864e;
}

.ok-trk-dot {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #2c7be5;
  -webkit-animation: ok-live-pulse 1.6s infinite;
  animation: ok-live-pulse 1.6s infinite;
}

.ok-trk-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem 1rem;
  border-radius: 1rem;
  background: linear-gradient(-135deg, #1767d2, #0b2852);
  color: #fff;
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(11, 40, 82, 0.25);
  box-shadow: 0 0.5rem 1.25rem rgba(11, 40, 82, 0.25);
}
.ok-trk-banner .ok-trk-icon {
  font-size: 1.3rem;
}

.ok-trk-dialog {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(11, 23, 39, 0.55);
}

.ok-trk-card {
  width: min(40rem, 100%);
  max-height: calc(100vh - 2rem);
  overflow: hidden;
  border-radius: 1rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0 1rem 3rem rgba(11, 23, 39, 0.35);
  box-shadow: 0 1rem 3rem rgba(11, 23, 39, 0.35);
}

.ok-trk-map {
  height: min(60vh, 26rem);
}

.ok-trk-pin {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0.25rem 0.5rem rgba(11, 23, 39, 0.3);
  box-shadow: 0 0.25rem 0.5rem rgba(11, 23, 39, 0.3);
}
.ok-trk-pin.is-home {
  background: #00a65a;
  font-size: 0.8rem;
}
.ok-trk-pin.is-tech {
  background: #2c7be5;
  font-size: 0.9rem;
}

.fp-chip {
  display: inline-block;
  width: 0.85rem;
  height: 0.85rem;
  margin: 0 0.1rem 0 0.25rem;
  border-radius: 50%;
  background: var(--fp-c);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  vertical-align: -0.1rem;
}
.fp-chip.sm {
  width: 0.65rem;
  height: 0.65rem;
}

.fp-color-list {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  padding-right: 1.4rem;
  font-size: 0.8rem;
}
.fp-color-list li {
  margin-bottom: 0.3rem;
}

.fp-colors-scroll {
  max-height: 26rem;
  overflow-y: auto;
}

.fp-diagram {
  overflow: auto;
  max-height: 70vh;
  min-height: 12rem;
  background: radial-gradient(circle, rgba(138, 151, 170, 0.25) 1px, transparent 1px) 0 0/16px 16px, var(--falcon-card-bg, #fff);
}
.fp-diagram svg {
  display: block;
}
.fp-diagram .fp-line-label {
  font-size: 10px;
  fill: var(--falcon-gray-700, #5e6e82);
  paint-order: stroke;
  stroke: var(--falcon-card-bg, #fff);
  stroke-width: 3px;
}
.fp-diagram .fp-box rect, .fp-diagram .fp-src rect {
  fill: var(--falcon-card-bg, #fff);
  stroke: var(--falcon-gray-400, #b6c1d2);
  stroke-width: 1.5;
}
.fp-diagram .fp-src rect {
  fill: #0b2852;
  stroke: #0b2852;
}
.fp-diagram .fp-src text {
  fill: #fff !important;
}
.fp-diagram .fp-box {
  cursor: pointer;
}
.fp-diagram .fp-box:hover rect, .fp-diagram .fp-box:focus rect {
  stroke: var(--falcon-primary, #2c7be5);
}
.fp-diagram .fp-box.is-on rect {
  stroke: var(--falcon-primary, #2c7be5);
  stroke-width: 3;
}
.fp-diagram .fp-box.tone-warning rect {
  fill: #fff8ef;
}
.fp-diagram .fp-box.tone-danger rect {
  fill: #fdeef1;
}
.fp-diagram .fp-box-name {
  font-size: 12px;
  font-weight: 700;
  fill: var(--falcon-emphasis-color, #0b1727);
}
.fp-diagram .fp-box-sub {
  font-size: 10px;
  fill: var(--falcon-gray-700, #5e6e82);
}

[data-bs-theme=dark] .fp-diagram .fp-box.tone-warning rect {
  fill: rgba(245, 128, 62, 0.15);
}
[data-bs-theme=dark] .fp-diagram .fp-box.tone-danger rect {
  fill: rgba(230, 55, 87, 0.15);
}

.fp-sum-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
}

.fp-node-panel {
  position: sticky;
  top: 5rem;
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
}

.fp-trace {
  list-style: none;
  padding-right: 0;
  border-right: 2px dashed var(--falcon-gray-300, #d8e2ef);
  margin-right: 0.35rem;
}

.fp-hop {
  position: relative;
  padding: 0 0.8rem 0.5rem 0;
}

.fp-hop::before {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--falcon-primary, #2c7be5);
}

.fp-ports {
  max-height: 16rem;
  overflow-y: auto;
}

@media print {
  .navbar-vertical, .navbar-top, .ok-hnav, #fp-root .ok-management-menu, #fp-root .nav-tabs, #fp-root button, .settings-panel, .setting-toggle {
    display: none !important;
  }
  .content {
    margin-right: 0 !important;
    padding: 0 !important;
  }
  #fp-root .fp-diagram {
    max-height: none;
    overflow: visible;
  }
  #fp-root .fp-node-panel {
    position: static;
    max-height: none;
  }
}
.ok-ns-fiber {
  margin-top: 0.35rem;
  padding: 0.35rem 0.45rem;
  border-radius: 0.45rem;
  background: rgba(44, 123, 229, 0.06);
  font-size: 0.72rem;
  white-space: normal;
}
.ok-ns-fiber a {
  text-decoration: none;
}

.ok-ns-fiber-tree {
  list-style: none;
  margin: 0.2rem 0 0;
  padding-right: 0.6rem;
  border-right: 1px dashed var(--falcon-gray-400, #b6c1d2);
  font-size: 0.68rem;
}
.ok-ns-fiber-tree li {
  padding: 0.05rem 0;
}

.ok-alert-stack {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 1095;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  width: min(23rem, 100vw - 1.8rem);
  pointer-events: none;
}

.ok-alert-pop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.7rem 0.8rem;
  border-radius: 0.75rem;
  border-right: 4px solid var(--falcon-primary, #2c7be5);
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0 0.75rem 2rem rgba(11, 23, 39, 0.22);
  box-shadow: 0 0.75rem 2rem rgba(11, 23, 39, 0.22);
  font-size: 0.8rem;
  cursor: pointer;
  pointer-events: auto;
  -webkit-animation: ok-alert-in 0.25s ease-out;
  animation: ok-alert-in 0.25s ease-out;
}
.ok-alert-pop.is-warning {
  border-right-color: #f5803e;
}
.ok-alert-pop.is-urgent {
  border-right-color: #e63757;
  -webkit-animation: ok-alert-in 0.25s ease-out, ok-alert-shake 0.5s 0.25s 2;
  animation: ok-alert-in 0.25s ease-out, ok-alert-shake 0.5s 0.25s 2;
}
.ok-alert-pop .ok-alert-pop-icon {
  font-size: 1.05rem;
  padding-top: 0.1rem;
}
.ok-alert-pop .ok-alert-pop-body {
  color: var(--falcon-gray-700, #5e6e82);
  white-space: pre-line;
  max-height: 4.2em;
  overflow: hidden;
}

@-webkit-keyframes ok-alert-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes ok-alert-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes ok-alert-shake {
  0%, 100% {
    -webkit-transform: none;
    transform: none;
  }
  25% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  75% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
}
@keyframes ok-alert-shake {
  0%, 100% {
    -webkit-transform: none;
    transform: none;
  }
  25% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  75% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
}
.ok-alert-navbell {
  position: relative;
}

.ok-alert-badge {
  position: absolute;
  top: 0.1rem;
  left: -0.35rem;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 0.3rem;
  border-radius: 50rem;
  background: #e63757;
  color: #fff;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1.15rem;
  text-align: center;
  -webkit-box-shadow: 0 0 0 2px var(--falcon-card-bg, #fff);
  box-shadow: 0 0 0 2px var(--falcon-card-bg, #fff);
}

.ok-alert-fab {
  position: fixed;
  left: 0.8rem;
  bottom: 0.8rem;
  z-index: 1040;
  width: 2.9rem;
  height: 2.9rem;
  border: 0;
  border-radius: 50%;
  background: #0b2852;
  color: #fff;
  font-size: 1.1rem;
  -webkit-box-shadow: 0 0.5rem 1.2rem rgba(11, 23, 39, 0.3);
  box-shadow: 0 0.5rem 1.2rem rgba(11, 23, 39, 0.3);
}
.ok-alert-fab .ok-alert-badge {
  top: -0.2rem;
  left: -0.2rem;
}

html.ok-app-on .ok-alert-fab {
  bottom: 8.4rem;
}

.ok-alert-panel {
  position: fixed;
  top: 4.4rem;
  left: 0.9rem;
  z-index: 1094;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: min(24rem, 100vw - 1.8rem);
  max-height: min(75vh, 40rem);
  border-radius: 0.9rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0 1rem 3rem rgba(11, 23, 39, 0.28);
  box-shadow: 0 1rem 3rem rgba(11, 23, 39, 0.28);
  overflow: hidden;
}
.ok-alert-panel.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ok-alert-panel .ok-alert-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 0.9rem 0.5rem;
}
.ok-alert-panel .ok-alert-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  padding: 0 0.75rem 0.5rem;
  border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
}
.ok-alert-panel .ok-alert-tabs button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  border-radius: 0.45rem;
  padding: 0.3rem;
  background: transparent;
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--falcon-gray-700, #5e6e82);
}
.ok-alert-panel .ok-alert-tabs button.active {
  background: var(--falcon-primary-bg-subtle, #d5e5fa);
  color: var(--falcon-primary, #2c7be5);
}
.ok-alert-panel .ok-alert-body {
  overflow-y: auto;
}

.ok-alert-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.65rem;
  width: 100%;
  padding: 0.65rem 0.9rem;
  border: 0;
  border-bottom: 1px solid var(--falcon-border-color-translucent, rgba(0, 0, 0, 0.06));
  background: transparent;
  font-size: 0.78rem;
}
.ok-alert-item:hover {
  background: var(--falcon-gray-100, #f9fafd);
}
.ok-alert-item.is-new {
  background: rgba(44, 123, 229, 0.06);
}
.ok-alert-item .ok-alert-item-icon {
  width: 1.4rem;
  padding-top: 0.1rem;
  text-align: center;
}
.ok-alert-item .ok-alert-item-body {
  color: var(--falcon-gray-700, #5e6e82);
  white-space: pre-line;
  max-height: 3em;
  overflow: hidden;
  font-size: 0.74rem;
}

@media (max-width: 575.98px) {
  .ok-alert-panel {
    top: auto;
    bottom: 0.6rem;
    left: 0.6rem;
    right: 0.6rem;
    width: auto;
    max-height: 80vh;
  }
  .ok-alert-stack {
    top: 0.6rem;
    left: 0.6rem;
    bottom: auto;
  }
}
.ok-push-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0.7rem 0.9rem;
  border-radius: 1rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(11, 40, 82, 0.08);
  box-shadow: 0 0.25rem 0.75rem rgba(11, 40, 82, 0.08);
}

.ok-help-navbtn {
  font-size: 1.32rem;
  line-height: 1;
  color: var(--falcon-gray-700, #5e6e82);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-left: 0.55rem !important;
}

.ok-help-navbtn:hover {
  color: var(--falcon-primary, #2c7be5);
}

.ok-help-fab {
  position: fixed;
  left: 0.8rem;
  bottom: 0.8rem;
  z-index: 1040;
  width: 2.9rem;
  height: 2.9rem;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #0b2852;
  font-size: 1.05rem;
  -webkit-box-shadow: 0 0.5rem 1.2rem rgba(11, 23, 39, 0.25);
  box-shadow: 0 0.5rem 1.2rem rgba(11, 23, 39, 0.25);
}

.ok-alert-fab ~ .ok-help-fab, body:has(.ok-alert-fab) .ok-help-fab {
  left: 4.2rem;
}

html.ok-app-on .ok-help-fab {
  bottom: 8.4rem;
}

html.ok-help-open {
  overflow: hidden;
}

.ok-help {
  position: fixed;
  inset: 0;
  z-index: 1095;
}
.ok-help[hidden] {
  display: none;
}
.ok-help .ok-help-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(11, 23, 39, 0.45);
}
.ok-help .ok-help-sheet {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: min(46rem, 100vw);
  margin: 0;
  padding: 0;
  background: var(--falcon-body-bg, #edf2f9);
  color: var(--falcon-body-color, #5e6e82);
  -webkit-box-shadow: 1rem 0 3rem rgba(11, 23, 39, 0.3);
  box-shadow: 1rem 0 3rem rgba(11, 23, 39, 0.3);
}
.ok-help.is-big .ok-help-sheet {
  width: 100vw;
}
.ok-help.is-big .ok-help-body {
  padding-right: max(1.2rem, (100vw - 60rem) / 2);
  padding-left: max(1.2rem, (100vw - 60rem) / 2);
}
.ok-help .ok-help-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 0.9rem;
  background: #0b2852;
  color: #fff;
}
.ok-help .ok-help-logo {
  font-size: 1.2rem;
  color: #7fb4ff;
}
.ok-help .ok-help-heading {
  margin: 0 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
.ok-help .ok-help-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}
.ok-help .ok-help-tabs button {
  border: 0;
  border-radius: 999px;
  padding: 0.25rem 0.8rem;
  background: rgba(255, 255, 255, 0.12);
  color: #dfe9f8;
  font-size: 0.78rem;
  font-weight: 600;
}
.ok-help .ok-help-tabs button.active {
  background: #fff;
  color: #0b2852;
}
.ok-help .ok-help-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.ok-help .ok-help-icon[hidden] {
  display: none !important;
}
.ok-help .ok-help-searchbar {
  position: relative;
  padding: 0.7rem 0.9rem;
  background: var(--falcon-card-bg, #fff);
  border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
}
.ok-help .ok-help-searchbar[hidden] {
  display: none;
}
.ok-help .ok-help-searchbar > .fas, .ok-help .ok-help-searchbar > svg {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--falcon-gray-500, #9da9bb);
}
.ok-help .ok-help-searchbar input {
  padding-right: 2.2rem;
  border-radius: 999px;
}
.ok-help .ok-help-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.2rem 2rem;
  font-size: 0.86rem;
  line-height: 1.55;
  scroll-padding-top: 1rem;
}
.ok-help .ok-help-label {
  margin: 0.4rem 0 0.5rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--falcon-gray-600, #748194);
}
.ok-help .ok-help-hits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.ok-help .ok-help-hit {
  position: relative;
  width: 100%;
  padding: 0.6rem 0.8rem 0.6rem 0.8rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.7rem;
  background: var(--falcon-card-bg, #fff);
  text-align: right;
  color: inherit;
}
.ok-help .ok-help-hit:hover, .ok-help .ok-help-hit:focus-visible {
  border-color: var(--falcon-primary, #2c7be5);
}
.ok-help .ok-help-hit-title {
  color: var(--falcon-emphasis-color, #0b1727);
  padding-left: 5.5rem;
}
.ok-help .ok-help-hit mark {
  padding: 0 0.1em;
  border-radius: 0.2em;
  background: #fff1a8;
  color: inherit;
}
.ok-help .ok-help-kind {
  position: absolute;
  top: 0.55rem;
  left: 0.7rem;
  padding: 0.05rem 0.45rem;
  border-radius: 999px;
  font-size: 0.64rem;
  font-weight: 700;
  background: var(--falcon-gray-200, #edf2f9);
  color: var(--falcon-gray-700, #5e6e82);
}
.ok-help .ok-help-kind.is-procedure {
  background: #d9f8eb;
  color: #00864e;
}
.ok-help .ok-help-kind.is-section {
  background: #d5e5fa;
  color: #1c4f93;
}
.ok-help .ok-help-chapter {
  margin-bottom: 0.35rem;
  border-radius: 0.7rem;
  background: var(--falcon-card-bg, #fff);
  border: 1px solid var(--falcon-border-color, #d8e2ef);
}
.ok-help .ok-help-chapter summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.8rem;
  cursor: pointer;
  font-weight: 600;
  color: var(--falcon-emphasis-color, #0b1727);
  list-style: none;
}
.ok-help .ok-help-chapter summary::-webkit-details-marker {
  display: none;
}
.ok-help .ok-help-num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.6rem;
  flex: 0 0 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #2c7be5;
  color: #fff;
  font-size: 0.72rem;
}
.ok-help .ok-help-toc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 2.9rem 0.5rem 0.5rem;
}
.ok-help .ok-help-toc button {
  border: 0;
  background: transparent;
  padding: 0.28rem 0.3rem;
  border-radius: 0.4rem;
  text-align: right;
  color: var(--falcon-primary, #2c7be5);
  font-size: 0.82rem;
}
.ok-help .ok-help-toc button:hover {
  background: var(--falcon-gray-100, #f9fafd);
}
.ok-help .ok-help-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--falcon-emphasis-color, #0b1727);
  margin: 0 0 0.6rem;
}
.ok-help .ok-help-h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--falcon-emphasis-color, #0b1727);
  margin: 1.1rem 0 0.4rem;
}
.ok-help .ok-help-ui {
  display: inline-block;
  padding: 0 0.35rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.3rem;
  background: var(--falcon-gray-100, #f9fafd);
  color: #1d5fd6;
  font-weight: 600;
  font-size: 0.92em;
}
.ok-help .ok-help-arrow {
  color: #2c7be5;
  font-weight: 700;
}
.ok-help .ok-help-steps {
  margin: 0.6rem 0 1rem;
  padding: 0.7rem 0.9rem;
  border-radius: 0.8rem;
  background: var(--falcon-card-bg, #fff);
  border: 1px solid var(--falcon-border-color, #d8e2ef);
}
.ok-help .ok-help-steps-title {
  font-weight: 700;
  color: var(--falcon-emphasis-color, #0b1727);
  margin-bottom: 0.35rem;
}
.ok-help .ok-help-steps ol {
  counter-reset: okhs;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ok-help .ok-help-steps li {
  counter-increment: okhs;
  position: relative;
  padding: 0.35rem 2.1rem 0.35rem 0;
  border-top: 1px solid var(--falcon-border-color-translucent, rgba(0, 0, 0, 0.06));
}
.ok-help .ok-help-steps li:first-child {
  border-top: 0;
}
.ok-help .ok-help-steps li::before {
  content: counter(okhs);
  position: absolute;
  right: 0;
  top: 0.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  background: #e1ecfd;
  color: #1d5fd6;
  font-weight: 700;
  font-size: 0.74rem;
}
.ok-help .ok-help-callout {
  margin: 0.6rem 0 1rem;
  padding: 0.55rem 0.8rem;
  border-right: 4px solid #2c7be5;
  border-radius: 0.5rem;
  background: #e7f1fd;
  color: #263a54;
  font-size: 0.82rem;
}
.ok-help .ok-help-callout.is-tip {
  border-color: #00d27a;
  background: #e6f6ef;
}
.ok-help .ok-help-callout.is-warn {
  border-color: #f5803e;
  background: #fdf0e3;
}
.ok-help .ok-help-table {
  font-size: 0.78rem;
  background: var(--falcon-card-bg, #fff);
}
.ok-help .ok-help-fig {
  margin: 0.5rem 0 1rem;
  text-align: center;
}
.ok-help .ok-help-fig img {
  max-width: 100%;
  max-height: 26rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.5rem;
  background: #fff;
}
.ok-help .ok-help-fig.is-phone img {
  max-width: 13rem;
}
.ok-help .ok-help-fig figcaption {
  margin-top: 0.3rem;
  font-size: 0.72rem;
  color: var(--falcon-gray-600, #748194);
}
.ok-help .ok-help-phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.8rem;
}
.ok-help .ok-help-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding-top: 0.8rem;
  border-top: 1px solid var(--falcon-border-color, #d8e2ef);
}
.ok-help .ok-help-pager .btn {
  display: block;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.ok-help .ok-help-flash {
  -webkit-animation: ok-help-flash 2.4s ease;
  animation: ok-help-flash 2.4s ease;
  border-radius: 0.5rem;
}
.ok-help .ok-help-about-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
  color: var(--falcon-emphasis-color, #0b1727);
}
.ok-help .ok-help-about-head img {
  border-radius: 1rem;
}
.ok-help .ok-help-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--falcon-border-color-translucent, rgba(0, 0, 0, 0.06));
}
.ok-help .ok-help-row > span:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.5rem;
  flex: 0 0 8.5rem;
  color: var(--falcon-gray-600, #748194);
}
.ok-help .ok-help-row > span:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--falcon-emphasis-color, #0b1727);
}
.ok-help .ok-help-release {
  margin-bottom: 0.35rem;
  border-radius: 0.6rem;
  background: var(--falcon-card-bg, #fff);
  border: 1px solid var(--falcon-border-color, #d8e2ef);
}
.ok-help .ok-help-release summary {
  padding: 0.45rem 0.7rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.8rem;
  color: var(--falcon-emphasis-color, #0b1727);
}
.ok-help .ok-help-release pre {
  margin: 0;
  padding: 0 0.8rem 0.7rem;
  white-space: pre-wrap;
  font-family: inherit;
  font-size: 0.76rem;
  color: inherit;
}

@-webkit-keyframes ok-help-flash {
  0%, 40% {
    background: #fff1a8;
  }
  100% {
    background: transparent;
  }
}

@keyframes ok-help-flash {
  0%, 40% {
    background: #fff1a8;
  }
  100% {
    background: transparent;
  }
}
@media (max-width: 767.98px) {
  .ok-help .ok-help-sheet {
    width: 100vw;
  }
  .ok-help .ok-help-heading {
    display: none;
  }
  .ok-help .ok-help-body {
    padding: 0.8rem 0.9rem 2rem;
  }
  .ok-help .ok-help-row > span:first-child {
    -ms-flex-preferred-size: 6.5rem;
    flex-basis: 6.5rem;
  }
}
@media print {
  .ok-help, .ok-help-fab {
    display: none !important;
  }
}
.ok-notice {
  position: fixed;
  right: 0.9rem;
  bottom: 0.9rem;
  z-index: 1045;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  width: min(26rem, 100vw - 1.8rem);
}

.ok-notice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.7rem 0.8rem;
  border-radius: 0.8rem;
  background: var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0 0.6rem 1.6rem rgba(11, 23, 39, 0.22);
  box-shadow: 0 0.6rem 1.6rem rgba(11, 23, 39, 0.22);
  border-right: 4px solid #2c7be5;
  font-size: 0.8rem;
  color: var(--falcon-emphasis-color, #0b1727);
}

.ok-notice-item.is-warning {
  border-right-color: #f5803e;
}

.ok-notice-item.is-danger {
  border-right-color: #e63757;
}

.ok-notice-item.is-warning > .fas, .ok-notice-item.is-warning > svg {
  color: #f5803e;
}

.ok-notice-item.is-danger > .fas, .ok-notice-item.is-danger > svg {
  color: #e63757;
}

.ok-notice-btn {
  display: inline-block;
  margin-top: 0.35rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--falcon-primary, #2c7be5);
  font-weight: 600;
  text-decoration: none;
}

.ok-notice-close {
  border: 0;
  background: none;
  color: var(--falcon-gray-500, #9da9bb);
  padding: 0 0.2rem;
}

html.ok-app-on .ok-notice {
  bottom: 12rem;
}

@media print {
  .ok-notice {
    display: none !important;
  }
}
/* v6.22.74 setup wizard */
.ok-sw-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: none;
}

.ok-sw-steps > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  font-size: 0.8rem;
  color: var(--falcon-gray-600, #748194);
}

.ok-sw-steps > li:not(:last-child)::after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 2px;
  background: var(--falcon-border-color, #d8e2ef);
  min-width: 0.75rem;
}

.ok-sw-num {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  border: 2px solid var(--falcon-border-color, #d8e2ef);
  background: var(--falcon-card-bg, #fff);
}

.ok-sw-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ok-sw-steps > li.is-current {
  color: var(--falcon-emphasis-color, #0b1727);
  font-weight: 600;
}

.ok-sw-steps > li.is-current .ok-sw-num {
  border-color: var(--falcon-primary, #2c7be5);
  color: var(--falcon-primary, #2c7be5);
}

.ok-sw-steps > li.is-done .ok-sw-num {
  border-color: var(--falcon-success, #00d27a);
  background: var(--falcon-success, #00d27a);
  color: #fff;
}

.ok-sw-steps > li.is-done:not(:last-child)::after {
  background: var(--falcon-success, #00d27a);
}

@media (max-width: 575.98px) {
  .ok-sw-label {
    display: none;
  }
  .ok-sw-steps > li.is-current .ok-sw-label {
    display: inline;
  }
}
.ok-sw-swatch {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  border: 2px solid var(--falcon-card-bg, #fff);
  -webkit-box-shadow: 0 0 0 1px var(--falcon-border-color, #d8e2ef);
  box-shadow: 0 0 0 1px var(--falcon-border-color, #d8e2ef);
  padding: 0;
}

.ok-sw-swatch.is-active {
  -webkit-box-shadow: 0 0 0 2px var(--falcon-emphasis-color, #0b1727);
  box-shadow: 0 0 0 2px var(--falcon-emphasis-color, #0b1727);
}

.ok-sw-preview {
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.75rem;
  overflow: hidden;
  background: var(--falcon-card-bg, #fff);
}

.ok-sw-preview-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0.7rem 0.9rem;
  color: #fff;
  min-height: 3.2rem;
}

.ok-sw-preview-bar img {
  max-height: 2rem;
  max-width: 9rem;
  -o-object-fit: contain;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 0.35rem;
  padding: 0.15rem 0.3rem;
}

.ok-sw-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.6rem;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.ok-sw-next:hover {
  border-color: var(--falcon-primary, #2c7be5);
}

/* v6.22.75 Company & ISP Profile tabs */
.ok-ctab-nav {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.ok-ctab-nav .nav-link {
  font-size: 0.8rem;
}

/* v6.22.75 General Settings: hidden tab panes, the folded "not used yet" box */
.ok-nd-off {
  display: none !important;
}

details.ok-gs-unused {
  margin-top: 1.5rem;
  border: 1px dashed var(--falcon-border-color, #d8e2ef);
  border-radius: 0.6rem;
  padding: 0.7rem 0.9rem;
  background: var(--falcon-body-tertiary-bg, #f9fafd);
}

details.ok-gs-unused > summary {
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--falcon-gray-700, #5e6e82);
  list-style: none;
}

details.ok-gs-unused > summary::-webkit-details-marker {
  display: none;
}

details.ok-gs-unused > summary::after {
  content: "▾";
  margin-right: 0.4rem;
}

details.ok-gs-unused[open] > summary::after {
  content: "▴";
}

#gs-network-devices-pane .card-header [data-rs-add] {
  display: none !important;
}

#rs-root.ok-nd-radius-only > :not(#rs-infra):not(.alert):not(.modal):not(h3) {
  display: none !important;
}

#rs-root.ok-nd-no-infra > #rs-infra {
  display: none !important;
}

/* v6.22.76 payment gateway cards, Semaphore card */
.ok-pg-card {
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.75rem;
  padding: 1rem 1.1rem;
  background: var(--falcon-card-bg, #fff);
}

.ok-pg-preferred {
  background: var(--falcon-primary-bg-subtle, #eef4fd);
  border-color: var(--falcon-primary-border-subtle, #c6d8f8);
}

.ok-pg-logo {
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: -0.01em;
  color: var(--falcon-emphasis-color, #0b1727);
}

.ok-pg-logo-xendit {
  color: #2b4fd3;
}

.ok-pg-logo-paymongo {
  color: #1d9b6c;
}

.ok-pg-logo-maya {
  color: #0d6e3a;
}

.ok-pg-logo-gcash {
  color: #0a5bd8;
}

.ok-pg-notes {
  background: #fff5ec;
  border-radius: 0.5rem;
  padding: 0.6rem 0.8rem;
  font-size: 0.75rem;
  color: #5e3a1a;
}

[data-bs-theme=dark] .ok-pg-notes {
  background: rgba(245, 128, 62, 0.12);
  color: #f5c9a8;
}

.ok-pg-panel {
  background: var(--falcon-card-bg, #fff);
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.75rem;
  padding: 1rem;
}

.ok-pg-channels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.1rem 1rem;
  background: var(--falcon-body-tertiary-bg, #f9fafd);
  border: 1px solid var(--falcon-border-color, #d8e2ef);
  border-radius: 0.5rem;
  padding: 0.6rem 0.8rem;
}

@media (max-width: 575.98px) {
  .ok-pg-channels {
    grid-template-columns: 1fr;
  }
}
.ok-pg-pulse {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(44, 123, 229, 0.45) !important;
  box-shadow: 0 0 0 0.25rem rgba(44, 123, 229, 0.45) !important;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}