/* Global SCB page spacing. Load last, after feature styles, in every SCB shell.
 * Page templates use data-sc-page-heading; legacy access and record headers are
 * included here so lists, settings, dashboards and editors share these rules.
 */
:root {
  --sc-page-heading-gap: 8px;
  --sc-page-content-gap: 16px;
  --sc-page-tab-padding: 8px;
  --sc-page-status-gap: 4px;
  --sc-filter-toolbar-padding-block: 6px;
}

@media screen {
  /* Shared filter-bar spacing for all lists, including company settings and
   * selection dialogs. Feature styles retain horizontal spacing and controls. */
  :is(.sc-module-toolbar, .sc-access-toolbar) {
    padding-block: var(--sc-filter-toolbar-padding-block);
  }

  /* Reset controls share the field height, including bottom-aligned date bars. */
  :is(.sc-module-toolbar, .sc-access-toolbar) .sc-filter-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--color-border-color);
    border-radius: 5px;
    background: var(--color-white);
    color: var(--color-gray-900);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
  }
  .sc-filter-reset > .icon {
    line-height: 1;
    pointer-events: none;
  }
  .sc-filter-reset:hover {
    background: var(--color-light);
  }
  .sc-filter-reset:focus-visible {
    outline: 2px solid var(--sc-focus);
    outline-offset: 3px;
  }

  /* Let single-line search text center within its control, independent of the
   * surrounding toolbar padding. Inline icons share the same vertical center. */
  :is(.sc-module-search, .sc-access-search, .sc-company-workspace .cp-search) input[type="search"] {
    padding-block: 0;
    line-height: normal;
  }
  :is(.sc-module-search, .sc-access-search, .sc-company-workspace .cp-search) > .icon {
    line-height: 1;
    pointer-events: none;
  }
  :is(.sc-module-search, .sc-company-workspace .cp-search) > .icon {
    top: 50%;
    transform: translateY(-50%);
  }

  .page-wrapper main :is([data-sc-page-heading], [data-access-page-heading]) {
    min-height: 0;
    margin-block: 0 var(--sc-page-content-gap);
    padding-block: 0;
    row-gap: var(--sc-page-heading-gap);
  }
  .page-wrapper main :is([data-sc-page-heading], [data-access-page-heading]):has(+ :is(.sc-maint-tabs, .sc-backup-tabs, .sc-license-tabs, .sc-updates-tabs, .sc-module-config-tabs)) {
    margin-bottom: var(--sc-page-heading-gap);
  }
  .page-wrapper main :is([data-sc-page-heading], [data-access-page-heading], .sc-detail-header) h1 {
    margin: 0;
  }

  /* Status rows grow only for real text. Keep controls in the normal flow so
   * long/wrapped actions and narrow screens cannot overlap titles or tabs. */
  .page-wrapper main :is(.sc-maint-controls, .sc-backup-header-controls, .sc-module-config-controls, .sc-edit-header-actions, .adp-heading-actions) {
    grid-template-rows: none;
    grid-auto-rows: auto;
    min-height: 0;
    row-gap: var(--sc-page-status-gap);
  }
  .page-wrapper main .sc-maint-controls:has(.sc-maint-actions:empty):has([data-maint-dirty]:empty),
  .page-wrapper main .sc-backup-header-controls:has(.sc-backup-actions:empty):not(:has([data-backup-dirty])),
  .page-wrapper main .sc-backup-header-controls:has(.sc-backup-actions:empty):has([data-backup-dirty]:empty),
  .page-wrapper main .sc-module-config-controls:has(> div:empty):has([data-config-dirty]:empty),
  .page-wrapper main .sc-edit-header-actions:has(.sc-detail-actions:empty):has([data-edit-dirty]:empty),
  .page-wrapper main .adp-heading-actions:has(> div:empty):has([data-dashboard-refreshed]:empty) {
    display: none;
  }
  .page-wrapper main .sc-maint-actions:empty,
  .page-wrapper main .sc-backup-actions:empty,
  .page-wrapper main .sc-access-heading-actions:empty,
  .page-wrapper main [data-maint-dirty]:empty,
  .page-wrapper main [data-backup-dirty]:empty,
  .page-wrapper main [data-config-dirty]:empty,
  .page-wrapper main [data-edit-dirty]:empty,
  .page-wrapper main [data-tenant-dirty]:empty,
  .page-wrapper main [data-dashboard-refreshed]:empty {
    display: none;
  }
  .page-wrapper main :is([data-maint-dirty], [data-backup-dirty], [data-config-dirty], [data-edit-dirty], [data-tenant-dirty]) {
    margin: 0;
  }

  .page-wrapper main :is(.sc-maint-tabs, .sc-backup-tabs, .sc-license-tabs, .sc-updates-tabs, .sc-module-config-tabs) {
    margin-block: 0 var(--sc-page-content-gap);
  }
  .page-wrapper main :is(.sc-maint-tabs, .sc-backup-tabs, .sc-license-tabs, .sc-updates-tabs, .sc-module-config-tabs, .sc-detail-tabs) > :is(a, button) {
    padding-block: var(--sc-page-tab-padding);
  }

  /* Record pages have their title and tabs inside one card. */
  .page-wrapper main .sc-detail-header > .sc-detail-identity {
    padding-block: var(--sc-page-content-gap);
  }
  .page-wrapper main .sc-detail-header {
    margin-block: 0 var(--sc-page-content-gap);
  }
  .page-wrapper main :is(.sc-detail-tab-content, .sc-edit-panel) {
    margin-top: 0;
  }

  .page-wrapper main :is([data-sc-page-back], .sc-detail-back) {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 6px;
    margin-block: 0 var(--sc-page-content-gap);
    color: var(--sc-link);
  }
  .page-wrapper main .sc-page-alerts:has(> :not([hidden])) {
    margin-bottom: var(--sc-page-content-gap);
  }
}

.sc-account-logout-form{margin:0}.sc-account-logout-form .sc-account-action{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.sc-language-menu{position:fixed;inset:auto;margin:0;padding:6px;min-width:150px;border:1px solid var(--color-border-color);border-radius:6px;background:var(--color-white);color:var(--color-gray-900);box-shadow:0 8px 24px #0f172a22}
.sc-language-menu:popover-open{display:grid;gap:3px}
.sc-language-menu button{padding:8px 12px;border:0;border-radius:4px;text-align:start;background:transparent;color:inherit;font:inherit;cursor:pointer}
.sc-language-menu button[aria-checked=true]{background:var(--color-primary-transparent);color:var(--sc-link);font-weight:600}
.sc-language-menu button:is(:hover,:focus-visible){background:var(--color-light);outline:2px solid var(--sc-focus);outline-offset:-2px}
html[data-sc-density="compact"] .sc-access-table td,html[data-sc-density="compact"] .sc-access-table th{padding-top:6px;padding-bottom:6px}
body[data-sc-show-avatars="false"] :is(.sc-access-avatar,.sc-account-avatar){visibility:hidden}
body[data-sc-global-search="false"] .header-item:has([data-hs-overlay="#search_modal"]),body[data-sc-quick-add="false"] [data-sc-quick-add]{display:none!important}
