/*
 * Gateway B2B • Unified workspace • 1.3.20
 * Presentation only. Scoped to the portal theme, never WordPress administration.
 * Loaded after both legacy stylesheets. Document/email/canvas previews keep
 * their own design colours; booking controls keep their own behaviour.
 */
:root {
  --gts-shell-bg: #f5f7fa;
  --gts-shell-surface: #ffffff;
  --gts-shell-surface-alt: #f8fafc;
  --gts-shell-text: #19263b;
  --gts-shell-muted: #59677b;
  --gts-shell-line: #dfe5ed;
  --gts-shell-line-strong: #c5d0dd;
  --gts-shell-accent: #0f766e;
  --gts-shell-primary: #0f766e;
  --gts-shell-primary-hover: #115e59;
  --gts-shell-accent-soft: #eef7f5;
  --gts-shell-accent-line: #c9dfda;
  --gts-shell-link: var(--gts-shell-primary);
  --gts-shell-radius: 16px;
  --gts-shell-control-radius: 10px;
  --gts-shell-shadow: 0 2px 6px rgba(20,32,57,.025), 0 8px 24px rgba(20,32,57,.025);
  --gts-shell-header: 76px;
  --gts-shell-sidebar: 252px;
  --gts-shell-adminbar: 0px;
  --pfs-pro-header-height: var(--gts-shell-header);
  --pfs-pro-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.gts-b2b-unified.admin-bar { --gts-shell-adminbar: 32px; }
body.gts-b2b-unified.logged-in {
  color: var(--gts-shell-text) !important;
  background: var(--gts-shell-bg) !important;
  font-family: var(--pfs-pro-font) !important;
  font-size: 14px;
  line-height: 1.55;
  --pfs-pro-bg: var(--gts-shell-bg);
  --pfs-pro-surface: var(--gts-shell-surface);
  --pfs-pro-surface-alt: var(--gts-shell-surface-alt);
  --pfs-pro-text: var(--gts-shell-text);
  --pfs-pro-muted: var(--gts-shell-muted);
  --pfs-pro-muted-strong: var(--gts-shell-muted);
  --pfs-pro-border: var(--gts-shell-line);
  --pfs-pro-border-strong: var(--gts-shell-line-strong);
}
body.gts-b2b-unified.gts-b2b-mode-dark {
  color-scheme: dark;
  --gts-shell-bg: #101923;
  --gts-shell-surface: #172331;
  --gts-shell-surface-alt: #1d2c3c;
  --gts-shell-text: #edf2f7;
  --gts-shell-muted: #bdc9d6;
  --gts-shell-line: #354457;
  --gts-shell-line-strong: #536579;
  --gts-shell-link: var(--gts-shell-dark-link, #c4e5df);
  --gts-shell-shadow: 0 4px 18px rgba(0,0,0,.09);
}
@media (prefers-color-scheme: dark) {
  body.gts-b2b-unified.gts-b2b-mode-system {
    color-scheme: dark;
    --gts-shell-bg: #101923; --gts-shell-surface: #172331; --gts-shell-surface-alt: #1d2c3c;
    --gts-shell-text: #edf2f7; --gts-shell-muted: #bdc9d6;
    --gts-shell-line: #354457; --gts-shell-line-strong: #536579;
    --gts-shell-link: var(--gts-shell-dark-link, #c4e5df);
  }
}
html { scrollbar-gutter: stable; }
body.gts-b2b-unified [hidden] { display: none !important; }
body.gts-b2b-unified :focus-visible {
  outline: 3px solid var(--gts-shell-primary) !important;
  outline-offset: 3px !important;
}
body.gts-b2b-unified .gts-b2b-site { width: 100% !important; max-width: none !important; margin: 0 !important; }

/* One stable header and one grid. No JavaScript-dependent content width. */
body.gts-b2b-unified.logged-in .gts-b2b-site-header {
  position: sticky !important; top: var(--gts-shell-adminbar) !important; z-index: 900 !important;
  display: flex !important; align-items: center !important; gap: 20px !important;
  width: 100% !important; max-width: none !important; min-height: var(--gts-shell-header) !important;
  height: auto !important; margin: 0 !important; padding: 12px 24px !important;
  background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important;
  border: 0 !important; border-bottom: 1px solid var(--gts-shell-line) !important;
  border-radius: 0 !important; box-shadow: 0 1px 6px rgba(20,32,57,.025) !important;
  backdrop-filter: none !important;
}
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-left { display: flex !important; align-items: center !important; gap: 12px !important; min-width: 0 !important; flex: 0 1 auto !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand { min-width: 0 !important; gap: 10px !important; color: var(--gts-shell-text) !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand-text strong { color: var(--gts-shell-text) !important; font-size: 15px !important; font-weight: 750 !important; line-height: 1.3 !important; max-width: 230px; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand-text span { color: var(--gts-b2b-header-label-color, var(--gts-shell-muted)) !important; opacity: 1 !important; font-size: 10px !important; letter-spacing: .025em !important; line-height: 1.4 !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-logo { width: 44px !important; height: 44px !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 10px !important; background: #fff !important; color: var(--gts-shell-primary) !important; box-shadow: none !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-center { flex: 1 1 240px !important; min-width: 0 !important; display: flex !important; justify-content: center !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search.pfs-pro-search { width: min(400px, 100%) !important; min-width: 0 !important; height: 42px !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search input[type="search"] { height: 42px !important; min-height: 42px !important; line-height: normal !important; border-radius: var(--gts-shell-control-radius) !important; background: var(--gts-shell-surface-alt) !important; color: var(--gts-shell-text) !important; border-color: var(--gts-shell-line) !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-actions { flex: 0 0 auto !important; flex-wrap: nowrap !important; gap: 10px !important; margin: 0 !important; }
body.gts-b2b-unified #gts-b2b-header .pfs-pro-header-tools { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; }
body.gts-b2b-unified #gts-b2b-header .pfs-pro-header-button,
body.gts-b2b-unified #gts-b2b-header .gts-b2b-menu-toggle {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 42px !important; height: 42px !important; min-width: 42px !important; margin: 0 !important;
  border: 1px solid var(--gts-shell-line) !important; border-radius: 10px !important;
  background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; box-shadow: none !important;
}
body.gts-b2b-unified #gts-b2b-header .pfs-pro-header-button:hover,
body.gts-b2b-unified #gts-b2b-header .gts-b2b-menu-toggle:hover { background: var(--gts-shell-surface-alt) !important; border-color: var(--gts-shell-line-strong) !important; transform: none !important; }
body.gts-b2b-unified #gts-b2b-header .pfs-pro-profile-button { width: auto !important; gap: 9px !important; padding: 4px 10px 4px 5px !important; }
body.gts-b2b-unified #gts-b2b-header .pfs-pro-profile-copy strong { color: var(--gts-shell-text) !important; font-size: 12px !important; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.gts-b2b-unified #gts-b2b-header .pfs-pro-profile-copy small { color: var(--gts-shell-muted) !important; font-size: 10px !important; }
body.gts-b2b-unified #gts-b2b-header .pfs-pro-avatar { width: 32px !important; height: 32px !important; border-radius: 9px !important; background: var(--gts-shell-accent-soft) !important; color: var(--gts-shell-primary) !important; font-weight: 750 !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-logout { min-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 10px !important; background: var(--gts-shell-surface) !important; color: var(--gts-shell-muted) !important; font-size: 12px !important; font-weight: 650 !important; text-decoration: none !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-time { margin: 0 !important; padding-inline-start: 16px !important; border-inline-start: 1px solid var(--gts-shell-line); }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-time :is(span, em) { color: var(--gts-shell-muted) !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-time strong { color: var(--gts-shell-text) !important; font-size: 10px !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-pill,
body.gts-b2b-unified #gts-b2b-header .gts-b2b-avatar-pill { display: none !important; }
body.gts-b2b-unified #gts-b2b-header .pfs-pro-mobile-nav-toggle { display: none !important; }

body.gts-b2b-unified.logged-in #gts-b2b-main {
  width: 100% !important; max-width: none !important; min-width: 0 !important;
  padding: 0 !important; margin: 0 !important; background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-shell { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal {
  display: grid !important; grid-template-columns: var(--gts-shell-sidebar) minmax(0, 1fr) !important;
  align-items: start !important; gap: 0 !important; width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; direction: inherit !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal > .gts-b2b-main {
  grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: none !important; min-width: 0 !important;
  min-height: calc(100vh - var(--gts-shell-header-offset, var(--gts-shell-header)) - var(--gts-shell-adminbar)) !important;
  margin: 0 !important; padding: 26px 28px 36px !important; background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; direction: inherit !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-sidebar {
  grid-column: 1 !important; grid-row: 1 !important; position: sticky !important; inset: auto !important;
  top: calc(var(--gts-shell-header-offset, var(--gts-shell-header)) + var(--gts-shell-adminbar)) !important; align-self: start !important;
  display: flex !important; flex-direction: column !important; gap: 12px !important;
  width: var(--gts-shell-sidebar) !important; min-width: 0 !important; max-width: none !important;
  height: calc(100vh - var(--gts-shell-header-offset, var(--gts-shell-header)) - var(--gts-shell-adminbar)) !important;
  height: calc(100dvh - var(--gts-shell-header-offset, var(--gts-shell-header)) - var(--gts-shell-adminbar)) !important;
  min-height: 0 !important; margin: 0 !important; padding: 18px 12px !important;
  overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain;
  border: 0 !important; border-inline-end: 1px solid var(--gts-shell-line) !important; border-radius: 0 !important;
  background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important;
  box-shadow: none !important; transform: none !important; transition: none !important; z-index: 800 !important; direction: inherit !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-sidebar-title { display: none !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-navigation { display: flex !important; flex-direction: column !important; gap: 18px !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-heading { color: var(--gts-shell-muted) !important; font-size: 10px !important; font-weight: 750 !important; letter-spacing: .08em !important; line-height: 1.5 !important; padding: 0 10px 6px !important; margin: 0 !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-list { display: grid !important; gap: 3px !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-link {
  grid-template-columns: 32px minmax(0,1fr) 12px !important; gap: 8px !important; min-height: 49px !important;
  padding: 7px 8px !important; border-radius: 10px !important; color: var(--gts-shell-text) !important;
  background: transparent !important; transform: none !important; border: 1px solid transparent !important;
  box-shadow: none !important; transition: background-color .12s ease, border-color .12s ease !important;
}
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-link:hover { background: var(--gts-shell-surface-alt) !important; border-color: var(--gts-shell-line) !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-link.is-active { background: var(--gts-shell-accent-soft) !important; color: var(--gts-shell-primary) !important; border-color: var(--gts-shell-accent-line) !important; box-shadow: inset 3px 0 0 var(--gts-shell-primary) !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-copy { min-width: 0 !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-copy strong { display: block !important; color: inherit !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 650 !important; white-space: normal !important; overflow-wrap: anywhere; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-copy small { display: block !important; color: var(--gts-shell-muted) !important; font-size: 10px !important; line-height: 1.5 !important; margin: 2px 0 0 !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-link.is-active small { color: var(--gts-shell-primary) !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-icon { display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; border-radius: 8px !important; background: var(--gts-shell-surface-alt) !important; color: var(--gts-shell-muted) !important; font-size: 18px !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-icon svg { width: 19px !important; height: 19px !important; display: block !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-link.is-active .pfs-pro-nav-icon { color: var(--gts-shell-primary) !important; background: #fff !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-chevron { color: var(--gts-shell-muted) !important; width: 12px !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-chevron svg { width: 12px !important; height: 12px !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-sidebar-collapse { min-height: 38px !important; margin: 3px 0 0 !important; width: 100% !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 9px !important; background: var(--gts-shell-surface-alt) !important; color: var(--gts-shell-muted) !important; box-shadow: none !important; font-size: 11px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-side-wallet { margin: 4px 0 0 !important; padding: 12px !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 10px !important; background: var(--gts-shell-surface-alt) !important; color: var(--gts-shell-text) !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-side-wallet strong { color: var(--gts-shell-text) !important; font-size: 16px !important; white-space: normal !important; overflow-wrap: anywhere; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-side-wallet span { color: var(--gts-shell-muted) !important; font-size: 11px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-sidebar > .gts-b2b-logout { background: var(--gts-shell-surface) !important; color: var(--gts-shell-muted) !important; border: 1px solid var(--gts-shell-line) !important; min-height: 38px !important; border-radius: 9px !important; text-align: center !important; margin: 0 !important; }
body.gts-b2b-unified.logged-in .gts-b2b-site-footer { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 14px 28px !important; color: var(--gts-shell-muted) !important; background: var(--gts-shell-surface) !important; border: 0 !important; border-top: 1px solid var(--gts-shell-line) !important; font-size: 11px !important; }

/* Typography, page titles and shared surfaces across every portal route. */
body.gts-b2b-unified #gts-b2b-main .gts-b2b-page-title {
  display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 14px !important;
  min-height: 0 !important; width: 100% !important; margin: 0 0 22px !important; padding: 0 0 20px !important;
  border: 0 !important; border-bottom: 1px solid var(--gts-shell-line) !important; border-radius: 0 !important;
  background: transparent !important; color: var(--gts-shell-text) !important; box-shadow: none !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-page-title h1,
body.gts-b2b-unified #gts-b2b-main .pfs-pro-dashboard-toolbar h1 { margin: 4px 0 0 !important; color: var(--gts-shell-text) !important; font-size: clamp(22px, 1.8vw, 28px) !important; line-height: 1.25 !important; letter-spacing: -.025em !important; font-weight: 750 !important; overflow-wrap: anywhere; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-page-title .gts-b2b-kicker, .pfs-pro-eyebrow) { color: var(--gts-shell-link) !important; background: transparent !important; padding: 0 !important; font-size: 10px !important; line-height: 1.5 !important; letter-spacing: .08em !important; font-weight: 750 !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill { padding: 9px 12px !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 10px !important; background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; box-shadow: none !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill span { color: var(--gts-shell-muted) !important; font-size: 11px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill strong { color: var(--gts-shell-text) !important; font-size: 12px !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-card, .pfs-pro-card, .pfs-eb-catalog-meta-card, .gts-b2b-catalog-panel, .pfs-eb-admin > .pfs-eb-card) {
  min-width: 0 !important; border: 1px solid var(--gts-shell-line) !important; border-radius: var(--gts-shell-radius) !important;
  background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important;
  box-shadow: var(--gts-shell-shadow) !important; padding: 20px !important; margin-bottom: 18px !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-card-head {
  display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px !important;
  padding: 0 0 14px !important; margin: 0 0 16px !important; border-bottom: 1px solid var(--gts-shell-line) !important;
}
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-card-head h3, .pfs-pro-card-title, .pfs-pro-section-heading h2, .pfs-eb-catalog-meta-head h3, .gts-b2b-report-header h3) {
  color: var(--gts-shell-text) !important; font-size: 16px !important; line-height: 1.4 !important; font-weight: 750 !important; letter-spacing: -.015em !important; margin: 0 !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-card-head > :is(span, small),
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-muted, .pfs-pro-muted, .gts-b2b-card-head p) { color: var(--gts-shell-muted) !important; font-size: 12px !important; line-height: 1.6 !important; font-weight: 400 !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-content-grid, .gts-b2b-super-grid, .gts-b2b-workspace-grid, .gts-b2b-dashboard-grid, .gts-b2b-report-bottom-grid, .gts-b2b-users-layout, .gts-b2b-gallery-admin-grid-v2, .gts-b2b-faq-admin-grid) { gap: 18px !important; align-items: start !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-workspace-grid, .gts-b2b-users-layout, .gts-b2b-gallery-admin-grid-v2, .gts-b2b-faq-admin-grid) { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-stat-grid, .gts-b2b-kpi-grid, .gts-b2b-invoice-kpi-grid, .pfs-pro-kpi-grid) { gap: 14px !important; margin-bottom: 20px !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-stat, .gts-b2b-kpi-card, .gts-b2b-invoice-kpi-grid > div, .pfs-pro-kpi) { min-width: 0 !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 14px !important; background: var(--gts-shell-surface) !important; padding: 18px !important; box-shadow: var(--gts-shell-shadow) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-stat, .gts-b2b-kpi-card, .gts-b2b-invoice-kpi-grid > div) > strong { font-size: 24px !important; line-height: 1.25 !important; color: var(--gts-shell-text) !important; font-weight: 750 !important; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-stat, .gts-b2b-kpi-card, .gts-b2b-invoice-kpi-grid > div) > :is(span, em) { font-size: 11px !important; line-height: 1.5 !important; color: var(--gts-shell-muted) !important; font-weight: 550 !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-command-center { width: 100% !important; max-width: none !important; padding: 0 !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-dashboard-toolbar { padding-bottom: 20px !important; border-bottom: 1px solid var(--gts-shell-line); gap: 18px !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-pro-card .pfs-pro-table-wrap { margin-inline: -20px !important; margin-bottom: -20px !important; }

/* Semantic controls: the foreground and background always travel together. */
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-mini-btn, .gts-b2b-primary-btn, .gts-b2b-icon-action, .gts-b2b-download-link, .button, .pfs-eb-primary, .pfs-eb-secondary, .pfs-pro-primary-button, .pfs-pro-secondary-button) {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
  min-height: 40px !important; margin: 0 !important; padding: 9px 14px !important;
  border: 1px solid var(--gts-shell-line-strong) !important; border-radius: var(--gts-shell-control-radius) !important;
  background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important;
  font-family: inherit !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 650 !important;
  text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; vertical-align: middle !important;
  cursor: pointer; transform: none !important; white-space: normal !important; text-align: center !important;
  transition: background-color .12s ease, border-color .12s ease !important;
}
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-mini-btn, .button, .pfs-pro-secondary-button, .pfs-eb-secondary):hover { color: var(--gts-shell-text) !important; background: var(--gts-shell-surface-alt) !important; border-color: var(--gts-shell-muted) !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-primary-btn, .gts-b2b-mini-btn.is-primary, .button-primary, .pfs-eb-primary, .pfs-pro-primary-button) { background: var(--gts-shell-primary) !important; color: #fff !important; border-color: var(--gts-shell-primary) !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-primary-btn, .gts-b2b-mini-btn.is-primary, .button-primary, .pfs-eb-primary, .pfs-pro-primary-button):hover { background: var(--gts-shell-primary-hover) !important; color: #fff !important; border-color: var(--gts-shell-primary-hover) !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-mini-btn.is-danger, .button.delete, .button.is-danger) { color: #a32c36 !important; background: #fff3f4 !important; border-color: #ecc3c9 !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-mini-btn.is-danger, .button.delete):hover { color: #8b2330 !important; background: #ffe7ea !important; border-color: #dda7b0 !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-mini-btn, .gts-b2b-primary-btn, .button, .pfs-eb-primary, .pfs-eb-secondary):disabled { opacity: .58 !important; cursor: not-allowed !important; box-shadow: none !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-report-actions, .gts-b2b-table-actions, .gts-b2b-actions, .gts-b2b-selected-customer-actions, .gts-b2b-media-actions, .gts-b2b-invoice-modal-actions, .gts-b2b-pdf-share-cell) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-report-actions, .gts-b2b-table-actions, .gts-b2b-pdf-share-cell) > form { margin: 0 !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-workspace-tabs, .gts-b2b-onboarding-tabs, .gts-b2b-tabs, .gts-b2b-filter-pills, .gts-b2b-invoice-tabs, .gts-b2b-email-designer-tabs, .gts-b2b-invoice-center-tabs, .gts-b2b-gallery-section-filter, .pfs-eb-catalog-view-tabs, .gts-b2b-catalog-tabs, .gts-b2b-catalog-tabbar, .nav-tab-wrapper) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; padding: 6px !important; margin: 0 0 18px !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 12px !important; background: var(--gts-shell-surface-alt) !important; box-shadow: none !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-workspace-tabs, .gts-b2b-onboarding-tabs, .gts-b2b-tabs, .gts-b2b-filter-pills, .gts-b2b-invoice-tabs, .gts-b2b-email-designer-tabs, .gts-b2b-invoice-center-tabs, .gts-b2b-gallery-section-filter, .pfs-eb-catalog-view-tabs, .gts-b2b-catalog-tabs, .gts-b2b-catalog-tabbar, .nav-tab-wrapper) > :is(a, button),
body.gts-b2b-unified #gts-b2b-main .gts-b2b-tab-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 38px !important; margin: 0 !important; padding: 8px 13px !important; border: 1px solid transparent !important; border-radius: 8px !important; background: transparent !important; color: var(--gts-shell-muted) !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 650 !important; box-shadow: none !important; text-decoration: none !important; transform: none !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-workspace-tabs, .gts-b2b-onboarding-tabs, .gts-b2b-tabs, .gts-b2b-filter-pills, .gts-b2b-invoice-tabs, .gts-b2b-email-designer-tabs, .gts-b2b-invoice-center-tabs, .gts-b2b-gallery-section-filter, .pfs-eb-catalog-view-tabs, .gts-b2b-catalog-tabs, .gts-b2b-catalog-tabbar, .nav-tab-wrapper) > :is(.is-active, .active, .nav-tab-active),
body.gts-b2b-unified #gts-b2b-main .gts-b2b-tab-link.is-active { color: #fff !important; background: var(--gts-shell-primary) !important; border-color: var(--gts-shell-primary) !important; }

/* Forms: field grids reflow, native checkbox/radio/file/colour controls stay native. */
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-form-two, .gts-b2b-form-three, .gts-b2b-form-grid, .gts-b2b-email-style-grid, .pfs-eb-catalog-two-col) { gap: 14px !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-form, .gts-b2b-email-designer-form, .gts-b2b-invoice-designer-form, .gts-b2b-gallery-form, .gts-b2b-invoice-generate-form, .pfs-eb-catalog-meta-list) label { font-size: 12px !important; line-height: 1.55 !important; color: var(--gts-shell-text) !important; font-weight: 650 !important; min-width: 0 !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="password"], select, textarea):not(.pfs-eb-app *) {
  box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; min-height: 42px !important;
  padding: 10px 12px !important; border: 1px solid var(--gts-shell-line-strong) !important; border-radius: var(--gts-shell-control-radius) !important;
  background-color: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 450 !important; box-shadow: none !important;
}
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) textarea:not(.wp-editor-area) { resize: vertical; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) ::placeholder { color: var(--gts-shell-muted) !important; opacity: 1 !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(input, select, textarea):focus:not(.pfs-eb-app *) { border-color: var(--gts-shell-primary) !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(input[type="checkbox"], input[type="radio"]):not(.pfs-eb-app *) { width: 17px !important; height: 17px !important; min-width: 17px !important; min-height: 17px !important; padding: 0 !important; margin: 2px 0 !important; flex: 0 0 17px !important; display: inline-block !important; accent-color: var(--gts-shell-primary); }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) input[type="color"] { width: 100% !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 4px !important; border: 1px solid var(--gts-shell-line-strong) !important; border-radius: 9px !important; background: var(--gts-shell-surface) !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-check-row, .gts-b2b-checkbox-row, .gts-b2b-email-toggle, .pfs-eb-inline-check) { display: flex !important; align-items: flex-start !important; gap: 9px !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-report-filters, .gts-b2b-order-search, .gts-b2b-customer-selector-form, .gts-b2b-invoice-customer-filter, .gts-b2b-invoice-ledger-filter, .gts-b2b-customer-drilldown-filter) { gap: 12px !important; align-items: end !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-agent-phone-edit { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; margin: 0 !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-agent-phone-edit input { flex: 1 1 130px !important; width: 150px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-row { padding: 14px !important; gap: 14px !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 12px !important; background: var(--gts-shell-surface-alt) !important; }

/* Tables remain tables. No late mobile DOM rewrite, nested scrollboxes or lost action links. */
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-table-wrap, .gts-b2b-table-wrap, .gts-b2b-orders-table-wrap, .gts-b2b-invoice-ledger-wrap, .gts-b2b-invoice-record-wrap, .gts-b2b-invoice-settlement-wrap, .gts-b2b-order-lines-wrap, .gts-b2b-payment-history-wrap, .pfs-pro-native-table-wrap) { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: auto !important; overscroll-behavior-inline: contain; border: 1px solid var(--gts-shell-line) !important; border-radius: 11px !important; background: var(--gts-shell-surface) !important; box-shadow: none !important; -webkit-overflow-scrolling: touch; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-table, .gts-b2b-table, .gts-b2b-orders-table, .gts-b2b-invoice-ledger-table, .gts-b2b-invoice-record-table, .gts-b2b-invoice-settlement-table, .gts-b2b-order-lines-table, .gts-b2b-payment-history-table, .pfs-pro-enhanced-table, .pfs-eb-catalog-table) { display: table !important; width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; font-size: 12px !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-table, .pfs-pro-enhanced-table, .pfs-eb-catalog-table, .gts-b2b-invoice-ledger-table, .gts-b2b-order-lines-table) thead { display: table-header-group !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-table, .pfs-pro-enhanced-table, .pfs-eb-catalog-table, .gts-b2b-invoice-ledger-table, .gts-b2b-order-lines-table) tbody { display: table-row-group !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-table, .pfs-pro-enhanced-table, .pfs-eb-catalog-table, .gts-b2b-invoice-ledger-table, .gts-b2b-order-lines-table) tr { display: table-row !important; background: transparent !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-table, .pfs-pro-enhanced-table, .pfs-eb-catalog-table, .gts-b2b-invoice-ledger-table, .gts-b2b-order-lines-table) :is(th, td) { display: table-cell !important; padding: 12px 14px !important; vertical-align: middle !important; text-align: start !important; font-size: 12px !important; line-height: 1.5 !important; border: 0 !important; border-bottom: 1px solid var(--gts-shell-line) !important; color: var(--gts-shell-text) !important; background: transparent !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-super-table, .pfs-pro-enhanced-table, .pfs-eb-catalog-table, .gts-b2b-invoice-ledger-table, .gts-b2b-order-lines-table) th { background: var(--gts-shell-surface-alt) !important; color: var(--gts-shell-muted) !important; font-weight: 700 !important; font-size: 11px !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) .pfs-pro-enhanced-table td::before { content: none !important; display: none !important; }
body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) .pfs-pro-enhanced-table tr:last-child td { border-bottom: 0 !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-pagination { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; margin-top: 16px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-pagination a { min-height: 36px !important; min-width: 36px !important; padding: 7px 11px !important; color: var(--gts-shell-text) !important; background: var(--gts-shell-surface) !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 8px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-pagination a.is-active { color: #fff !important; background: var(--gts-shell-primary) !important; border-color: var(--gts-shell-primary) !important; }

/* Selected-company and finance identity panels: intentional dark surface, paired text. */
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-selected-customer-hero.gts-b2b-card, .gts-b2b-wallet-hero) { padding: 22px !important; border: 1px solid #31445e !important; border-radius: 16px !important; background: linear-gradient(120deg,#18283b,#243b50) !important; color: #fff !important; box-shadow: var(--gts-shell-shadow) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-selected-customer-hero, .gts-b2b-wallet-hero) :is(h3, strong) { color: #fff !important; line-height: 1.3 !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-selected-customer-hero h3 { font-size: 22px !important; font-weight: 750 !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-selected-customer-hero, .gts-b2b-wallet-hero) :is(p, span) { color: #dee6ef !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-selected-customer-hero .gts-b2b-kicker { background: #34465b !important; color: #fff !important; border-color: #526276 !important; font-size: 10px !important; letter-spacing: .06em !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-selected-customer-actions .gts-b2b-mini-btn { background: #fff !important; color: #233449 !important; border-color: #fff !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-designer-hero, .gts-b2b-invoice-designer-hero, .gts-b2b-invoice-hero, .gts-b2b-gallery-hero) { background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 16px !important; box-shadow: var(--gts-shell-shadow) !important; padding: 22px !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-designer-hero, .gts-b2b-invoice-designer-hero, .gts-b2b-invoice-hero, .gts-b2b-gallery-hero) :is(h2,h3,strong) { color: var(--gts-shell-text) !important; font-size: 20px !important; line-height: 1.35 !important; font-weight: 750 !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-designer-hero, .gts-b2b-invoice-designer-hero, .gts-b2b-invoice-hero, .gts-b2b-gallery-hero) :is(p,span,small) { color: var(--gts-shell-muted) !important; line-height: 1.6 !important; font-size: 12px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-email-provider { background: var(--gts-shell-surface-alt) !important; border: 1px solid var(--gts-shell-line) !important; color: var(--gts-shell-text) !important; border-radius: 12px !important; }

/* Editors, catalogue and media workspaces: flexible columns, not fixed-width canvases. */
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-designer-grid, .gts-b2b-invoice-designer-workspace, .gts-b2b-invoice-layout-grid, .gts-b2b-ticket-logo-workspace) { display: grid !important; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr) !important; align-items: start !important; gap: 18px !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-preview-column, .gts-b2b-invoice-preview-card) { min-width: 0 !important; top: calc(var(--gts-shell-header-offset, var(--gts-shell-header)) + var(--gts-shell-adminbar) + 18px) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-savebar, .gts-b2b-invoice-savebar) { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 12px !important; padding: 14px 16px !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 12px !important; background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; box-shadow: 0 -4px 18px rgba(20,32,57,.04) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-savebar, .gts-b2b-invoice-savebar) :is(span,strong) { color: var(--gts-shell-text) !important; }
body.gts-b2b-unified #gts-b2b-main textarea[data-email-html] { font: 12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace !important; direction: ltr; text-align: left; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-html-guide pre, .pfs-eb-admin pre) { max-width: 100% !important; overflow-x: auto !important; border-radius: 10px !important; padding: 14px !important; font-size: 12px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-email-preview-card iframe { display: block !important; width: 100% !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 10px !important; background: #fff !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-gallery-grid { gap: 18px !important; grid-template-columns: repeat(auto-fill,minmax(min(100%,220px),1fr)) !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-gallery-card { border: 1px solid var(--gts-shell-line) !important; border-radius: 14px !important; background: var(--gts-shell-surface) !important; overflow: hidden !important; box-shadow: var(--gts-shell-shadow) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-media-preview, .gts-b2b-gallery-media-picker) { border-color: var(--gts-shell-line-strong) !important; border-radius: 12px !important; color: var(--gts-shell-muted) !important; background: var(--gts-shell-surface-alt) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.pfs-eb-catalog-meta-grid, .pfs-eb-catalog-rule-grid) { min-width: 0 !important; gap: 14px !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-eb-catalog-meta-box { min-width: 0 !important; border-color: var(--gts-shell-line) !important; border-radius: 12px !important; background: var(--gts-shell-surface-alt) !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-faq-list details { border-color: var(--gts-shell-line) !important; border-radius: 12px !important; background: var(--gts-shell-surface) !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-faq-list summary { color: var(--gts-shell-text) !important; font-size: 13px !important; font-weight: 650 !important; padding: 15px 16px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-faq-list details > div { color: var(--gts-shell-muted) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-customer-empty-state, .gts-b2b-empty-catalog, .gts-b2b-gallery-empty, .pfs-eb-catalog-empty) { border: 1px dashed var(--gts-shell-line-strong) !important; border-radius: 14px !important; padding: 26px !important; background: var(--gts-shell-surface) !important; color: var(--gts-shell-muted) !important; }

/* Booking keeps its quantity/remove states, ticket terms and payment handlers. */
body.gts-b2b-unified #gts-b2b-main .gts-b2b-booking-page .pfs-eb-app { --pfs-brand: var(--gts-shell-primary) !important; --pfs-brand2: var(--gts-shell-primary-hover) !important; --pfs-soft: var(--gts-shell-accent-soft); --pfs-bg: var(--gts-shell-bg); --pfs-text: var(--gts-shell-text); --pfs-muted: var(--gts-shell-muted); --pfs-line: var(--gts-shell-line); --pfs-card: var(--gts-shell-surface); padding: 0 !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-booking-page :is(.pfs-eb-section, .pfs-eb-review-layout > .pfs-eb-card-box) { padding: 20px !important; border-radius: 16px !important; box-shadow: var(--gts-shell-shadow) !important; border-color: var(--gts-shell-line) !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-eb-review-continue { min-height: 46px !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-eb-steps span.is-active { background: var(--gts-shell-primary) !important; color: #fff !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-eb-steps span.is-done { background: var(--gts-shell-accent-soft) !important; color: var(--gts-shell-primary) !important; }
body.gts-b2b-unified #gts-b2b-main .pfs-eb-qty button { padding: 0 !important; border-radius: 9px !important; }

/* Portable overlays. Only the panel scrolls; no ancestor transforms are introduced. */
body.gts-b2b-unified .gts-b2b-modal-panel { border: 1px solid var(--gts-shell-line) !important; border-radius: 18px !important; background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; padding: 24px !important; max-height: calc(100dvh - 32px) !important; overscroll-behavior: contain; }
body.gts-b2b-unified .gts-b2b-modal-close { width: 38px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 9px !important; background: var(--gts-shell-surface-alt) !important; color: var(--gts-shell-text) !important; font-size: 24px !important; }
body.gts-b2b-unified .gts-b2b-modal-backdrop { background: rgba(15,23,42,.52) !important; backdrop-filter: none !important; }
body.gts-b2b-unified :is(.pfs-pro-popover, .pfs-pro-dialog, .pfs-pro-search-results) { max-width: calc(100vw - 24px) !important; border-color: var(--gts-shell-line) !important; background: var(--gts-shell-surface) !important; color: var(--gts-shell-text) !important; border-radius: 14px !important; }
body.gts-b2b-unified :is(.gts-b2b-status-pill, .gts-b2b-last-status, .pfs-pro-native-status) { line-height: 1.4 !important; font-size: 11px !important; font-weight: 650 !important; white-space: normal !important; }
body.gts-b2b-unified .pfs-pro-native-status.is-success { color: #16603f !important; background: #e9f7ef !important; }
body.gts-b2b-unified .pfs-pro-native-status.is-warning { color: #805212 !important; background: #fff5de !important; }
body.gts-b2b-unified .pfs-pro-native-status.is-danger { color: #a32c36 !important; background: #fff0f2 !important; }
body.gts-b2b-unified .pfs-pro-native-status.is-neutral { color: #42516a !important; background: #edf1f6 !important; }

/* Collapse is read from <head> before paint; the same rail width is used everywhere. */
@media (min-width: 1101px) {
  html.gts-b2b-nav-is-collapsed { --gts-shell-sidebar: 76px; }
  html.gts-b2b-nav-is-collapsed body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-link { grid-template-columns: 1fr !important; justify-items: center !important; padding: 7px !important; }
  html.gts-b2b-nav-is-collapsed body.gts-b2b-unified #gts-b2b-main :is(.pfs-pro-nav-copy, .pfs-pro-nav-chevron, .pfs-pro-nav-heading, .pfs-pro-sidebar-collapse span, .gts-b2b-side-wallet, .gts-b2b-sidebar > .gts-b2b-logout) { display: none !important; }
  html.gts-b2b-nav-is-collapsed body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-group + .pfs-pro-nav-group { border-top: 1px solid var(--gts-shell-line); padding-top: 12px; }
  html.gts-b2b-nav-is-collapsed body.gts-b2b-unified #gts-b2b-main .pfs-pro-sidebar-collapse { padding: 8px !important; }
  html.gts-b2b-nav-is-collapsed body.gts-b2b-unified #gts-b2b-main .pfs-pro-sidebar-collapse svg { transform: none; }
}
@media (max-width: 1440px) { body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-time { display: none !important; } }
@media (max-width: 1280px) {
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal > .gts-b2b-main { padding: 22px 22px 30px !important; }
  body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-users-layout, .gts-b2b-gallery-admin-grid-v2, .gts-b2b-faq-admin-grid, .gts-b2b-email-designer-grid, .gts-b2b-invoice-designer-workspace) { grid-template-columns: minmax(0,1fr) !important; }
  body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-email-preview-column, .gts-b2b-invoice-preview-card) { position: static !important; }
  body.gts-b2b-unified #gts-b2b-header .pfs-pro-profile-copy { display: none !important; }
  body.gts-b2b-unified #gts-b2b-header .pfs-pro-profile-button { padding: 4px !important; width: 42px !important; }
  body.gts-b2b-unified #gts-b2b-header .pfs-pro-profile-button > svg { display: none !important; }
}
@media (max-width: 1100px) {
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal { grid-template-columns: minmax(0,1fr) !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal > .gts-b2b-main { grid-column: 1 !important; grid-row: auto !important; padding: 22px 20px 30px !important; }
  html.js body.gts-b2b-unified #gts-b2b-main .gts-b2b-sidebar {
    position: fixed !important; inset: 0 auto 0 0 !important; top: var(--gts-shell-adminbar) !important; z-index: 1800 !important;
    width: min(286px,calc(100vw - 58px)) !important; height: calc(100dvh - var(--gts-shell-adminbar)) !important;
    transform: translateX(-101%) !important; visibility: hidden !important; pointer-events: none !important;
    box-shadow: 16px 0 40px rgba(15,23,42,.16) !important;
  }
  html.js body.gts-b2b-unified.pfs-pro-nav-open #gts-b2b-main .gts-b2b-sidebar { transform: translateX(0) !important; visibility: visible !important; pointer-events: auto !important; }
  body.gts-b2b-unified .gts-b2b-nav-overlay { position: fixed; inset: 0; z-index: 1750; border: 0; margin: 0; padding: 0; border-radius: 0; background: rgba(15,23,42,.46); width: 100%; height: 100%; }
  body.gts-b2b-unified.pfs-pro-nav-open { overflow: hidden !important; }
  body.gts-b2b-unified #gts-b2b-main .pfs-pro-sidebar-collapse { display: none !important; }
  html.no-js body.gts-b2b-unified #gts-b2b-main .gts-b2b-sidebar { position: static !important; grid-column: 1 !important; height: auto !important; width: 100% !important; max-height: none !important; border-bottom: 1px solid var(--gts-shell-line) !important; }
  html.no-js body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-list { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 782px) { body.gts-b2b-unified.admin-bar { --gts-shell-adminbar: 46px; } }
@media (max-width: 760px) {
  body.gts-b2b-unified.logged-in .gts-b2b-site-header { padding: 10px 14px !important; gap: 10px !important; flex-wrap: wrap !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-left { flex: 1 1 140px !important; gap: 8px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-center { flex: 1 0 100% !important; order: 3 !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-center:empty { display: none !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search.pfs-pro-search { width: 100% !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand-text strong { max-width: 160px; font-size: 14px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand-text span { display: none !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-actions { gap: 6px !important; }
  body.gts-b2b-unified #gts-b2b-header .pfs-pro-header-tools { gap: 6px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-logout { width: 38px !important; min-height: 42px !important; padding: 0 !important; font-size: 0 !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-logout::after { content: "↗"; font-size: 18px !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal > .gts-b2b-main { padding: 18px 14px 26px !important; }
  body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-card, .pfs-pro-card, .pfs-eb-catalog-meta-card, .gts-b2b-catalog-panel) { padding: 16px !important; border-radius: 13px !important; }
  body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-content-grid, .gts-b2b-super-grid, .gts-b2b-workspace-grid, .gts-b2b-dashboard-grid, .gts-b2b-report-bottom-grid, .gts-b2b-invoice-layout-grid, .gts-b2b-ticket-logo-workspace, .gts-b2b-invoice-customer-strip) { grid-template-columns: minmax(0,1fr) !important; gap: 14px !important; }
  body.gts-b2b-unified :is(#gts-b2b-main, .gts-b2b-modal) :is(.gts-b2b-form-two, .gts-b2b-form-three, .gts-b2b-form-grid, .pfs-eb-catalog-two-col) { grid-template-columns: minmax(0,1fr) !important; }
  body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-stat-grid, .gts-b2b-kpi-grid, .gts-b2b-invoice-kpi-grid, .gts-b2b-invoice-preview-kpis) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-row { grid-template-columns: minmax(0,1fr) !important; }
  body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-mini-btn, .gts-b2b-primary-btn, .button) { min-height: 42px !important; }
  body.gts-b2b-unified #gts-b2b-main .pfs-pro-card .pfs-pro-table-wrap { margin-inline: -16px !important; margin-bottom: -16px !important; }
  body.gts-b2b-unified .gts-b2b-modal-panel { padding: 18px !important; border-radius: 14px !important; }
  body.gts-b2b-unified .gts-b2b-site-footer { flex-wrap: wrap !important; gap: 6px !important; padding: 12px 16px !important; }
}
@media (max-width: 420px) {
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-logo { width: 34px !important; height: 34px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand-text strong { max-width: 98px; font-size: 12px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-actions { gap: 4px !important; }
  body.gts-b2b-unified #gts-b2b-header .pfs-pro-header-tools { gap: 4px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-logout { min-width: 28px !important; width: 28px !important; }
}

/* RTL follows stable route keys; English codes, telephone and source editors retain LTR. */
html[dir="rtl"] body.gts-b2b-unified { direction: rtl !important; }
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand { flex-direction: row !important; }
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-actions { direction: rtl !important; }
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-link.is-active { box-shadow: inset -3px 0 0 var(--gts-shell-primary) !important; }
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-main .pfs-pro-nav-chevron svg { transform: rotate(180deg); }
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-main :is(.pfs-pro-nav-heading, .gts-b2b-page-title .gts-b2b-kicker) { letter-spacing: 0 !important; }
body.gts-b2b-unified :is(input[type="tel"], input[type="email"], input[type="url"]) { direction: ltr; text-align: start; }
@media (max-width: 1100px) {
  html[dir="rtl"].js body.gts-b2b-unified #gts-b2b-main .gts-b2b-sidebar { inset: 0 0 0 auto !important; top: var(--gts-shell-adminbar) !important; transform: translateX(101%) !important; }
  html[dir="rtl"].js body.gts-b2b-unified.pfs-pro-nav-open #gts-b2b-main .gts-b2b-sidebar { transform: translateX(0) !important; }
}
html.no-js body.gts-b2b-unified :is(.gts-b2b-menu-toggle, .pfs-pro-sidebar-collapse, .pfs-pro-header-tools) { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  body.gts-b2b-unified *, body.gts-b2b-unified *::before, body.gts-b2b-unified *::after { scroll-behavior: auto !important; transition: none !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}
@media (forced-colors: active) {
  body.gts-b2b-unified :is(.pfs-pro-nav-link.is-active, .gts-b2b-primary-btn, .gts-b2b-mini-btn, .gts-b2b-card) { border: 1px solid CanvasText !important; }
}
@media print {
  body.gts-b2b-unified :is(.gts-b2b-site-header, .gts-b2b-site-footer, .gts-b2b-nav-overlay),
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-sidebar { display: none !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal { display: block !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal > .gts-b2b-main { padding: 0 !important; min-height: 0 !important; }
  body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-card, .pfs-pro-card) { box-shadow: none !important; }
}

body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-actions { margin-inline-start: auto !important; }

/* Final compatibility boundary: older versions reused these classes for avatars,
   giant titles and layout fields. Reset the structure, not user-entered content. */
body.gts-b2b-unified .screen-reader-text {
  border: 0 !important; clip: rect(1px,1px,1px,1px) !important; clip-path: inset(50%) !important;
  height: 1px !important; width: 1px !important; margin: -1px !important; overflow: hidden !important;
  padding: 0 !important; position: absolute !important; white-space: nowrap !important; word-wrap: normal !important;
}
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search {
  display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
  border-radius: var(--gts-shell-control-radius) !important; box-shadow: none !important; background: transparent !important;
}
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search input[type="search"] {
  width: 100% !important; margin: 0 !important; padding: 10px 52px 10px 38px !important;
  border: 1px solid var(--gts-shell-line) !important; box-shadow: none !important; font-size: 12px !important;
}
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search > svg { position: absolute !important; inset-inline-start: 12px !important; top: 12px !important; z-index: 1; pointer-events: none; color: var(--gts-shell-muted) !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search > kbd { position: absolute !important; inset-inline-end: 10px !important; top: 10px !important; padding: 1px 5px !important; width: auto !important; white-space: nowrap !important; font-size: 10px !important; }
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-search input[type="search"] { padding: 10px 38px 10px 52px !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-logo { background: #fff !important; box-shadow: none !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-logout { height: 42px !important; box-shadow: none !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-ui-controls { display: flex !important; align-items: center !important; margin: 0 !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-ui-controls-group { border-radius: 9px !important; padding: 3px !important; gap: 2px !important; box-shadow: none !important; border-color: var(--gts-shell-line) !important; background: var(--gts-shell-surface) !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-ui-controls button { border-radius: 6px !important; font-size: 10px !important; padding: 7px 6px !important; min-height: 28px !important; color: var(--gts-shell-text) !important; background: transparent !important; }
body.gts-b2b-unified #gts-b2b-header .gts-b2b-ui-controls button.is-active { color: #fff !important; background: var(--gts-shell-primary) !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill {
  display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important;
  gap: 2px !important; width: auto !important; min-width: 0 !important; max-width: 270px !important; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
  color: var(--gts-shell-text) !important; font-size: 12px !important; line-height: 1.4 !important; box-shadow: none !important; overflow: visible !important;
}
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill::before,
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill::after { display: none !important; content: none !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill :is(span,strong) { display: block !important; position: static !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.4 !important; color: var(--gts-shell-muted) !important; overflow-wrap: anywhere !important; white-space: normal !important; text-align: end !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill strong { font-size: 10px !important; font-weight: 600 !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-form-grid, .gts-b2b-form-two, .gts-b2b-form-three) label { display: block !important; min-width: 0 !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.5 !important; color: var(--gts-shell-text) !important; }
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-form-grid, .gts-b2b-form-two, .gts-b2b-form-three) label > :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select,textarea) { display: block !important; width: 100% !important; margin-top: 6px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-role-matrix { min-width: 1110px !important; table-layout: auto !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-role-matrix :is(th,td):first-child { min-width: 235px !important; width: 235px !important; white-space: normal !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-role-matrix :is(th,td):not(:first-child) { text-align: center !important; min-width: 68px !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-role-matrix td:first-child :is(strong,span) { display: block !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-role-matrix td:first-child span { font-size: 11px !important; line-height: 1.5 !important; margin-top: 4px !important; color: var(--gts-shell-muted) !important; }
@media (max-width: 760px) {
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-left { flex: 1 1 100px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-brand-text { display: none !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-page-title { text-align: start !important; align-items: flex-start !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-page-title > div:first-child { text-align: start !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill { display: none !important; }
}
@media (max-width: 420px) {
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-header-left { flex: 1 1 70px !important; }
  body.gts-b2b-unified #gts-b2b-header .gts-b2b-ui-controls button { padding: 6px 4px !important; min-height: 28px !important; }
}

body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill,
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-pill :is(span,strong) { letter-spacing: normal !important; word-spacing: normal !important; text-transform: none !important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-mobile-nav-heading { display: none !important; }
@media (max-width:1100px) {
  html.js body.gts-b2b-unified #gts-b2b-main .gts-b2b-mobile-nav-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 0 2px 12px !important; border-bottom: 1px solid var(--gts-shell-line) !important; background: var(--gts-shell-surface) !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-mobile-nav-heading strong { color: var(--gts-shell-text) !important; font-size: 14px !important; }
  body.gts-b2b-unified #gts-b2b-main .gts-b2b-mobile-nav-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; padding: 0 !important; border: 1px solid var(--gts-shell-line) !important; border-radius: 9px !important; color: var(--gts-shell-text) !important; background: var(--gts-shell-surface) !important; cursor: pointer !important; }
}

/* Orders used to impose a six-column inline !important filter grid at every
   viewport. New semantic markup keeps the exact query/export parameters. */
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-workspace { width:100%;min-width:0;max-width:100%; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-hero { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;flex-wrap:wrap!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-heading { font-size:22px!important;line-height:1.3!important;letter-spacing:-.03em!important;margin:8px 0 4px!important;color:var(--gts-shell-text)!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-grid { display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:end!important;gap:14px!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-grid > div { min-width:0!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-search { grid-column:span 3; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-grid .gts-b2b-field { display:block!important;width:100%!important;height:42px!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-grid .gts-b2b-field-label { display:block!important;font-size:12px!important;font-weight:650!important;line-height:1.5!important;margin-bottom:6px!important;color:var(--gts-shell-text)!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-actions { justify-content:flex-end!important;flex-wrap:nowrap!important;height:42px!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-actions :is(button,a) { min-height:42px!important;flex:1 1 auto!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-status-pill { display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;max-width:100%!important;line-height:1.4!important;padding:5px 8px!important;border-radius:7px!important;background:#f1f5f9!important;color:#465569!important;border:1px solid #dbe3ed!important;font-size:10px!important;font-weight:700!important;white-space:normal!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-status-pill:is(.is-active,.is-paid,.is-approved,.is-completed,.is-success) { background:#edfaf3!important;color:#14643e!important;border-color:#c5e9d3!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-status-pill:is(.is-pending,.is-unpaid,.is-warning,.is-partial,.is-open,.is-requested) { background:#fff7e8!important;color:#805216!important;border-color:#f0d9ac!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-status-pill:is(.is-inactive,.is-disabled,.is-deleted,.is-cancelled,.is-failed,.is-error,.is-rejected) { background:#fff1f2!important;color:#a32838!important;border-color:#f4c8cf!important; }
@media(max-width:980px) {
 body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-search { grid-column:span 1!important; }
}
@media(max-width:520px) {
 body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-grid { grid-template-columns:minmax(0,1fr)!important; }
 body.gts-b2b-unified #gts-b2b-main .gts-b2b-orders-filter-actions { justify-content:flex-start!important; }
}

/* A short partner page must not stretch its title to fill the viewport. */
body.gts-b2b-unified #gts-b2b-main .gts-b2b-portal > .gts-b2b-main { display:block!important; }
/* Agent actions must fit the company card, not a viewport-wide minimum grid. */
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-list,
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-row,
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-row > div { min-width:0!important;max-width:100%!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-row { grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr)!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-identity :is(strong,span,em),
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-phone strong { overflow-wrap:anywhere!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-row .gts-b2b-agent-actions { grid-column:1/-1!important;justify-content:flex-start!important;gap:10px!important;width:100%!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-agent-phone-edit { display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;width:min(100%,360px)!important;min-width:0!important;margin:0!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-agent-phone-edit input[type="tel"] { width:100%!important;min-width:0!important; }
@media(max-width:700px) { body.gts-b2b-unified #gts-b2b-main .gts-b2b-company-user-row { grid-template-columns:minmax(0,1fr)!important; } }

/* The two existing login designs remain intact, including custom backgrounds.
   Only their controls and very small viewport fit share the portal system. */
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main { min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-wrap { min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr)!important;padding:24px 16px!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-card { min-width:0!important;width:min(450px,100%)!important;max-width:100%!important;box-sizing:border-box!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-form { min-width:0!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-input-wrap { display:flex!important;align-items:center!important;position:relative!important;min-width:0!important;width:100%!important;height:46px!important;border:1px solid #c5d0dd!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-input-wrap:focus-within { border-color:var(--gts-shell-primary)!important;outline:2px solid var(--gts-shell-accent-line)!important;outline-offset:2px!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-input-wrap input { width:100%!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 12px 0 42px!important;box-sizing:border-box!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#19263b!important;box-shadow:none!important;font-size:14px!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-input-icon { position:absolute!important;inset-inline-start:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#59677b!important;width:18px!important;height:18px!important;display:flex!important;align-items:center!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-button { width:100%!important;min-height:46px!important;background:var(--gts-shell-primary)!important;color:#fff!important;border:1px solid var(--gts-shell-primary)!important;border-radius:11px!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-button:hover { background:var(--gts-shell-primary-hover)!important;color:#fff!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-remember { display:inline-flex!important;align-items:center!important;gap:7px!important;line-height:1.4!important; }
html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-remember input { flex:0 0 16px!important;width:16px!important;height:16px!important;margin:0!important; }
html[dir="rtl"] body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-input-wrap input { padding:0 42px 0 12px!important; }
@media(max-width:420px) {
 html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-card { padding:26px 20px 22px!important; }
 html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-card h1 { font-size:28px!important;line-height:1.2!important; }
 html body.gts-b2b-unified:not(.logged-in) #gts-b2b-main .gts-b2b-login-row { display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important; }
}

/* Legacy RTL rules reverse these flex rows twice; use a single logical flow. */
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-page-title,.gts-b2b-card-head) { direction:rtl!important;flex-direction:row!important;text-align:right!important; }
html[dir="rtl"] body.gts-b2b-unified #gts-b2b-main .gts-b2b-page-title > div:first-child { text-align:right!important; }

/* Do not create non-scrolling overflow ancestors for the sticky header/menu. */
html.gts-b2b-portal-document,
html.gts-b2b-portal-document body.gts-b2b-unified.logged-in { overflow-x:clip!important;overflow-y:visible!important; }
body.gts-b2b-unified.logged-in .gts-b2b-site,
body.gts-b2b-unified.logged-in #gts-b2b-main,
body.gts-b2b-unified #gts-b2b-main :is(.gts-b2b-shell,.gts-b2b-portal) { overflow:visible!important; }
html.gts-b2b-portal-document.pfs-eb-popup-open,
html.gts-b2b-portal-document body.gts-b2b-unified.logged-in:is(.pfs-eb-popup-open,.gts-b2b-modal-open,.pfs-pro-nav-open) { overflow:hidden!important;overscroll-behavior:none!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-booking-head { min-width:0!important;margin:0 0 18px!important;padding:20px!important;border:1px solid var(--gts-shell-line)!important;border-radius:16px!important;background:var(--gts-shell-surface)!important;box-shadow:var(--gts-shell-shadow)!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-booking-head h2 { color:var(--gts-shell-text)!important;font-size:22px!important;line-height:1.3!important;letter-spacing:-.025em!important;margin:6px 0!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-booking-head p { color:var(--gts-shell-muted)!important;font-size:13px!important;line-height:1.6!important; }
body.gts-b2b-unified #gts-b2b-main .gts-b2b-booking-head > a { display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 14px!important;min-height:40px!important;border:1px solid var(--gts-shell-line-strong)!important;border-radius:10px!important;background:var(--gts-shell-surface)!important;color:var(--gts-shell-text)!important;font-size:12px!important;font-weight:650!important; }