/* OmniServ v12 preboot: prevents old server-rendered theme flash before final theme applies. */
html.os-theme-preboot {
  background: #eef8ff !important;
}

html.os-theme-preboot body {
  opacity: 0 !important;
}

html.os-theme-ready body {
  opacity: 1 !important;
  transition: opacity 120ms ease !important;
}

/* Consolidated source theme: v9 */
/* OmniServ v9 refinement: isolated public/provider/internal presentation only. */

:root {
  --os-blue-950:#061942;
  --os-blue-900:#082b73;
  --os-blue-800:#063b9e;
  --os-blue-700:#075fe8;
  --os-blue-600:#0b78ff;
  --os-green-800:#066238;
  --os-green-700:#087a46;
  --os-green-600:#0b9657;
  --os-green-500:#18b76d;
  --os-green-100:#e8f8ef;
  --os-ink:#071b45;
  --os-text:#18375f;
  --os-line:#d8e7f7;
  --os-card:rgba(255,255,255,.92);
  --os-upshift:-38px;
}

body,
body input,
body select,
body textarea,
body button {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
}

.os-ui-hidden { display:none !important; }

body.os-public-page {
  background:
    radial-gradient(circle at 78% 10%, rgba(11,120,255,.20), transparent 30%),
    linear-gradient(180deg,#edf8ff 0%,#fff 48%,#f6fbff 100%) !important;
  color:var(--os-text) !important;
}

body.os-public-page header,
body.os-public-page .navbar,
body.os-public-page .site-header,
body.os-public-page .topbar,
body.os-public-page nav.main-nav {
  background:linear-gradient(90deg,var(--os-blue-950),var(--os-blue-800),var(--os-blue-700)) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.15) !important;
  box-shadow:0 14px 34px rgba(6,25,66,.22) !important;
}

body.os-public-page header a,
body.os-public-page .navbar a,
body.os-public-page .site-header a,
body.os-public-page nav.main-nav a,
body.os-public-page header button,
body.os-public-page .navbar button {
  color:rgba(255,255,255,.94) !important;
  text-decoration:none !important;
}

body.os-public-page .brand,
body.os-public-page .logo,
body.os-public-page .navbar-brand {
  font-weight:800 !important;
}

body.os-public-page .brand small,
body.os-public-page .brand-subtitle,
body.os-public-page .tagline,
body.os-public-page .subtitle {
  color:rgba(255,255,255,.78) !important;
}

body.os-public-page h1,
body.os-public-page .hero-title {
  color:var(--os-blue-950) !important;
  font-size:clamp(2.05rem,3.15vw,3.35rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:780 !important;
  max-width:610px !important;
}

body.os-public-page h2,
body.os-public-page .section-title {
  color:var(--os-blue-950) !important;
  font-size:clamp(1.25rem,1.85vw,1.85rem) !important;
  line-height:1.2 !important;
  font-weight:720 !important;
}

body.os-public-page h3,
body.os-public-page .card-title {
  font-size:1rem !important;
  line-height:1.25 !important;
  font-weight:720 !important;
}

body.os-public-page p,
body.os-public-page li {
  color:var(--os-text) !important;
  font-size:.91rem !important;
  line-height:1.55 !important;
}

body.os-public-page .btn,
body.os-public-page button,
body.os-public-page a.button,
body.os-public-page .nav-button {
  border-radius:10px !important;
  font-size:.84rem !important;
  padding:.54rem .88rem !important;
  min-height:auto !important;
  font-weight:720 !important;
}

body.os-public-page .btn-primary,
body.os-public-page button[type="submit"],
body.os-public-page .primary,
body.os-public-page .start-request,
body.os-public-page a[href*="request"] {
  background:linear-gradient(135deg,var(--os-green-600),var(--os-green-500)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 10px 22px rgba(11,150,87,.22) !important;
}

body.os-public-page .btn-secondary,
body.os-public-page .secondary {
  background:rgba(255,255,255,.94) !important;
  color:var(--os-blue-700) !important;
  border:1px solid rgba(11,120,255,.25) !important;
}

body.os-public-page .badge,
body.os-public-page .pill,
body.os-public-page .chip,
body.os-public-page .label-pill {
  background:rgba(232,248,239,.96) !important;
  color:var(--os-green-700) !important;
  border:1px solid rgba(11,150,87,.22) !important;
  border-radius:999px !important;
  font-size:.78rem !important;
  padding:.34rem .68rem !important;
}

body.os-public-page .card,
body.os-public-page .service-card,
body.os-public-page .feature-card,
body.os-public-page .panel {
  background:var(--os-card) !important;
  border:1px solid rgba(7,95,232,.12) !important;
  border-radius:16px !important;
  box-shadow:0 12px 32px rgba(7,35,85,.10) !important;
}

body.os-public-page .os-public-hero-clean {
  position:relative !important;
  overflow:hidden !important;
  min-height:510px !important;
  padding:72px clamp(28px,7vw,118px) 54px !important;
  background:
    linear-gradient(90deg,rgba(238,248,255,.97) 0%,rgba(238,248,255,.92) 53%,rgba(255,255,255,.55) 100%),
    url("/static/omniserve_theme/v9/img/sky_landscape.svg") center/cover no-repeat !important;
  border:1px solid rgba(7,95,232,.12) !important;
  border-radius:24px !important;
  box-shadow:0 20px 60px rgba(7,35,85,.12) !important;
}

body.os-public-page .os-public-hero-clean > *:not(.os-public-hero-art) {
  position:relative !important;
  z-index:3 !important;
  max-width:610px !important;
  transform:translateY(var(--os-upshift)) !important;
}

body.os-public-page .os-public-hero-art {
  position:absolute;
  z-index:1;
  right:clamp(34px,6vw,106px);
  top:50%;
  transform:translateY(calc(-50% - 38px));
  width:min(36vw,500px);
  min-width:360px;
  height:400px;
  pointer-events:none;
  opacity:.94;
}

body.os-public-page .os-public-globe {
  position:absolute;
  right:10px;
  top:0;
  width:385px;
  height:385px;
  animation:osGlobeFloat 6.5s ease-in-out infinite;
  filter:drop-shadow(0 24px 40px rgba(7,95,232,.24));
}

body.os-public-page .os-public-globe img {
  width:100%;
  height:100%;
  display:block;
  animation:osGlobePulse 4.8s ease-in-out infinite;
}

body.os-public-page .os-public-orbit {
  position:absolute;
  inset:42px;
  border-radius:50%;
  border:2px dashed rgba(255,255,255,.72);
  animation:osOrbit 18s linear infinite;
}

body.os-public-page .os-public-chip {
  position:absolute;
  width:118px;
  min-height:94px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(7,95,232,.14);
  border-radius:16px;
  box-shadow:0 15px 32px rgba(7,35,85,.14);
  backdrop-filter:blur(14px);
  display:grid;
  place-items:center;
  text-align:center;
  padding:12px;
  color:var(--os-blue-950);
  font-weight:780;
  font-size:.82rem;
}

body.os-public-page .os-public-chip small {
  display:block;
  margin-top:4px;
  color:var(--os-text);
  font-size:.67rem;
  font-weight:560;
}

body.os-public-page .os-public-chip svg {
  width:28px;
  height:28px;
  margin-bottom:7px;
  stroke:var(--os-blue-600);
}

body.os-public-page .os-public-chip.kira { right:250px; top:160px; }
body.os-public-page .os-public-chip.terra { right:130px; top:214px; }
body.os-public-page .os-public-chip.servi { right:6px; top:160px; }

body.os-provider-page {
  background:linear-gradient(180deg,#f4fbf7 0%,#fff 50%,#f6faf8 100%) !important;
  color:#29463a !important;
}

body.os-provider-page header,
body.os-provider-page .navbar,
body.os-provider-page .site-header,
body.os-provider-page .topbar,
body.os-provider-page nav.main-nav {
  background:linear-gradient(90deg,#042817,#08703f) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 12px 30px rgba(4,40,23,.22) !important;
}

body.os-provider-page .card,
body.os-provider-page .panel,
body.os-provider-page .form-card,
body.os-provider-page form {
  background:rgba(255,255,255,.95) !important;
  border:1px solid #d9e8df !important;
  border-radius:16px !important;
  box-shadow:0 12px 34px rgba(4,40,23,.09) !important;
}

body.os-provider-page button[type="submit"],
body.os-provider-page .btn-primary,
body.os-provider-page .primary {
  background:linear-gradient(135deg,#08703f,#16a765) !important;
  color:#fff !important;
  border-radius:10px !important;
  font-size:.86rem !important;
  padding:.56rem .9rem !important;
}

body.os-internal-page .os-public-hero-art,
body.os-provider-page .os-public-hero-art {
  display:none !important;
}

.os-menu-wrap {
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  margin-left:.35rem !important;
}

.os-menu-button {
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:.46rem .74rem !important;
  font-size:.84rem !important;
  font-weight:720 !important;
  cursor:pointer !important;
}

.os-menu-button::after {
  content:"▾";
  margin-left:.38rem;
  font-size:.72rem;
}

.os-dropdown-menu {
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  min-width:210px !important;
  background:#fff !important;
  color:var(--os-ink) !important;
  border:1px solid rgba(7,35,85,.12) !important;
  border-radius:14px !important;
  box-shadow:0 18px 42px rgba(7,35,85,.18) !important;
  padding:.45rem !important;
  display:none !important;
  z-index:1000 !important;
}

.os-menu-wrap:hover .os-dropdown-menu,
.os-menu-wrap:focus-within .os-dropdown-menu {
  display:block !important;
}

.os-dropdown-menu a {
  display:block !important;
  padding:.55rem .65rem !important;
  border-radius:10px !important;
  color:var(--os-ink) !important;
  text-decoration:none !important;
  font-size:.84rem !important;
  font-weight:640 !important;
}

.os-dropdown-menu a:hover {
  background:#eef7ff !important;
  color:var(--os-blue-700) !important;
}

.os-ai-desk {
  margin-top:18px !important;
  width:min(100%,520px) !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(7,95,232,.14) !important;
  border-radius:18px !important;
  box-shadow:0 14px 38px rgba(7,35,85,.12) !important;
  padding:16px !important;
  backdrop-filter:blur(14px) !important;
}

.os-ai-desk h3 {
  margin:0 0 5px !important;
  color:var(--os-blue-950) !important;
  font-size:1rem !important;
  font-weight:760 !important;
}

.os-ai-desk p {
  margin:0 0 10px !important;
  font-size:.86rem !important;
  line-height:1.45 !important;
}

.os-ai-desk textarea {
  width:100% !important;
  min-height:68px !important;
  resize:vertical !important;
  border:1px solid var(--os-line) !important;
  border-radius:12px !important;
  padding:.72rem !important;
  font-size:.88rem !important;
  color:var(--os-ink) !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

.os-ai-desk-actions {
  display:flex !important;
  gap:.55rem !important;
  align-items:center !important;
  margin-top:.65rem !important;
  flex-wrap:wrap !important;
}

.os-ai-send,
.os-ai-talk {
  border-radius:10px !important;
  padding:.52rem .82rem !important;
  font-size:.84rem !important;
  font-weight:720 !important;
  cursor:pointer !important;
}

.os-ai-send {
  background:linear-gradient(135deg,var(--os-green-600),var(--os-green-500)) !important;
  color:#fff !important;
  border:0 !important;
}

.os-ai-talk {
  background:#fff !important;
  color:var(--os-blue-700) !important;
  border:1px solid rgba(11,120,255,.25) !important;
}

.os-ai-note {
  font-size:.76rem !important;
  color:#637694 !important;
}

@keyframes osGlobeFloat {
  0%,100% { transform:translateY(-5px); }
  50% { transform:translateY(12px); }
}

@keyframes osGlobePulse {
  0%,100% { transform:scale(1); filter:saturate(1.02); }
  50% { transform:scale(1.022); filter:saturate(1.14); }
}

@keyframes osOrbit {
  from { transform:rotate(-16deg); }
  to { transform:rotate(344deg); }
}

@media (max-width:1100px) {
  body.os-public-page .os-public-hero-art {
    opacity:.22;
    right:-90px;
  }
}

@media (max-width:820px) {
  body.os-public-page .os-public-hero-clean {
    min-height:auto !important;
    padding:44px 22px !important;
  }

  body.os-public-page .os-public-hero-clean > *:not(.os-public-hero-art) {
    transform:none !important;
  }

  body.os-public-page .os-public-hero-art {
    display:none !important;
  }

  body.os-public-page h1,
  body.os-public-page .hero-title {
    font-size:clamp(1.9rem,9vw,2.7rem) !important;
  }
}

/* OmniServ v12 futuristic globe repair — bigger, animated, no broken-image frame. */

body.os-public-page .os-public-hero-art {
  width: min(40vw, 560px) !important;
  min-width: 420px !important;
  height: 460px !important;
  right: clamp(34px, 6vw, 96px) !important;
  top: 47% !important;
  transform: translateY(-50%) !important;
  overflow: visible !important;
}

body.os-public-page .os-public-globe {
  width: 450px !important;
  height: 450px !important;
  right: 14px !important;
  top: -24px !important;
  position: absolute !important;
  animation: osFuturisticGlobeFloat 6.2s ease-in-out infinite !important;
  filter:
    drop-shadow(0 28px 44px rgba(7, 95, 232, 0.24))
    drop-shadow(0 12px 22px rgba(24, 183, 109, 0.18)) !important;
  overflow: visible !important;
}

body.os-public-page .os-public-globe img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  outline: 0 !important;
  object-fit: contain !important;
  animation: osFuturisticGlobeBreath 4.8s ease-in-out infinite !important;
}

body.os-public-page .os-public-globe::before {
  content: "" !important;
  position: absolute !important;
  inset: 38px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 40% 35%, rgba(255,255,255,.34), transparent 24%),
    radial-gradient(circle, rgba(11,120,255,.16), transparent 62%) !important;
  filter: blur(10px) !important;
  z-index: -1 !important;
  animation: osFuturisticGlow 5.4s ease-in-out infinite !important;
}

body.os-public-page .os-globe-energy-ring {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 84% !important;
  height: 84% !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.68) !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
  pointer-events: none !important;
}

body.os-public-page .os-globe-energy-ring.ring-one {
  border-style: dashed !important;
  animation: osEnergyRingA 18s linear infinite !important;
}

body.os-public-page .os-globe-energy-ring.ring-two {
  width: 101% !important;
  height: 42% !important;
  border-color: rgba(24,183,109,.38) !important;
  animation: osEnergyRingB 14s linear infinite !important;
}

body.os-public-page .os-globe-energy-ring.ring-three {
  width: 44% !important;
  height: 101% !important;
  border-color: rgba(11,120,255,.32) !important;
  animation: osEnergyRingC 22s linear infinite !important;
}

body.os-public-page .os-public-chip.kira {
  right: 315px !important;
  top: 164px !important;
}

body.os-public-page .os-public-chip.terra {
  right: 166px !important;
  top: 236px !important;
}

body.os-public-page .os-public-chip.servi {
  right: 0 !important;
  top: 164px !important;
}

body.os-public-page .os-public-chip {
  z-index: 4 !important;
}

@keyframes osFuturisticGlobeFloat {
  0%, 100% { transform: translateY(-8px) scale(1); }
  50% { transform: translateY(12px) scale(1.018); }
}

@keyframes osFuturisticGlobeBreath {
  0%, 100% { transform: scale(1); filter: saturate(1.04) brightness(1); }
  50% { transform: scale(1.028); filter: saturate(1.22) brightness(1.04); }
}

@keyframes osFuturisticGlow {
  0%, 100% { opacity: .52; transform: scale(.97); }
  50% { opacity: .9; transform: scale(1.05); }
}

@keyframes osEnergyRingA {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes osEnergyRingB {
  from { transform: translate(-50%, -50%) rotate(12deg); }
  to { transform: translate(-50%, -50%) rotate(372deg); }
}

@keyframes osEnergyRingC {
  from { transform: translate(-50%, -50%) rotate(-18deg); }
  to { transform: translate(-50%, -50%) rotate(-378deg); }
}

@media (max-width: 1180px) {
  body.os-public-page .os-public-hero-art {
    opacity: .34 !important;
    right: -120px !important;
  }
}

@media (max-width: 820px) {
  body.os-public-page .os-public-hero-art {
    display: none !important;
  }
}


/* OMNISERVE_V12_GLOBE_RIGHT_SHIFT_START */

/* Move only the right-side futuristic globe group slightly right.
   This keeps the public hero text and buttons unchanged. */

body.os-public-page .os-public-hero-art {
  right: clamp(16px, 4.5vw, 72px) !important;
}

body.os-public-page .os-public-globe {
  right: -18px !important;
}

body.os-public-page .os-public-chip.kira {
  right: 335px !important;
}

body.os-public-page .os-public-chip.terra {
  right: 186px !important;
}

body.os-public-page .os-public-chip.servi {
  right: 18px !important;
}

@media (max-width: 1180px) {
  body.os-public-page .os-public-hero-art {
    right: -145px !important;
  }
}

/* OMNISERVE_V12_GLOBE_RIGHT_SHIFT_END */


/* OMNISERVE_V12_GRADIENT_HERO_TITLE_START */

/* Futuristic gradient title for:
   "One intelligent window for events, travel and trusted services." */

body.os-public-page .os-public-hero-clean h1,
body.os-public-page .hero h1,
body.os-public-page .hero-section h1,
body.os-public-page .landing-hero h1,
body.os-public-page main section:first-of-type h1 {
  background: linear-gradient(
    105deg,
    #061942 0%,
    #075fe8 28%,
    #0b9657 55%,
    #18b76d 72%,
    #061942 100%
  ) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: osHeroTitleGradientFlow 7s ease-in-out infinite !important;
  text-shadow: none !important;
  filter: drop-shadow(0 8px 18px rgba(7, 95, 232, 0.10)) !important;
}

@keyframes osHeroTitleGradientFlow {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  body.os-public-page .os-public-hero-clean h1,
  body.os-public-page .hero h1,
  body.os-public-page .hero-section h1,
  body.os-public-page .landing-hero h1,
  body.os-public-page main section:first-of-type h1 {
    color: #061942 !important;
    -webkit-text-fill-color: #061942 !important;
  }
}

/* OMNISERVE_V12_GRADIENT_HERO_TITLE_END */


/* OMNISERVE_V12_COMBINED_PORTALS_MENU_CSS_START */

/* Single combined Provider + Management dropdown. */

body.os-public-page .os-combined-portals-menu {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 0.45rem !important;
  z-index: 1000 !important;
}

body.os-public-page .os-combined-portals-button {
  background: rgba(255,255,255,0.13) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 0.52rem 0.86rem !important;
  font-size: 0.84rem !important;
  font-weight: 760 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

body.os-public-page .os-combined-portals-button::after {
  content: "▾" !important;
  margin-left: 0.42rem !important;
  font-size: 0.72rem !important;
}

body.os-public-page .os-combined-portals-dropdown {
  min-width: 220px !important;
  right: 0 !important;
  top: calc(100% + 10px) !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 35, 85, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(7, 35, 85, 0.18) !important;
  padding: 0.46rem !important;
  display: none !important;
}

body.os-public-page .os-combined-portals-menu:hover .os-combined-portals-dropdown,
body.os-public-page .os-combined-portals-menu:focus-within .os-combined-portals-dropdown,
body.os-public-page .os-combined-portals-menu.is-open .os-combined-portals-dropdown {
  display: block !important;
}

body.os-public-page .os-combined-portals-dropdown a {
  display: block !important;
  padding: 0.64rem 0.72rem !important;
  border-radius: 10px !important;
  color: #071b45 !important;
  text-decoration: none !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
}

body.os-public-page .os-combined-portals-dropdown a:hover {
  background: #eef7ff !important;
  color: #075fe8 !important;
}

/* OMNISERVE_V12_COMBINED_PORTALS_MENU_CSS_END */


/* OMNISERVE_V12_ORBIT_AND_CHATBOT_CSS_START */

/* Slightly reduce globe size and create slow service-card orbit. */

body.os-public-page .os-public-hero-art.os-orbit-enabled {
  width: min(38vw, 520px) !important;
  min-width: 390px !important;
  height: 430px !important;
  right: clamp(22px, 4.8vw, 78px) !important;
  top: 47% !important;
  transform: translateY(-50%) !important;
  overflow: visible !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-globe {
  width: 405px !important;
  height: 405px !important;
  right: 8px !important;
  top: -5px !important;
  position: absolute !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-globe img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Override the old fixed card positions and let transform orbit control placement. */
body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 118px !important;
  min-height: 94px !important;
  z-index: 8 !important;
  transform-origin: 0 0 !important;
  will-change: transform !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-duration: 34s !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card svg {
  width: 28px !important;
  height: 28px !important;
  stroke: #0b78ff !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.orbit-kira {
  animation-name: osOrbitKiraCard !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.orbit-terra {
  animation-name: osOrbitTerraCard !important;
  animation-delay: -11.3s !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.orbit-service {
  animation-name: osOrbitServiceCard !important;
  animation-delay: -22.6s !important;
}

/* Elliptical orbit around globe center. Cards stay upright while their position circles. */
@keyframes osOrbitKiraCard {
  0%   { transform: translate(-50%, -50%) rotate(0deg) translateX(238px) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg) translateX(238px) rotate(-360deg); }
}

@keyframes osOrbitTerraCard {
  0%   { transform: translate(-50%, -50%) rotate(120deg) translateX(238px) rotate(-120deg); }
  100% { transform: translate(-50%, -50%) rotate(480deg) translateX(238px) rotate(-480deg); }
}

@keyframes osOrbitServiceCard {
  0%   { transform: translate(-50%, -50%) rotate(240deg) translateX(238px) rotate(-240deg); }
  100% { transform: translate(-50%, -50%) rotate(600deg) translateX(238px) rotate(-600deg); }
}

/* Human face chatbot button after Explore buttons. */
body.os-public-page .os-human-chat-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: 9px !important;
  vertical-align: middle !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11, 150, 87, 0.28) !important;
  background: linear-gradient(135deg, #ffffff, #e8f8ef) !important;
  color: #08703f !important;
  box-shadow: 0 12px 26px rgba(7, 35, 85, 0.13) !important;
  cursor: pointer !important;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

body.os-public-page .os-human-chat-trigger:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #ffffff, #dff5e9) !important;
  box-shadow: 0 16px 34px rgba(7, 35, 85, 0.18) !important;
}

body.os-public-page .os-human-chat-trigger svg {
  width: 23px !important;
  height: 23px !important;
  stroke: #08703f !important;
}

/* Medium chatbot popup with slight green background. */
.os-human-chat-panel {
  position: fixed !important;
  right: 28px !important;
  top: 150px !important;
  width: 395px !important;
  max-width: calc(100vw - 32px) !important;
  background: linear-gradient(180deg, #f3fbf7 0%, #ffffff 100%) !important;
  border: 1px solid #cfe8d9 !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(4, 40, 23, 0.22) !important;
  overflow: hidden !important;
  z-index: 9999 !important;
  display: none !important;
  color: #18375f !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
}

.os-human-chat-panel.is-open {
  display: block !important;
}

.os-human-chat-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  background: linear-gradient(135deg, #07522e, #18b76d) !important;
  color: #ffffff !important;
}

.os-human-chat-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.os-human-chat-avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.18) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.os-human-chat-avatar svg {
  width: 23px !important;
  height: 23px !important;
  stroke: #ffffff !important;
}

.os-human-chat-header h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 0.98rem !important;
  line-height: 1.16 !important;
  font-weight: 780 !important;
}

.os-human-chat-header span {
  display: inline-flex !important;
  margin-top: 4px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.16) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  color: #ffffff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}

.os-human-chat-close {
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.os-human-chat-body {
  padding: 15px 16px 16px !important;
}

.os-human-chat-body p {
  margin: 0 0 11px !important;
  color: #18375f !important;
  font-size: 0.86rem !important;
  line-height: 1.48 !important;
}

.os-human-chat-example {
  background: #e8f8ef !important;
  border: 1px solid rgba(11,150,87,0.16) !important;
  color: #07522e !important;
  border-radius: 12px !important;
  padding: 9px 10px !important;
  font-size: 0.80rem !important;
  line-height: 1.38 !important;
  margin-bottom: 11px !important;
}

.os-human-chat-body textarea {
  width: 100% !important;
  min-height: 92px !important;
  resize: vertical !important;
  border: 1px solid #cfe8d9 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  color: #071b45 !important;
  padding: 11px !important;
  font-size: 0.86rem !important;
  line-height: 1.42 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.os-human-chat-body textarea:focus {
  border-color: #0b9657 !important;
  box-shadow: 0 0 0 4px rgba(11,150,87,0.11) !important;
}

.os-human-chat-actions {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-top: 11px !important;
}

.os-human-chat-send,
.os-human-chat-voice {
  border-radius: 11px !important;
  padding: 8px 12px !important;
  font-size: 0.82rem !important;
  font-weight: 740 !important;
  cursor: pointer !important;
}

.os-human-chat-send {
  background: linear-gradient(135deg, #08703f, #18b76d) !important;
  color: #ffffff !important;
  border: 0 !important;
}

.os-human-chat-voice {
  background: #ffffff !important;
  color: #08703f !important;
  border: 1px solid rgba(11,150,87,0.25) !important;
}

.os-human-chat-note {
  flex-basis: 100% !important;
  color: #667c70 !important;
  font-size: 0.74rem !important;
  min-height: 1rem !important;
}

@media (max-width: 1180px) {
  body.os-public-page .os-public-hero-art.os-orbit-enabled {
    opacity: .34 !important;
    right: -120px !important;
  }

  body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card {
    display: none !important;
  }
}

@media (max-width: 820px) {
  body.os-public-page .os-public-hero-art.os-orbit-enabled {
    display: none !important;
  }

  .os-human-chat-panel {
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    width: calc(100vw - 24px) !important;
  }
}

/* OMNISERVE_V12_ORBIT_AND_CHATBOT_CSS_END */


/* OMNISERVE_V12_SERVICE_CARDS_INSIDE_GLOBE_START */

/* Keep KIRA, TerraFlow and ServiceLink cards orbiting inside the globe/map frame. */

body.os-public-page .os-public-hero-art.os-orbit-enabled {
  --os-globe-card-orbit-radius: 124px;
  --os-globe-card-center-x: calc(50% + 50px);
  --os-globe-card-center-y: calc(50% - 18px);
  overflow: visible !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card {
  left: var(--os-globe-card-center-x) !important;
  top: var(--os-globe-card-center-y) !important;
  width: 104px !important;
  min-height: 78px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  z-index: 9 !important;
  background: rgba(255,255,255,0.90) !important;
  box-shadow: 0 12px 26px rgba(7,35,85,0.13) !important;
  animation-duration: 42s !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card svg {
  width: 24px !important;
  height: 24px !important;
  margin-bottom: 5px !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card div {
  font-size: 0.76rem !important;
  line-height: 1.15 !important;
}

body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card small {
  font-size: 0.62rem !important;
  line-height: 1.15 !important;
}

/* Replace previous wide outside-orbit movement with a compact inside-globe orbit. */
@keyframes osOrbitKiraCard {
  0%   { transform: translate(-50%, -50%) rotate(0deg) translateX(var(--os-globe-card-orbit-radius)) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg) translateX(var(--os-globe-card-orbit-radius)) rotate(-360deg); }
}

@keyframes osOrbitTerraCard {
  0%   { transform: translate(-50%, -50%) rotate(120deg) translateX(var(--os-globe-card-orbit-radius)) rotate(-120deg); }
  100% { transform: translate(-50%, -50%) rotate(480deg) translateX(var(--os-globe-card-orbit-radius)) rotate(-480deg); }
}

@keyframes osOrbitServiceCard {
  0%   { transform: translate(-50%, -50%) rotate(240deg) translateX(var(--os-globe-card-orbit-radius)) rotate(-240deg); }
  100% { transform: translate(-50%, -50%) rotate(600deg) translateX(var(--os-globe-card-orbit-radius)) rotate(-600deg); }
}

/* Extra safety: prevent cards from drifting outside the globe on medium screens. */
@media (max-width: 1380px) {
  body.os-public-page .os-public-hero-art.os-orbit-enabled {
    --os-globe-card-orbit-radius: 112px;
    --os-globe-card-center-x: calc(50% + 48px);
    --os-globe-card-center-y: calc(50% - 16px);
  }

  body.os-public-page .os-public-hero-art.os-orbit-enabled .os-public-chip.os-orbit-card {
    width: 98px !important;
    min-height: 74px !important;
  }
}

/* OMNISERVE_V12_SERVICE_CARDS_INSIDE_GLOBE_END */

/* OMNISERVE_V12_HERO_LEFT_SHIFT_START */

/* Push the full public hero content block leftward:
   badge, title, paragraph, service labels, Explore buttons, and receptionist icons.
   The globe/map visual remains unchanged. */

body.os-public-page .os-public-hero-clean {
  padding-left: clamp(24px, 4.2vw, 74px) !important;
  padding-right: clamp(24px, 5.5vw, 100px) !important;
}

body.os-public-page .os-public-hero-clean > *:not(.os-public-hero-art) {
  transform: translate(-58px, var(--os-upshift)) !important;
  max-width: 650px !important;
}

body.os-public-page .os-public-hero-clean h1,
body.os-public-page .os-public-hero-clean p,
body.os-public-page .os-public-hero-clean .badge,
body.os-public-page .os-public-hero-clean .pill,
body.os-public-page .os-public-hero-clean .chip,
body.os-public-page .os-public-hero-clean .label-pill {
  max-width: 650px !important;
}

/* Keep the Explore row compact after the left shift. */
body.os-public-page .os-public-hero-clean a,
body.os-public-page .os-public-hero-clean button {
  vertical-align: middle !important;
}

body.os-public-page .os-public-hero-clean .os-human-chat-trigger.os-receptionist-trigger {
  margin-left: 8px !important;
  margin-right: 14px !important;
}

/* Slightly tighten service label spacing above the buttons. */
body.os-public-page .os-public-hero-clean .os-human-chat-trigger.os-receptionist-trigger + a,
body.os-public-page .os-public-hero-clean .os-human-chat-trigger.os-receptionist-trigger + button {
  margin-left: 4px !important;
}

/* On medium screens, reduce the left shift to avoid clipping. */
@media (max-width: 1280px) {
  body.os-public-page .os-public-hero-clean > *:not(.os-public-hero-art) {
    transform: translate(-34px, var(--os-upshift)) !important;
    max-width: 620px !important;
  }
}

/* On mobile, remove the shift completely. */
@media (max-width: 820px) {
  body.os-public-page .os-public-hero-clean {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body.os-public-page .os-public-hero-clean > *:not(.os-public-hero-art) {
    transform: none !important;
    max-width: 100% !important;
  }
}

/* OMNISERVE_V12_HERO_LEFT_SHIFT_END */


/* OMNISERVE_V12_STABLE_TRANSLATION_CONTROLS_CSS_START */

/* Hide Google Translate default UI while keeping translation engine active. */
#os-google-translate-element,
.goog-te-banner-frame,
.goog-te-gadget,
.goog-te-combo,
body > .skiptranslate {
  display: none !important;
  visibility: hidden !important;
}

body {
  top: 0 !important;
}

/* Stable language dropdown. */
.os-language-menu {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 0.45rem !important;
  z-index: 30000 !important;
}

.os-language-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.38rem !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 0.82rem !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  background: rgba(255,255,255,0.13) !important;
  color: #ffffff !important;
  font-size: 0.84rem !important;
  font-weight: 780 !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.os-language-button::after {
  content: "▾" !important;
  margin-left: 0.18rem !important;
  font-size: 0.72rem !important;
}

.os-language-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  width: 260px !important;
  max-height: 430px !important;
  overflow-y: auto !important;
  display: none !important;
  padding: 0.46rem !important;
  border-radius: 14px !important;
  border: 1px solid rgba(7,35,85,0.12) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(7,35,85,0.18) !important;
  z-index: 30001 !important;
}

.os-language-menu:hover .os-language-dropdown,
.os-language-menu:focus-within .os-language-dropdown,
.os-language-menu.is-open .os-language-dropdown {
  display: block !important;
}

.os-language-option {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  padding: 0.58rem 0.66rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #071b45 !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: left !important;
}

.os-language-option:hover,
.os-language-option.is-active {
  background: #eef7ff !important;
  color: #075fe8 !important;
}

.os-language-code {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: #e8f8ef !important;
  color: #08703f !important;
  font-size: 0.70rem !important;
  font-weight: 850 !important;
}

.os-language-label {
  white-space: nowrap !important;
}

/* Hide unstable legacy action controls. */
body.os-public-page .os-legacy-action-hidden,
body.os-public-page .os-explore-action-row,
body.os-public-page .os-permanent-explore-action-row,
body.os-public-page .os-human-chat-trigger,
body.os-public-page .os-receptionist-trigger,
body.os-public-page .os-safe-receptionist-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Stable public action row. */
body.os-public-page #os-stable-action-row,
body.os-public-page .os-stable-action-row {
  position: relative !important;
  z-index: 10000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  margin-top: 18px !important;
  margin-bottom: 6px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.os-public-page .os-stable-action-group {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.os-public-page .os-stable-explore-button {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 54px !important;
  min-height: 54px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #0b9657, #18b76d) !important;
  color: #071b45 !important;
  text-decoration: none !important;
  line-height: 1.05 !important;
  text-align: center !important;
  box-shadow: 0 12px 26px rgba(7,35,85,0.16) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.os-public-page .os-stable-action-group:first-child .os-stable-explore-button {
  background: linear-gradient(135deg, #e0bd2b, #f3cc3d) !important;
}

body.os-public-page .os-explore-line-one {
  display: block !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
}

body.os-public-page .os-explore-line-two {
  display: block !important;
  margin-top: 3px !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}

body.os-public-page .os-stable-receptionist-button {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  border-radius: 999px !important;
  border: 2px solid rgba(24,183,109,0.42) !important;
  background: radial-gradient(circle at 35% 22%, rgba(255,255,255,.98), rgba(232,248,239,.92) 58%, rgba(11,120,255,.16) 100%) !important;
  box-shadow: 0 16px 34px rgba(7,35,85,0.18), 0 0 0 5px rgba(24,183,109,0.12) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.os-public-page .os-stable-receptionist-button::after {
  content: "" !important;
  position: absolute !important;
  right: 4px !important;
  bottom: 5px !important;
  width: 11px !important;
  height: 11px !important;
  border-radius: 999px !important;
  background: #18b76d !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 0 0 4px rgba(24,183,109,.16) !important;
}

body.os-public-page .os-stable-receptionist-button img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}

/* Chat popup. */
.os-stable-chat-panel {
  position: fixed !important;
  right: 28px !important;
  top: 150px !important;
  width: 395px !important;
  max-width: calc(100vw - 32px) !important;
  background: linear-gradient(180deg, #f3fbf7 0%, #ffffff 100%) !important;
  border: 1px solid #cfe8d9 !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(4,40,23,0.22) !important;
  overflow: hidden !important;
  z-index: 20000 !important;
  display: none !important;
  color: #18375f !important;
}

.os-stable-chat-panel.is-open {
  display: block !important;
}

.os-stable-chat-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  background: linear-gradient(135deg, #07522e, #18b76d) !important;
  color: #ffffff !important;
}

.os-stable-chat-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.os-stable-chat-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.os-stable-chat-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.os-stable-chat-header h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 0.98rem !important;
  line-height: 1.16 !important;
  font-weight: 780 !important;
}

.os-stable-chat-header span {
  display: inline-flex !important;
  margin-top: 4px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.16) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  color: #ffffff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
}

.os-stable-chat-close {
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 1.35rem !important;
  cursor: pointer !important;
}

.os-stable-chat-body {
  padding: 15px 16px 16px !important;
}

.os-stable-chat-body p {
  margin: 0 0 11px !important;
  color: #18375f !important;
  font-size: 0.86rem !important;
  line-height: 1.48 !important;
}

.os-stable-chat-example {
  background: #e8f8ef !important;
  border: 1px solid rgba(11,150,87,0.16) !important;
  color: #07522e !important;
  border-radius: 12px !important;
  padding: 9px 10px !important;
  font-size: 0.80rem !important;
  margin-bottom: 11px !important;
}

.os-stable-chat-body textarea {
  width: 100% !important;
  min-height: 92px !important;
  resize: vertical !important;
  border: 1px solid #cfe8d9 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  color: #071b45 !important;
  padding: 11px !important;
  font-size: 0.86rem !important;
  box-sizing: border-box !important;
}

.os-stable-chat-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 11px !important;
}

.os-stable-chat-send,
.os-stable-chat-voice {
  border-radius: 11px !important;
  padding: 8px 12px !important;
  font-size: 0.82rem !important;
  font-weight: 740 !important;
  cursor: pointer !important;
}

.os-stable-chat-send {
  background: linear-gradient(135deg, #08703f, #18b76d) !important;
  color: #ffffff !important;
  border: 0 !important;
}

.os-stable-chat-voice {
  background: #ffffff !important;
  color: #08703f !important;
  border: 1px solid rgba(11,150,87,0.25) !important;
}

.os-stable-chat-note {
  flex-basis: 100% !important;
  color: #667c70 !important;
  font-size: 0.74rem !important;
}

@media (max-width: 1360px) {
  body.os-public-page .os-stable-action-row {
    gap: 10px !important;
  }

  body.os-public-page .os-stable-action-group {
    gap: 6px !important;
  }

  body.os-public-page .os-stable-explore-button {
    width: 106px !important;
    min-width: 106px !important;
    max-width: 106px !important;
  }

  body.os-public-page .os-stable-receptionist-button {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
  }
}

@media (max-width: 1050px) {
  body.os-public-page .os-stable-action-row {
    flex-wrap: wrap !important;
    row-gap: 12px !important;
  }
}

@media (max-width: 820px) {
  .os-stable-chat-panel {
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    width: calc(100vw - 24px) !important;
  }
}

/* OMNISERVE_V12_STABLE_TRANSLATION_CONTROLS_CSS_END */


/* OMNISERVE_V12_REMOVE_TRANSLATED_LEGACY_ACTIONS_CSS_START */

/* Hard-hide all old/unstable action rows and old avatar buttons.
   Stable row and stable chatbot remain visible. */

body.os-public-page .os-explore-action-row,
body.os-public-page .os-permanent-explore-action-row,
body.os-public-page .os-force-hide-legacy-action-row,
body.os-public-page .os-legacy-action-hidden,
body.os-public-page .os-human-chat-trigger,
body.os-public-page .os-receptionist-trigger,
body.os-public-page .os-safe-receptionist-button,
body.os-public-page .os-permanent-receptionist-button,
body.os-public-page .os-two-line-receptionist-button,
body.os-public-page .os-ai-desk,
body.os-public-page .os-chatbot-float {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Explicitly preserve the new stable controls. */
body.os-public-page #os-stable-action-row,
body.os-public-page .os-stable-action-row {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

body.os-public-page #os-stable-action-row .os-stable-action-group,
body.os-public-page #os-stable-action-row .os-stable-explore-button,
body.os-public-page #os-stable-action-row .os-stable-receptionist-button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: auto;
  height: auto;
  overflow: visible !important;
}

body.os-public-page #os-stable-action-row .os-stable-explore-button {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 54px !important;
  min-height: 54px !important;
}

body.os-public-page #os-stable-action-row .os-stable-receptionist-button {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
}

.os-stable-chat-panel {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.os-stable-chat-panel:not(.is-open) {
  display: none !important;
}

.os-stable-chat-panel.is-open {
  display: block !important;
}

/* OMNISERVE_V12_REMOVE_TRANSLATED_LEGACY_ACTIONS_CSS_END */


/* OMNISERVE_V12_LANGUAGE_TEXT_VISIBLE_CSS_START */

/* Force full language names to remain visible in language dropdown. */

.os-language-dropdown {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 320px !important;
  padding: 0.52rem !important;
}

.os-language-option {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 100% !important;
  padding: 0.62rem 0.76rem !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.os-language-code {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #e8f8ef !important;
  color: #08703f !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.os-language-label {
  display: inline-flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  color: #071b45 !important;
  font-size: 0.86rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.os-language-option:hover .os-language-label,
.os-language-option.is-active .os-language-label {
  color: #075fe8 !important;
}

/* Prevent Google Translate from distorting the language dropdown itself. */
.os-language-menu,
.os-language-menu *,
.os-language-dropdown,
.os-language-dropdown * {
  translate: no !important;
}

/* OMNISERVE_V12_LANGUAGE_TEXT_VISIBLE_CSS_END */


/* OMNISERVE_V12_PROVIDER_SWAPPED_THEME_CSS_START */

/*
  Provider theme rule:
  - Same visual family as public page.
  - Public blue becomes provider green.
  - Public green becomes provider blue.
*/

body.os-provider-page,
body.os-provider-swapped-theme {
  --os-provider-green-950: #042114;
  --os-provider-green-900: #063820;
  --os-provider-green-800: #07522e;
  --os-provider-green-700: #08703f;
  --os-provider-green-600: #0b9657;
  --os-provider-green-500: #18b76d;

  --os-provider-blue-800: #064bc2;
  --os-provider-blue-700: #075fe8;
  --os-provider-blue-600: #0b78ff;
  --os-provider-blue-100: #e8f2ff;
  --os-provider-blue-50: #f2f8ff;

  --os-provider-ink: #06213f;
  --os-provider-text: #18375f;
  --os-provider-line: rgba(7, 82, 46, 0.16);

  background:
    radial-gradient(circle at 78% 28%, rgba(11, 150, 87, 0.18), transparent 34%),
    radial-gradient(circle at 18% 14%, rgba(11, 120, 255, 0.10), transparent 30%),
    linear-gradient(180deg, #f4fbf7 0%, #eef8ff 48%, #ffffff 100%) !important;

  color: var(--os-provider-text) !important;
}

/* Navbar: public blue becomes provider green. */
body.os-provider-page header,
body.os-provider-swapped-theme header,
body.os-provider-page .site-header,
body.os-provider-swapped-theme .site-header,
body.os-provider-page .navbar,
body.os-provider-swapped-theme .navbar {
  background:
    linear-gradient(90deg, #042114 0%, #07522e 48%, #0b9657 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 12px 32px rgba(4, 33, 20, 0.22) !important;
}

/* Navbar text stays clean and readable. */
body.os-provider-page header a,
body.os-provider-page header button,
body.os-provider-page nav a,
body.os-provider-page nav button,
body.os-provider-swapped-theme header a,
body.os-provider-swapped-theme header button,
body.os-provider-swapped-theme nav a,
body.os-provider-swapped-theme nav button {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* Primary nav CTA: public green becomes provider blue. */
body.os-provider-page header a[href*="request"],
body.os-provider-page header button,
body.os-provider-page nav a[href*="request"],
body.os-provider-swapped-theme header a[href*="request"],
body.os-provider-swapped-theme nav a[href*="request"] {
  background: linear-gradient(135deg, #075fe8, #0b78ff) !important;
  border-color: rgba(255,255,255,0.24) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(7, 95, 232, 0.22) !important;
}

/* Logo chip: green becomes blue accent. */
body.os-provider-page .logo,
body.os-provider-page .brand,
body.os-provider-page header [class*="logo"],
body.os-provider-swapped-theme .logo,
body.os-provider-swapped-theme .brand,
body.os-provider-swapped-theme header [class*="logo"] {
  color: #ffffff !important;
}

body.os-provider-page header [class*="logo"] span,
body.os-provider-swapped-theme header [class*="logo"] span {
  background: linear-gradient(135deg, #0b78ff, #8fd3ff) !important;
  color: #042114 !important;
}

/* Language and portals dropdown buttons: provider blue accent. */
body.os-provider-page .os-combined-portals-button,
body.os-provider-page .os-language-button,
body.os-provider-swapped-theme .os-combined-portals-button,
body.os-provider-swapped-theme .os-language-button {
  background: rgba(11, 120, 255, 0.18) !important;
  border: 1px solid rgba(255,255,255,0.26) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) !important;
}

/* Main page container spacing: public-page-like openness. */
body.os-provider-page main,
body.os-provider-swapped-theme main {
  background: transparent !important;
}

body.os-provider-page main > *,
body.os-provider-swapped-theme main > * {
  max-width: min(92vw, 1680px) !important;
}

/* Provider top info banner: light swapped-card style. */
body.os-provider-page main > div:first-child,
body.os-provider-page main > section:first-child,
body.os-provider-swapped-theme main > div:first-child,
body.os-provider-swapped-theme main > section:first-child {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.86), rgba(232,242,255,0.72)) !important;
  border: 1px solid rgba(7, 95, 232, 0.16) !important;
  color: var(--os-provider-text) !important;
  box-shadow: 0 14px 36px rgba(6, 56, 32, 0.08) !important;
}

/* Provider hero: replace dark green/black card by public-style light card with swapped colors. */
body.os-provider-page .hero,
body.os-provider-page .hero-section,
body.os-provider-page .landing-hero,
body.os-provider-page .page-hero,
body.os-provider-page main section:first-of-type,
body.os-provider-swapped-theme .hero,
body.os-provider-swapped-theme .hero-section,
body.os-provider-swapped-theme .landing-hero,
body.os-provider-swapped-theme .page-hero,
body.os-provider-swapped-theme main section:first-of-type {
  background:
    radial-gradient(circle at 82% 25%, rgba(11, 150, 87, 0.20), transparent 36%),
    radial-gradient(circle at 12% 15%, rgba(11, 120, 255, 0.16), transparent 28%),
    linear-gradient(135deg, #f4fbf7 0%, #ecfff4 42%, #eef7ff 100%) !important;
  border: 1px solid rgba(7, 82, 46, 0.13) !important;
  border-radius: 28px !important;
  box-shadow: 0 28px 72px rgba(6, 56, 32, 0.14) !important;
  color: var(--os-provider-text) !important;
  overflow: hidden !important;
}

/* If the provider hero is a dark card nested inside a section/card, target broad dark containers. */
body.os-provider-page .os-provider-major-section,
body.os-provider-page [class*="hero"],
body.os-provider-page [class*="banner"],
body.os-provider-page [class*="intro"],
body.os-provider-swapped-theme .os-provider-major-section,
body.os-provider-swapped-theme [class*="hero"],
body.os-provider-swapped-theme [class*="banner"],
body.os-provider-swapped-theme [class*="intro"] {
  color: var(--os-provider-text) !important;
}

/* Hero badge: public green becomes provider blue. */
body.os-provider-page .badge,
body.os-provider-page .pill,
body.os-provider-page [class*="badge"],
body.os-provider-page [class*="eyebrow"],
body.os-provider-swapped-theme .badge,
body.os-provider-swapped-theme .pill,
body.os-provider-swapped-theme [class*="badge"],
body.os-provider-swapped-theme [class*="eyebrow"] {
  background: rgba(232, 242, 255, 0.96) !important;
  border: 1px solid rgba(7, 95, 232, 0.22) !important;
  color: #075fe8 !important;
}

/* Provider hero title: green-first gradient, opposite of public page. */
body.os-provider-page h1,
body.os-provider-swapped-theme h1 {
  background: linear-gradient(
    105deg,
    #063820 0%,
    #08703f 30%,
    #0b9657 48%,
    #075fe8 76%,
    #06213f 100%
  ) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 8px 18px rgba(11, 150, 87, 0.10)) !important;
}

/* Provider paragraph text. */
body.os-provider-page p,
body.os-provider-page li,
body.os-provider-swapped-theme p,
body.os-provider-swapped-theme li {
  color: var(--os-provider-text) !important;
}

/* Forms/cards: public white cards with provider green outline and blue field focus. */
body.os-provider-page form,
body.os-provider-page .card,
body.os-provider-page .panel,
body.os-provider-page [class*="card"],
body.os-provider-page [class*="panel"],
body.os-provider-swapped-theme form,
body.os-provider-swapped-theme .card,
body.os-provider-swapped-theme .panel,
body.os-provider-swapped-theme [class*="card"],
body.os-provider-swapped-theme [class*="panel"] {
  background: rgba(255,255,255,0.94) !important;
  border: 1px solid rgba(7, 82, 46, 0.13) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px rgba(6, 56, 32, 0.10) !important;
}

/* Section headings: provider green text. */
body.os-provider-page h2,
body.os-provider-page h3,
body.os-provider-swapped-theme h2,
body.os-provider-swapped-theme h3 {
  color: var(--os-provider-green-800) !important;
}

/* Form fields: clean public-page-style inputs. */
body.os-provider-page input,
body.os-provider-page select,
body.os-provider-page textarea,
body.os-provider-swapped-theme input,
body.os-provider-swapped-theme select,
body.os-provider-swapped-theme textarea {
  background: #ffffff !important;
  border: 1px solid rgba(7, 82, 46, 0.18) !important;
  border-radius: 12px !important;
  color: var(--os-provider-ink) !important;
  box-shadow: none !important;
}

body.os-provider-page input:focus,
body.os-provider-page select:focus,
body.os-provider-page textarea:focus,
body.os-provider-swapped-theme input:focus,
body.os-provider-swapped-theme select:focus,
body.os-provider-swapped-theme textarea:focus {
  border-color: #075fe8 !important;
  box-shadow: 0 0 0 4px rgba(7, 95, 232, 0.12) !important;
  outline: none !important;
}

/* Provider primary buttons: public green becomes provider blue. */
body.os-provider-page button[type="submit"],
body.os-provider-page input[type="submit"],
body.os-provider-page .btn-primary,
body.os-provider-page a[class*="primary"],
body.os-provider-swapped-theme button[type="submit"],
body.os-provider-swapped-theme input[type="submit"],
body.os-provider-swapped-theme .btn-primary,
body.os-provider-swapped-theme a[class*="primary"] {
  background: linear-gradient(135deg, #075fe8, #0b78ff) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(7, 95, 232, 0.22) !important;
}

/* Secondary buttons: green outline. */
body.os-provider-page .btn-secondary,
body.os-provider-page a[class*="secondary"],
body.os-provider-swapped-theme .btn-secondary,
body.os-provider-swapped-theme a[class*="secondary"] {
  background: rgba(255,255,255,0.88) !important;
  color: var(--os-provider-green-800) !important;
  border: 1px solid rgba(7, 82, 46, 0.22) !important;
}

/* Tables and labels. */
body.os-provider-page label,
body.os-provider-swapped-theme label {
  color: var(--os-provider-green-800) !important;
  font-weight: 740 !important;
}

body.os-provider-page table,
body.os-provider-swapped-theme table {
  background: rgba(255,255,255,0.94) !important;
  border-color: rgba(7, 82, 46, 0.14) !important;
}

/* Remove excessive darkness from any old provider overlay. */
body.os-provider-page [style*="background"],
body.os-provider-swapped-theme [style*="background"] {
  text-shadow: none !important;
}

/* Keep provider pages readable if Google Translate is active. */
body.os-provider-page .goog-te-gadget,
body.os-provider-page .goog-te-banner-frame,
body.os-provider-swapped-theme .goog-te-gadget,
body.os-provider-swapped-theme .goog-te-banner-frame {
  display: none !important;
}

/* Responsive consistency. */
@media (max-width: 1050px) {
  body.os-provider-page h1,
  body.os-provider-swapped-theme h1 {
    font-size: clamp(2rem, 8vw, 3.4rem) !important;
  }

  body.os-provider-page main > *,
  body.os-provider-swapped-theme main > * {
    max-width: calc(100vw - 28px) !important;
  }
}

/* OMNISERVE_V12_PROVIDER_SWAPPED_THEME_CSS_END */


/* OMNISERVE_V12_PROVIDER_HERO_ONBOARDING_REFINE_CSS_START */

/* Provider registration page only. */
body.os-provider-page.os-provider-hero-onboarding-refined {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;
}

/* Reduce the hero frame. */
body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-frame-small {
  min-height: 210px !important;
  padding: 30px 42px !important;
  border-radius: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
}

/* Reduce the hero title to small-medium size. */
body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-title-small,
body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-frame-small h1,
body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-frame-small h2 {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;
  font-size: clamp(2rem, 3.4vw, 3rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 14px 0 !important;
}

/* Reduce hero paragraph text. */
body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-frame-small p {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.48 !important;
  max-width: 980px !important;
  margin: 0 !important;
}

/* Move/restyle Provider onboarding below the hero frame. */
body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-onboarding-below-hero {
  max-width: min(92vw, 1680px) !important;
  margin: 0 auto 28px auto !important;
  padding: 14px 20px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(236,246,255,0.92)) !important;
  border: 1px solid rgba(7,95,232,0.16) !important;
  box-shadow: 0 12px 30px rgba(7,95,232,0.06) !important;

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;

  font-size: 0.86rem !important;
  line-height: 1.52 !important;
  color: #27598f !important;
}

/* Blue label and smaller blue copy. */
body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-onboarding-label {
  color: #075fe8 !important;
  font-weight: 800 !important;
  margin-right: 6px !important;
}

body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-onboarding-copy {
  color: #27598f !important;
  font-weight: 560 !important;
}

/* Prevent the onboarding frame from remaining above the hero if translation duplicates style. */
body.os-provider-page.os-provider-hero-onboarding-refined main > .os-provider-onboarding-below-hero:first-child {
  margin-top: 0 !important;
}

/* Keep provider form card placement unchanged. */
body.os-provider-page.os-provider-hero-onboarding-refined [class*="identity"],
body.os-provider-page.os-provider-hero-onboarding-refined form {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;
}

@media (max-width: 900px) {
  body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-frame-small {
    padding: 24px 22px !important;
    min-height: auto !important;
  }

  body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-title-small,
  body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-frame-small h1,
  body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-hero-frame-small h2 {
    font-size: clamp(1.8rem, 8vw, 2.5rem) !important;
  }

  body.os-provider-page.os-provider-hero-onboarding-refined .os-provider-onboarding-below-hero {
    padding: 13px 16px !important;
    font-size: 0.82rem !important;
  }
}

/* OMNISERVE_V12_PROVIDER_HERO_ONBOARDING_REFINE_CSS_END */

/* OMNISERVE_V12_INTERNAL_FINAL_CLEAN_REBUILD_CSS_START */

/* Final internal-management page isolation. */
body.os-internal-final-clean {
  background:
    radial-gradient(circle at 12% 12%, rgba(242,184,75,0.22), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(217,90,24,0.18), transparent 30%),
    linear-gradient(135deg, #fff7ed 0%, #f7e4c8 42%, #ead1ae 100%) !important;
}

/* Prevent old server-rendered/injected fragments from flashing behind the rebuilt management page. */
body.os-internal-final-clean .os-internal-final-stale-direct-child,
body.os-internal-final-clean .os-internal-final-hide-old-kpi,
body.os-internal-final-clean .os-internal-final-hide-public-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Main final structure. */
body.os-internal-final-clean #os-internal-final-shell {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "hero hero"
    "sidebar content" !important;

  width: min(94vw, 1760px) !important;
  margin: 24px auto 60px auto !important;
  padding: 0 !important;

  column-gap: 26px !important;
  row-gap: 22px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  isolation: isolate !important;
  position: relative !important;
  z-index: 20 !important;
}

/* Dedicated full-width hero top band. */
body.os-internal-final-clean #os-internal-final-hero {
  grid-area: hero !important;
  width: 100% !important;
  min-height: 168px !important;
  padding: 28px 38px !important;

  border-radius: 28px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 92% 18%, rgba(242,184,75,0.34), transparent 26%),
    linear-gradient(135deg, #241714 0%, #4b2f26 48%, #d95a18 100%) !important;
  color: #fff7ed !important;

  border: 1px solid rgba(255,247,237,0.24) !important;
  box-shadow: 0 24px 70px rgba(36,23,20,0.20) !important;
}

body.os-internal-final-clean #os-internal-final-hero .os-internal-final-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;

  color: #f2b84b !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.os-internal-final-clean #os-internal-final-hero h1,
body.os-internal-final-clean #os-internal-final-hero h2 {
  margin: 0 0 12px 0 !important;
  max-width: 1120px !important;

  color: #fff7ed !important;
  font-size: clamp(2rem, 3.1vw, 3.05rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.os-internal-final-clean #os-internal-final-hero p {
  margin: 0 !important;
  max-width: 920px !important;
  color: rgba(255,247,237,0.84) !important;
  font-size: 0.96rem !important;
  line-height: 1.45 !important;
}

/* Final left sidebar. */
body.os-internal-final-clean #os-internal-final-sidebar {
  grid-area: sidebar !important;

  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;

  position: sticky !important;
  top: 92px !important;
  align-self: start !important;

  max-height: calc(100vh - 118px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  padding: 14px !important;
  box-sizing: border-box !important;

  border-radius: 24px !important;
  background: linear-gradient(180deg, #241714 0%, #4b2f26 100%) !important;
  color: #fff7ed !important;
  border: 1px solid rgba(255,247,237,0.16) !important;
  box-shadow: 0 18px 48px rgba(36,23,20,0.18) !important;

  scrollbar-width: thin !important;
  scrollbar-color: rgba(242,184,75,0.78) rgba(255,247,237,0.12) !important;
}

body.os-internal-final-clean #os-internal-final-sidebar::-webkit-scrollbar {
  width: 8px !important;
}

body.os-internal-final-clean #os-internal-final-sidebar::-webkit-scrollbar-track {
  background: rgba(255,247,237,0.10) !important;
  border-radius: 999px !important;
}

body.os-internal-final-clean #os-internal-final-sidebar::-webkit-scrollbar-thumb {
  background: rgba(242,184,75,0.76) !important;
  border-radius: 999px !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-brand {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 4px 6px 12px 6px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,247,237,0.12) !important;
}

body.os-internal-final-clean .os-internal-final-brand-mark {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #d95a18, #f2b84b) !important;
  color: #241714 !important;
  font-weight: 950 !important;
  font-size: 0.78rem !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-brand strong {
  display: block !important;
  color: #fff7ed !important;
  font-size: 0.94rem !important;
  line-height: 1.1 !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-brand small {
  display: block !important;
  color: rgba(255,247,237,0.64) !important;
  font-size: 0.72rem !important;
  margin-top: 3px !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-group {
  margin-top: 10px !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-title {
  margin: 0 0 6px 4px !important;
  color: #f2b84b !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  min-height: 31px !important;
  padding: 5px 12px 5px 14px !important;
  border-radius: 11px !important;

  color: rgba(255,247,237,0.92) !important;
  background: rgba(255,247,237,0.055) !important;
  border: 1px solid rgba(255,247,237,0.08) !important;

  font-size: 0.80rem !important;
  font-weight: 750 !important;
  line-height: 1.16 !important;
  text-align: left !important;
  text-decoration: none !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-link::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: rgba(242,184,75,0.70) !important;
}

body.os-internal-final-clean .os-internal-final-sidebar-link:hover,
body.os-internal-final-clean .os-internal-final-sidebar-link.is-active {
  background: linear-gradient(135deg, #d95a18, #f2b84b) !important;
  color: #241714 !important;
}

/* Final right content column. */
body.os-internal-final-clean #os-internal-final-content {
  grid-area: content !important;
  min-width: 0 !important;
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 22 !important;
}

/* Compact colored KPI row. */
body.os-internal-final-clean #os-internal-final-kpis {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(110px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}

body.os-internal-final-clean .os-internal-final-kpi {
  position: relative !important;
  min-height: 76px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  text-decoration: none !important;
  border: 1px solid rgba(255,247,237,0.28) !important;
  box-shadow: 0 14px 30px rgba(36,23,20,0.16) !important;
}

body.os-internal-final-clean .os-internal-final-kpi::after {
  content: "" !important;
  position: absolute !important;
  right: -24px !important;
  top: -24px !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.18) !important;
}

body.os-internal-final-clean .os-internal-final-kpi span {
  position: relative !important;
  z-index: 2 !important;
  color: inherit !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin-bottom: 6px !important;
}

body.os-internal-final-clean .os-internal-final-kpi strong {
  position: relative !important;
  z-index: 2 !important;
  color: inherit !important;
  font-size: 1.45rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.os-internal-final-clean .os-internal-final-kpi-1 {
  background: linear-gradient(135deg, #d95a18, #f2b84b) !important;
  color: #241714 !important;
}

body.os-internal-final-clean .os-internal-final-kpi-2 {
  background: linear-gradient(135deg, #4b2f26, #7a4631) !important;
  color: #fff7ed !important;
}

body.os-internal-final-clean .os-internal-final-kpi-3 {
  background: linear-gradient(135deg, #8f3c18, #d95a18) !important;
  color: #fff7ed !important;
}

body.os-internal-final-clean .os-internal-final-kpi-4 {
  background: linear-gradient(135deg, #241714, #4b2f26) !important;
  color: #fff7ed !important;
}

body.os-internal-final-clean .os-internal-final-kpi-5 {
  background: linear-gradient(135deg, #f2b84b, #ef7a22) !important;
  color: #241714 !important;
}

body.os-internal-final-clean .os-internal-final-kpi-6 {
  background: linear-gradient(135deg, #6b2f1f, #d95a18) !important;
  color: #fff7ed !important;
}

/* Responsive. */
@media (max-width: 1180px) {
  body.os-internal-final-clean #os-internal-final-shell {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "hero"
      "sidebar"
      "content" !important;
  }

  body.os-internal-final-clean #os-internal-final-sidebar,
  body.os-internal-final-clean #os-internal-final-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.os-internal-final-clean #os-internal-final-sidebar {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
  }

  body.os-internal-final-clean #os-internal-final-kpis {
    grid-template-columns: repeat(3, minmax(130px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.os-internal-final-clean #os-internal-final-hero {
    padding: 24px 20px !important;
    min-height: auto !important;
  }

  body.os-internal-final-clean #os-internal-final-kpis {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* OMNISERVE_V12_INTERNAL_FINAL_CLEAN_REBUILD_CSS_END */


/* OMNISERVE_V12_INTERNAL_SINGLE_LINE_KPIS_CSS_START */

/* Hide old large KPI/stat cards only inside the internal management page. */
body.os-internal-single-line-kpi-mode .os-internal-hide-old-large-kpi {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* One single horizontal KPI line. */
body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis {
  display: grid !important;
  grid-template-columns: repeat(6, 104px) !important;
  grid-auto-flow: column !important;
  gap: 8px !important;

  width: max-content !important;
  max-width: 100% !important;

  margin: 0 0 14px 0 !important;
  padding: 0 !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  align-items: stretch !important;
  justify-content: start !important;

  position: relative !important;
  z-index: 50 !important;
}

/* Smallest readable card size. */
body.os-internal-single-line-kpi-mode .os-internal-single-kpi {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;

  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;

  padding: 7px 8px !important;
  box-sizing: border-box !important;

  border-radius: 12px !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 4px !important;

  text-decoration: none !important;

  background: linear-gradient(135deg, #2f4637, #3a5642) !important;
  border: 1px solid rgba(242,184,75,0.22) !important;
  box-shadow: 0 8px 18px rgba(36,23,20,0.12) !important;

  color: #fff7ed !important;
}

body.os-internal-single-line-kpi-mode .os-internal-single-kpi-label {
  display: block !important;
  max-width: 100% !important;

  color: #fff7ed !important;
  font-size: 0.58rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.02em !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  margin: 0 !important;
  padding: 0 !important;
}

body.os-internal-single-line-kpi-mode .os-internal-single-kpi-value {
  display: block !important;

  color: #fff7ed !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Keep any previous final KPI grid from expanding the page. */
body.os-internal-single-line-kpi-mode #os-internal-final-kpis,
body.os-internal-single-line-kpi-mode .os-internal-final-kpis,
body.os-internal-single-line-kpi-mode #os-internal-kpi-grid-v2,
body.os-internal-single-line-kpi-mode .os-internal-kpi-grid-v2,
body.os-internal-single-line-kpi-mode .os-internal-force-kpi-grid {
  display: none !important;
}

/* Reduce horizontal scrollbar impact. */
body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis::-webkit-scrollbar {
  height: 5px !important;
}

body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis::-webkit-scrollbar-thumb {
  background: rgba(139,94,52,0.35) !important;
  border-radius: 999px !important;
}

body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis::-webkit-scrollbar-track {
  background: transparent !important;
}

/* On smaller screens keep one horizontal line with horizontal scroll. */
@media (max-width: 980px) {
  body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis {
    grid-template-columns: repeat(6, 100px) !important;
  }

  body.os-internal-single-line-kpi-mode .os-internal-single-kpi {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }
}

/* OMNISERVE_V12_INTERNAL_SINGLE_LINE_KPIS_CSS_END */

/* OMNISERVE_V12_INTERNAL_BIGGER_KPI_FRAME_START */

/*
  Internal Management only:
  Increase KPI cards into a bigger, clean, single horizontal frame.
*/
body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(142px, 1fr)) !important;
  grid-auto-flow: row !important;

  width: 100% !important;
  max-width: 100% !important;

  gap: 12px !important;
  align-items: stretch !important;
  justify-content: stretch !important;

  margin: 0 0 20px 0 !important;
  padding: 12px !important;

  border-radius: 22px !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(135deg, rgba(255,247,237,0.82), rgba(242,224,198,0.88)) !important;
  border: 1px solid rgba(112,65,38,0.14) !important;
  box-shadow: 0 16px 42px rgba(36,23,20,0.10) !important;

  overflow-x: visible !important;
  overflow-y: visible !important;

  position: relative !important;
  z-index: 60 !important;
}

/* Bigger KPI cards, still one horizontal line. */
body.os-internal-single-line-kpi-mode .os-internal-single-kpi {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;

  padding: 13px 15px !important;
  box-sizing: border-box !important;

  border-radius: 17px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 8px !important;

  overflow: hidden !important;
  text-decoration: none !important;

  background:
    radial-gradient(circle at 88% 12%, rgba(242,184,75,0.(18), transparent 36%),
    linear-gradient(135deg, #2f4637, #3d5a45) !important;

  border: 1px solid rgba(242,184,75,0.24) !important;
  box-shadow:
    0 12px 28px rgba(36,23,20,0.16),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;

  color: #fff7ed !important;
}

/* Bigger, cleaner label. */
body.os-internal-single-line-kpi-mode .os-internal-single-kpi-label {
  display: block !important;
  max-width: 100% !important;

  color: #fff7ed !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.015em !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Bigger KPI number. */
body.os-internal-single-line-kpi-mode .os-internal-single-kpi-value {
  display: block !important;

  color: #f4eadc !important;
  font-size: 1.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Subtle individual tone variation while keeping a unified frame. */
body.os-internal-single-line-kpi-mode .os-internal-single-kpi-1 {
  background: linear-gradient(135deg, #2f4637, #49664e) !important;
}

body.os-internal-single-line-kpi-mode .os-internal-single-kpi-2 {
  background: linear-gradient(135deg, #31483a, #3d5d46) !important;
}

body.os-internal-single-line-kpi-mode .os-internal-single-kpi-3 {
  background: linear-gradient(135deg, #2f4637, #415b45) !important;
}

body.os-internal-single-line-kpi-mode .os-internal-single-kpi-4 {
  background: linear-gradient(135deg, #33493b, #3d5744) !important;
}

body.os-internal-single-line-kpi-mode .os-internal-single-kpi-5 {
  background: linear-gradient(135deg, #2d4335, #45614a) !important;
}

body.os-internal-single-line-kpi-mode .os-internal-single-kpi-6 {
  background: linear-gradient(135deg, #344b3d, #3f5d47) !important;
}

/* Keep one-line layout on normal desktop screens. */
@media (min-width: 1181px) {
  body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis {
    grid-template-columns: repeat(6, minmax(142px, 1fr)) !important;
  }
}

/* Medium screens: two rows if strictly necessary. */
@media (max-width: 1180px) {
  body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }
}

/* Small screens. */
@media (max-width: 720px) {
  body.os-internal-single-line-kpi-mode #os-internal-single-line-kpis {
    grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
    padding: 10px !important;
  }

  body.os-internal-single-line-kpi-mode .os-internal-single-kpi {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
  }
}

/* OMNISERVE_V12_INTERNAL_BIGGER_KPI_FRAME_END */


/* OMNISERVE_V12_PAYMENT_INTENT_BOARD_FONT_CSS_START */

/* Internal-only: reduce Payment Intent Board heading into small-medium size. */
body.os-payment-intent-font-mode .os-payment-intent-board-title-small {
  font-size: clamp(1.15rem, 1.35vw, 1.45rem) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* If the title is inside a hero/card block, prevent inherited giant heading size. */
body.os-payment-intent-font-mode h1.os-payment-intent-board-title-small,
body.os-payment-intent-font-mode h2.os-payment-intent-board-title-small,
body.os-payment-intent-font-mode h3.os-payment-intent-board-title-small {
  font-size: clamp(1.15rem, 1.35vw, 1.45rem) !important;
}

/* OMNISERVE_V12_PAYMENT_INTENT_BOARD_FONT_CSS_END */


/* OMNISERVE_V12_INTERNAL_PAYMENT_INTENT_BOARD_COMPACT_CSS_START */

/* Internal-only compact frame for Payment intent board. */
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;

  padding: 16px 18px !important;
  margin: 0 0 16px 0 !important;

  border-radius: 18px !important;
  box-sizing: border-box !important;

  box-shadow: 0 10px 24px rgba(36, 23, 20, 0.10) !important;
}

/* Small-medium title. */
body.os-payment-intent-board-compact-mode .os-payment-intent-board-title {
  font-size: clamp(1.02rem, 1.25vw, 1.28rem) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;

  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

/* Reduce text inside the frame. */
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame p,
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame span,
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame div,
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame li,
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame small {
  font-size: 0.86rem !important;
  line-height: 1.32 !important;
}

/* Reduce any nested buttons/controls inside the frame. */
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame a,
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame button,
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame .btn,
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame [role="button"] {
  min-height: 32px !important;
  padding: 7px 12px !important;
  border-radius: 10px !important;
  font-size: 0.80rem !important;
  line-height: 1.1 !important;
}

/* Reduce spacing in direct child blocks. */
body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame > * {
  margin-top: 0 !important;
}

body.os-payment-intent-board-compact-mode .os-payment-intent-board-frame > * + * {
  margin-top: 8px !important;
}

/* OMNISERVE_V12_INTERNAL_PAYMENT_INTENT_BOARD_COMPACT_CSS_END */


/* OMNISERVE_V12_INTERNAL_MOBILE_HAMBURGER_CSS_START */

/* Desktop remains unchanged. */
body.os-internal-mobile-hamburger-ready #os-internal-mobile-menu-toggle,
body.os-internal-mobile-hamburger-ready #os-internal-mobile-menu-backdrop {
  display: none !important;
}

/* Mobile only: convert internal sidebar into hamburger off-canvas menu. */
@media (max-width: 980px) {
  body.os-internal-mobile-hamburger-ready {
    overflow-x: hidden !important;
  }

  body.os-internal-mobile-hamburger-ready.os-internal-mobile-menu-open {
    overflow: hidden !important;
  }

  body.os-internal-mobile-hamburger-ready #os-internal-mobile-menu-toggle {
    display: inline-flex !important;
    position: fixed !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 10050 !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 42px !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;

    border: 1px solid rgba(242,184,75,0.35) !important;
    background: linear-gradient(135deg, #241714, #5a3420) !important;
    color: #fff7ed !important;

    font-size: 0.84rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    box-shadow: 0 12px 28px rgba(36,23,20,0.24) !important;
    cursor: pointer !important;
  }

  body.os-internal-mobile-hamburger-ready .os-mobile-menu-bars {
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 18px !important;
  }

  body.os-internal-mobile-hamburger-ready .os-mobile-menu-bars span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #f2b84b !important;
  }

  body.os-internal-mobile-hamburger-ready #os-internal-mobile-menu-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 10020 !important;

    background: rgba(36,23,20,0.42) !important;
    backdrop-filter: blur(4px) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition: opacity 180ms ease, visibility 180ms ease !important;
  }

  body.os-internal-mobile-hamburger-ready.os-internal-mobile-menu-open #os-internal-mobile-menu-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.os-internal-mobile-hamburger-ready #os-internal-final-sidebar,
  body.os-internal-mobile-hamburger-ready .os-internal-final-sidebar,
  body.os-internal-mobile-hamburger-ready .os-internal-sidebar,
  body.os-internal-mobile-hamburger-ready .os-internal-mobile-hamburger-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;

    width: min(86vw, 340px) !important;
    min-width: 0 !important;
    max-width: min(86vw, 340px) !important;
    height: 100vh !important;
    max-height: 100vh !important;

    margin: 0 !important;
    padding: 18px 14px 22px 14px !important;

    border-radius: 0 24px 24px 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 10040 !important;

    transform: translateX(-106%) !important;
    transition: transform 220ms ease !important;

    box-shadow: 24px 0 60px rgba(36,23,20,0.32) !important;
  }

  body.os-internal-mobile-hamburger-ready.os-internal-mobile-menu-open #os-internal-final-sidebar,
  body.os-internal-mobile-hamburger-ready.os-internal-mobile-menu-open .os-internal-final-sidebar,
  body.os-internal-mobile-hamburger-ready.os-internal-mobile-menu-open .os-internal-sidebar,
  body.os-internal-mobile-hamburger-ready.os-internal-mobile-menu-open .os-internal-mobile-hamburger-sidebar {
    transform: translateX(0) !important;
  }

  /*
    Prevent the desktop sidebar from occupying visible page space on mobile.
    The operational content remains full-width.
  */
  body.os-internal-mobile-hamburger-ready #os-internal-final-shell,
  body.os-internal-mobile-hamburger-ready .os-internal-sidebar-shell {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "hero"
      "content" !important;
  }

  body.os-internal-mobile-hamburger-ready #os-internal-final-content,
  body.os-internal-mobile-hamburger-ready .os-internal-content,
  body.os-internal-mobile-hamburger-ready .os-internal-content-force-align,
  body.os-internal-mobile-hamburger-ready .os-internal-content-right-column {
    grid-column: 1 !important;
    grid-area: content !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* OMNISERVE_V12_INTERNAL_MOBILE_HAMBURGER_CSS_END */


/* OMNISERVE_V12_MISSING_WORKBENCHES_CSS_START */

body.os-missing-workbenches-mode .os-workbench-hidden-when-open {
  display: none !important;
}

body.os-missing-workbenches-mode #os-workbench-view {
  width: 100% !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 80 !important;
}

body.os-missing-workbenches-mode .os-workbench-page,
body.os-missing-workbenches-mode .os-workbench-dashboard-block {
  width: 100% !important;
  padding: 22px !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;

  background: linear-gradient(135deg, rgba(255,247,237,0.94), rgba(244,228,206,0.92)) !important;
  border: 1px solid rgba(112,65,38,0.14) !important;
  box-shadow: 0 16px 42px rgba(36,23,20,0.10) !important;
}

body.os-missing-workbenches-mode .os-workbench-page-head {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

body.os-missing-workbenches-mode .os-workbench-page-head span {
  display: inline-flex !important;
  margin-bottom: 8px !important;
  color: #b46d24 !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
}

body.os-missing-workbenches-mode .os-workbench-page-head h2 {
  margin: 0 0 8px 0 !important;
  color: #5a3420 !important;
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

body.os-missing-workbenches-mode .os-workbench-page-head p {
  margin: 0 !important;
  color: #704126 !important;
  font-size: 0.94rem !important;
  line-height: 1.45 !important;
  max-width: 980px !important;
}

body.os-missing-workbenches-mode .os-workbench-grid {
  display: grid !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body.os-missing-workbenches-mode .os-workbench-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.os-missing-workbenches-mode .os-workbench-grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.os-missing-workbenches-mode .os-workbench-card {
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(112,65,38,0.12) !important;
  box-shadow: 0 10px 24px rgba(36,23,20,0.07) !important;
}

body.os-missing-workbenches-mode .os-workbench-card h3 {
  margin: 0 0 8px 0 !important;
  color: #5a3420 !important;
  font-size: 1rem !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

body.os-missing-workbenches-mode .os-workbench-card p {
  margin: 0 0 10px 0 !important;
  color: #704126 !important;
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
}

body.os-missing-workbenches-mode .os-workbench-card ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 6px !important;
}

body.os-missing-workbenches-mode .os-workbench-card li {
  color: #5a3420 !important;
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
  padding-left: 14px !important;
  position: relative !important;
}

body.os-missing-workbenches-mode .os-workbench-card li::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: #d95a18 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.45em !important;
}

body.os-missing-workbenches-mode .os-workbench-card a {
  color: #0a6fb8 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.os-missing-workbenches-mode .os-workbench-wide-panel {
  margin-top: 16px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.70) !important;
  border: 1px solid rgba(112,65,38,0.12) !important;
}

body.os-missing-workbenches-mode .os-workbench-wide-panel h3 {
  margin: 0 0 12px 0 !important;
  color: #5a3420 !important;
  font-size: 1.05rem !important;
}

body.os-missing-workbenches-mode .os-workbench-pill-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.os-missing-workbenches-mode .os-workbench-pill-grid span {
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #f2e0c6 !important;
  color: #5a3420 !important;
  font-size: 0.78rem !important;
  font-weight: 750 !important;
}

body.os-missing-workbenches-mode #os-workbench-sidebar-group,
body.os-missing-workbenches-mode .os-workbench-sidebar-group {
  margin-top: 10px !important;
}

body.os-missing-workbenches-mode .os-workbench-sidebar-title {
  margin: 0 0 6px 4px !important;
  color: #f2b84b !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body.os-missing-workbenches-mode .os-workbench-sidebar-list {
  display: grid !important;
  gap: 4px !important;
}

body.os-missing-workbenches-mode .os-workbench-menu-link {
  display: flex !important;
  align-items: center !important;
  min-height: 31px !important;
  padding: 5px 12px 5px 14px !important;
  border-radius: 11px !important;
  color: rgba(255,247,237,0.92) !important;
  background: rgba(255,247,237,0.055) !important;
  border: 1px solid rgba(255,247,237,0.08) !important;
  font-size: 0.80rem !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

body.os-missing-workbenches-mode .os-workbench-menu-link::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: rgba(242,184,75,0.70) !important;
}

body.os-missing-workbenches-mode .os-workbench-menu-link:hover,
body.os-missing-workbenches-mode .os-workbench-menu-link.is-active {
  background: linear-gradient(135deg, #d95a18, #f2b84b) !important;
  color: #241714 !important;
}

@media (max-width: 1300px) {
  body.os-missing-workbenches-mode .os-workbench-grid.four {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.os-missing-workbenches-mode .os-workbench-grid.three,
  body.os-missing-workbenches-mode .os-workbench-grid.four {
    grid-template-columns: 1fr !important;
  }

  body.os-missing-workbenches-mode .os-workbench-page,
  body.os-missing-workbenches-mode .os-workbench-dashboard-block {
    padding: 18px !important;
  }
}

/* OMNISERVE_V12_MISSING_WORKBENCHES_CSS_END */


/* OMNISERVE_V12_GLOBAL_FONT_CONTRAST_AUDIT_CSS_START */

/*
  Global contrast correction.
  Applied only when JavaScript detects white/light text on a light or mid-tone background.
*/
body.os-contrast-audit-ready {
  --os-auto-contrast-text: #4b2f26;
  --os-auto-contrast-link: #075da8;
}

body.os-contrast-public-page {
  --os-auto-contrast-text: #075da8;
  --os-auto-contrast-link: #064f93;
}

body.os-contrast-provider-page {
  --os-auto-contrast-text: #064f3a;
  --os-auto-contrast-link: #064f3a;
}

body.os-contrast-internal-page {
  --os-auto-contrast-text: #5a3420;
  --os-auto-contrast-link: #704126;
}

body.os-contrast-audit-ready .os-contrast-auto-fixed {
  color: var(--os-auto-contrast-text) !important;
  -webkit-text-fill-color: var(--os-auto-contrast-text) !important;
  text-shadow: none !important;
}

body.os-contrast-audit-ready a.os-contrast-auto-fixed,
body.os-contrast-audit-ready .os-contrast-action-fixed {
  color: var(--os-auto-contrast-link) !important;
  -webkit-text-fill-color: var(--os-auto-contrast-link) !important;
}

/* Pre-emptive internal corrections for known light panels to reduce flashing. */
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-card,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-wide-panel,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame {
  color: #5a3420 !important;
}

body.os-contrast-internal-page #os-internal-final-content .os-workbench-page h1,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page h2,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page h3,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page h4,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page p,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page span,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page strong,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page small,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page li,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-page label,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block h1,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block h2,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block h3,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block h4,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block p,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block span,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block strong,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block small,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block li,
body.os-contrast-internal-page #os-internal-final-content .os-workbench-dashboard-block label,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame h1,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame h2,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame h3,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame h4,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame p,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame span,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame strong,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame small,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame li,
body.os-contrast-internal-page #os-internal-final-content .os-payment-intent-board-frame label {
  color: #5a3420 !important;
  -webkit-text-fill-color: #5a3420 !important;
  text-shadow: none !important;
}

/* Public light frames: use blue text where contrast is weak. */
body.os-contrast-public-page .os-contrast-auto-fixed {
  color: #075da8 !important;
  -webkit-text-fill-color: #075da8 !important;
}

/* Provider light frames: use green/brown contrast. */
body.os-contrast-provider-page .os-contrast-auto-fixed {
  color: #064f3a !important;
  -webkit-text-fill-color: #064f3a !important;
}

/* Keep dark operational cards readable if they are already dark. */
body.os-contrast-internal-page #os-internal-final-sidebar .os-contrast-auto-fixed,
body.os-contrast-internal-page .os-internal-final-sidebar .os-contrast-auto-fixed,
body.os-contrast-internal-page .os-internal-single-kpi .os-contrast-auto-fixed,
body.os-contrast-internal-page #os-internal-final-hero .os-contrast-auto-fixed {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* OMNISERVE_V12_GLOBAL_FONT_CONTRAST_AUDIT_CSS_END */


/* OMNISERVE_V12_INSERT_AUTH_INSIDE_NAVBAR_MENU_CSS_START */

/*
  Auth links are inserted into the existing navbar menu container,
  next to Portals / language. Not appended to the header root.
*/
body.os-navbar-auth-inside-menu-ready .os-navbar-auth-inside-menu {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  margin-left: 8px !important;
  padding: 0 !important;

  flex: 0 0 auto !important;
  white-space: nowrap !important;
  vertical-align: middle !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Separate framed buttons. */
body.os-navbar-auth-inside-menu-ready .os-navbar-auth-menu-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  min-width: 82px !important;
  padding: 9px 15px !important;
  box-sizing: border-box !important;

  border-radius: 999px !important;

  font-size: 0.88rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.os-navbar-auth-inside-menu-ready .os-navbar-auth-menu-login {
  color: #075da8 !important;
  background: rgba(255,255,255,0.94) !important;
  border: 1px solid rgba(7,93,168,0.25) !important;
  box-shadow: 0 8px 18px rgba(7,93,168,0.10) !important;
}

body.os-navbar-auth-inside-menu-ready .os-navbar-auth-menu-register {
  color: #ffffff !important;
  background: linear-gradient(135deg, #13a36f, #075da8) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  box-shadow: 0 10px 22px rgba(19,163,111,0.18) !important;
}

body.os-navbar-auth-inside-menu-ready .os-navbar-auth-menu-button:hover {
  transform: translateY(-1px) !important;
}

/* Protect against existing navbar CSS turning the group into plain text. */
body.os-navbar-auth-inside-menu-ready .os-navbar-auth-inside-menu a.os-navbar-auth-menu-button,
body.os-navbar-auth-inside-menu-ready header .os-navbar-auth-inside-menu a.os-navbar-auth-menu-button,
body.os-navbar-auth-inside-menu-ready nav .os-navbar-auth-inside-menu a.os-navbar-auth-menu-button {
  display: inline-flex !important;
}

/* Mobile: keep both as distinct buttons inside the menu flow. */
@media (max-width: 920px) {
  body.os-navbar-auth-inside-menu-ready .os-navbar-auth-inside-menu {
    gap: 7px !important;
    margin-left: 0 !important;
    margin-top: 8px !important;
  }

  body.os-navbar-auth-inside-menu-ready .os-navbar-auth-menu-button {
    min-height: 34px !important;
    min-width: 74px !important;
    padding: 8px 12px !important;
    font-size: 0.80rem !important;
  }
}

/* OMNISERVE_V12_INSERT_AUTH_INSIDE_NAVBAR_MENU_CSS_END */





/* OMNISERVE_V12_STRUCTURED_SERVICE_CATALOGUE_CSS_START */

body.os-structured-catalogue-mode .os-structured-catalogue-hide-generic {
  display: none !important;
}

/* Catalogue page shell */
body.os-structured-catalogue-mode #os-structured-service-catalogue-view {
  width: 100% !important;
  margin: 0 0 22px 0 !important;
  padding: 22px !important;
  box-sizing: border-box !important;

  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(255,247,237,0.96), rgba(244,228,206,0.92)) !important;
  border: 1px solid rgba(112,65,38,0.14) !important;
  box-shadow: 0 16px 42px rgba(36,23,20,0.10) !important;

  color: #5a3420 !important;
  position: relative !important;
  z-index: 95 !important;
}

body.os-structured-catalogue-mode .os-catalogue-head span,
body.os-structured-client-request-mode .os-client-draft-head span {
  display: inline-flex !important;
  margin-bottom: 8px !important;
  color: #b46d24 !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
}

body.os-structured-catalogue-mode .os-catalogue-head h2,
body.os-structured-client-request-mode .os-client-draft-head h2 {
  margin: 0 0 8px 0 !important;
  color: #5a3420 !important;
  font-size: clamp(1.4rem, 2vw, 2.05rem) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
}

body.os-structured-catalogue-mode .os-catalogue-head p,
body.os-structured-client-request-mode .os-client-draft-head p {
  margin: 0 0 18px 0 !important;
  color: #704126 !important;
  font-size: 0.94rem !important;
  line-height: 1.45 !important;
  max-width: 1050px !important;
}

body.os-structured-catalogue-mode .os-catalogue-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

body.os-structured-catalogue-mode .os-catalogue-stats article {
  padding: 13px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #2f4637, #3d5a45) !important;
  color: #fff7ed !important;
  border: 1px solid rgba(242,184,75,0.18) !important;
}

body.os-structured-catalogue-mode .os-catalogue-stats strong {
  display: block !important;
  color: #fff7ed !important;
  font-size: 1.45rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.os-structured-catalogue-mode .os-catalogue-stats span {
  display: block !important;
  color: rgba(255,247,237,0.82) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  margin-top: 5px !important;
}

body.os-structured-catalogue-mode .os-catalogue-controls {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) 220px 240px !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

body.os-structured-catalogue-mode .os-catalogue-controls input,
body.os-structured-catalogue-mode .os-catalogue-controls select {
  min-height: 42px !important;
  padding: 9px 12px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(112,65,38,0.18) !important;
  background: rgba(255,255,255,0.78) !important;
  color: #5a3420 !important;
  font-size: 0.88rem !important;
  box-sizing: border-box !important;
}

body.os-structured-catalogue-mode .os-catalogue-results-summary {
  color: #704126 !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  margin: 0 0 12px 0 !important;
}

body.os-structured-catalogue-mode .os-catalogue-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.os-structured-catalogue-mode .os-service-item-card {
  padding: 15px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.74) !important;
  border: 1px solid rgba(112,65,38,0.12) !important;
  box-shadow: 0 10px 24px rgba(36,23,20,0.07) !important;
  color: #5a3420 !important;
}

body.os-structured-catalogue-mode .os-service-card-top {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

body.os-structured-catalogue-mode .os-service-entity-badge,
body.os-structured-catalogue-mode .os-service-risk {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.os-structured-catalogue-mode .os-service-entity-badge {
  color: #fff7ed !important;
  background: linear-gradient(135deg, #d95a18, #f2b84b) !important;
}

body.os-structured-catalogue-mode .os-service-risk {
  color: #5a3420 !important;
  background: #f2e0c6 !important;
}

body.os-structured-catalogue-mode .os-service-risk.risk-high {
  color: #fff7ed !important;
  background: #8f3c18 !important;
}

body.os-structured-catalogue-mode .os-service-item-card h3 {
  margin: 0 0 7px 0 !important;
  color: #5a3420 !important;
  font-size: 1rem !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

body.os-structured-catalogue-mode .os-service-item-card p {
  margin: 0 0 10px 0 !important;
  color: #704126 !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
}

body.os-structured-catalogue-mode .os-service-meta,
body.os-structured-catalogue-mode .os-service-provider-strip {
  display: grid !important;
  gap: 5px !important;
  margin-bottom: 10px !important;
}

body.os-structured-catalogue-mode .os-service-meta span,
body.os-structured-catalogue-mode .os-service-provider-strip span {
  color: #704126 !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
}

body.os-structured-catalogue-mode .os-service-meta b {
  color: #5a3420 !important;
}

body.os-structured-catalogue-mode .os-service-card-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.os-structured-catalogue-mode .os-service-card-actions button,
body.os-structured-client-request-mode .os-client-draft-actions button,
body.os-structured-client-request-mode .os-client-draft-actions a {
  min-height: 34px !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(112,65,38,0.16) !important;
  background: #fff7ed !important;
  color: #5a3420 !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

body.os-structured-catalogue-mode .os-service-card-actions button:last-child,
body.os-structured-client-request-mode .os-client-draft-actions button:nth-child(2) {
  background: linear-gradient(135deg, #d95a18, #f2b84b) !important;
  color: #241714 !important;
}

/* Detail panel */
body.os-structured-catalogue-mode .os-service-detail-panel {
  margin-top: 16px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(112,65,38,0.14) !important;
  color: #5a3420 !important;
}

body.os-structured-catalogue-mode .os-service-detail-head span {
  color: #b46d24 !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.os-structured-catalogue-mode .os-service-detail-head h3 {
  margin: 6px 0 8px 0 !important;
  color: #5a3420 !important;
  font-size: 1.25rem !important;
  font-weight: 950 !important;
}

body.os-structured-catalogue-mode .os-service-detail-grid,
body.os-structured-client-request-mode .os-client-draft-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.os-structured-catalogue-mode .os-service-detail-grid article,
body.os-structured-client-request-mode .os-client-draft-grid article {
  padding: 14px !important;
  border-radius: 16px !important;
  background: #fff7ed !important;
  border: 1px solid rgba(112,65,38,0.12) !important;
}

body.os-structured-catalogue-mode .os-service-detail-grid h4,
body.os-structured-client-request-mode .os-client-draft-grid h3 {
  margin: 0 0 8px 0 !important;
  color: #5a3420 !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
}

body.os-structured-catalogue-mode .os-service-detail-grid ul,
body.os-structured-client-request-mode .os-client-draft-grid ul {
  margin: 0 !important;
  padding-left: 18px !important;
}

body.os-structured-catalogue-mode .os-service-detail-grid li,
body.os-structured-client-request-mode .os-client-draft-grid li {
  color: #704126 !important;
  font-size: 0.78rem !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
}

body.os-structured-catalogue-mode .os-service-workflow-line,
body.os-structured-client-request-mode .os-client-draft-workflow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 14px !important;
}

body.os-structured-catalogue-mode .os-service-workflow-line span,
body.os-structured-client-request-mode .os-client-draft-workflow span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 9px !important;
  border-radius: 999px !important;
  background: #f2e0c6 !important;
  color: #5a3420 !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
}

body.os-structured-catalogue-mode .os-service-workflow-line b,
body.os-structured-client-request-mode .os-client-draft-workflow b {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #d95a18 !important;
  color: #fff7ed !important;
  font-size: 0.68rem !important;
}

body.os-structured-catalogue-mode .os-service-provider-matches {
  margin-top: 14px !important;
}

body.os-structured-catalogue-mode .os-service-provider-matches h4 {
  margin: 0 0 8px 0 !important;
  color: #5a3420 !important;
}

body.os-structured-catalogue-mode .os-service-provider-matches > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.os-structured-catalogue-mode .os-service-provider-matches span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  background: #2f4637 !important;
  color: #fff7ed !important;
  font-size: 0.76rem !important;
}

body.os-structured-catalogue-mode .os-service-provider-matches b {
  color: #f2b84b !important;
}

/* Sidebar additions */
body .os-service-catalogue-sidebar-group {
  margin-top: 10px !important;
}

body .os-service-catalogue-sidebar-title {
  margin: 0 0 6px 4px !important;
  color: #f2b84b !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body .os-service-catalogue-sidebar-list {
  display: grid !important;
  gap: 4px !important;
}

body .os-service-catalogue-sidebar-list a {
  display: flex !important;
  align-items: center !important;
  min-height: 31px !important;
  padding: 5px 12px 5px 14px !important;
  border-radius: 11px !important;
  color: rgba(255,247,237,0.92) !important;
  background: rgba(255,247,237,0.055) !important;
  border: 1px solid rgba(255,247,237,0.08) !important;
  font-size: 0.80rem !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

/* Client request draft */
body.os-structured-client-request-mode #os-client-request-draft-from-catalogue {
  width: 100% !important;
  margin: 0 0 22px 0 !important;
  padding: 22px !important;
  box-sizing: border-box !important;

  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(255,247,237,0.96), rgba(244,228,206,0.92)) !important;
  border: 1px solid rgba(112,65,38,0.14) !important;
  box-shadow: 0 16px 42px rgba(36,23,20,0.10) !important;
  color: #5a3420 !important;
  position: relative !important;
  z-index: 110 !important;
}

body.os-structured-client-request-mode .os-client-draft-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 14px !important;
}

@media (max-width: 1320px) {
  body.os-structured-catalogue-mode .os-catalogue-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.os-structured-catalogue-mode .os-service-detail-grid,
  body.os-structured-client-request-mode .os-client-draft-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 920px) {
  body.os-structured-catalogue-mode .os-catalogue-stats,
  body.os-structured-catalogue-mode .os-catalogue-controls,
  body.os-structured-catalogue-mode .os-catalogue-grid,
  body.os-structured-catalogue-mode .os-service-detail-grid,
  body.os-structured-client-request-mode .os-client-draft-grid {
    grid-template-columns: 1fr !important;
  }

  body.os-structured-catalogue-mode #os-structured-service-catalogue-view,
  body.os-structured-client-request-mode #os-client-request-draft-from-catalogue {
    padding: 18px !important;
  }
}

/* OMNISERVE_V12_STRUCTURED_SERVICE_CATALOGUE_CSS_END */


/* OMNISERVE_V12_LOGIN_ENTITY_DEMO_BYPASS_CSS_START */

/* Login page top demo bypass bar. */
body.os-login-entity-demo-ready #os-login-entity-demo-bar {
  width: min(96vw, 1180px) !important;
  margin: 16px auto 12px auto !important;
  padding: 12px 14px !important;

  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;

  border-radius: 18px !important;
  box-sizing: border-box !important;

  background:
    radial-gradient(circle at 96% 12%, rgba(19,163,111,0.13), transparent 30%),
    linear-gradient(135deg, rgba(238,246,255,0.98), rgba(232,248,241,0.94)) !important;

  border: 1px solid rgba(7,93,168,0.16) !important;
  box-shadow: 0 14px 34px rgba(7,93,168,0.10) !important;

  position: relative !important;
  z-index: 70 !important;
}

body.os-login-entity-demo-ready .os-login-entity-demo-copy span {
  display: inline-flex !important;
  margin: 0 0 3px 0 !important;
  color: #13a36f !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

body.os-login-entity-demo-ready .os-login-entity-demo-copy strong {
  display: block !important;
  margin: 0 0 3px 0 !important;
  color: #062b66 !important;
  font-size: 0.98rem !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

body.os-login-entity-demo-ready .os-login-entity-demo-copy small {
  display: block !important;
  color: #075da8 !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
}

body.os-login-entity-demo-ready .os-login-entity-demo-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

body.os-login-entity-demo-ready .os-login-entity-demo-actions button {
  min-height: 38px !important;
  padding: 8px 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  border-radius: 999px !important;
  box-sizing: border-box !important;

  border: 1px solid rgba(7,93,168,0.20) !important;
  background: rgba(255,255,255,0.88) !important;
  color: #062b66 !important;

  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(7,93,168,0.08) !important;
}

body.os-login-entity-demo-ready .os-login-entity-demo-actions button b {
  width: 22px !important;
  height: 22px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: linear-gradient(135deg, #075da8, #13a36f) !important;
  color: #ffffff !important;

  font-size: 0.72rem !important;
  font-weight: 950 !important;
}

body.os-login-entity-demo-ready .os-login-entity-demo-actions button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(19,163,111,0.34) !important;
  box-shadow: 0 12px 24px rgba(7,93,168,0.12) !important;
}

/* Client workbench entity demo banner. */
body.os-client-entity-demo-ready #os-client-entity-demo-banner {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 16px !important;

  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;

  border-radius: 20px !important;
  box-sizing: border-box !important;

  background:
    radial-gradient(circle at 94% 10%, rgba(19,163,111,0.12), transparent 30%),
    linear-gradient(135deg, #eef6ff, #e8f8f1) !important;

  border: 1px solid rgba(7,93,168,0.16) !important;
  box-shadow: 0 14px 34px rgba(7,93,168,0.10) !important;

  color: #062b66 !important;
  position: relative !important;
  z-index: 120 !important;
}

body.os-client-entity-demo-ready .os-client-entity-demo-icon {
  width: 52px !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 16px !important;
  background: linear-gradient(135deg, #075da8, #13a36f) !important;
  color: #ffffff !important;

  font-size: 1.1rem !important;
  font-weight: 950 !important;
}

body.os-client-entity-demo-ready .os-client-entity-demo-text span {
  display: inline-flex !important;
  margin-bottom: 4px !important;
  color: #13a36f !important;
  font-size: 0.70rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

body.os-client-entity-demo-ready .os-client-entity-demo-text h2 {
  margin: 0 0 4px 0 !important;
  color: #062b66 !important;
  font-size: clamp(1.1rem, 1.6vw, 1.55rem) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

body.os-client-entity-demo-ready .os-client-entity-demo-text p {
  margin: 0 !important;
  color: #075da8 !important;
  font-size: 0.84rem !important;
  line-height: 1.32 !important;
}

body.os-client-entity-demo-ready .os-client-entity-demo-switch {
  display: inline-flex !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

body.os-client-entity-demo-ready .os-client-entity-demo-switch a {
  min-height: 32px !important;
  padding: 7px 10px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  text-decoration: none !important;

  color: #075da8 !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(7,93,168,0.16) !important;

  font-size: 0.76rem !important;
  font-weight: 850 !important;
}

body.os-client-entity-demo-ready .os-client-entity-demo-switch a.is-active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #075da8, #13a36f) !important;
  border-color: rgba(255,255,255,0.28) !important;
}

@media (max-width: 920px) {
  body.os-login-entity-demo-ready #os-login-entity-demo-bar,
  body.os-client-entity-demo-ready #os-client-entity-demo-banner {
    grid-template-columns: 1fr !important;
  }

  body.os-login-entity-demo-ready .os-login-entity-demo-actions,
  body.os-client-entity-demo-ready .os-client-entity-demo-switch {
    justify-content: flex-start !important;
  }
}

@media (max-width: 620px) {
  body.os-login-entity-demo-ready #os-login-entity-demo-bar {
    width: calc(100vw - 24px) !important;
  }

  body.os-login-entity-demo-ready .os-login-entity-demo-actions button {
    flex: 1 1 auto !important;
  }
}

/* OMNISERVE_V12_LOGIN_ENTITY_DEMO_BYPASS_CSS_END */








/* OMNISERVE_V12_REPLACE_KIRA_DESCRIPTION_CSS_START */

/* KIRA page only: refined descriptive event-management text. */
body.os-kira-description-replaced-mode .os-kira-main-description-text {
  max-width: 760px !important;
  margin: 18px 0 18px 0 !important;

  color: #062b66 !important;
  -webkit-text-fill-color: #062b66 !important;

  font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;
  line-height: 1.50 !important;
  font-weight: 560 !important;
  text-shadow: none !important;
}

/* Keep the public explanatory frame hidden on KIRA page if any old patch tries to re-render it. */
body.os-kira-description-replaced-mode #os-public-what-does-frame {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* OMNISERVE_V12_REPLACE_KIRA_DESCRIPTION_CSS_END */





/* OMNISERVE_V12_REPLACE_TERRAFLOW_DESCRIPTION_CSS_START */

/* TerraFlow page only: refined intelligent travel companion text. */
body.os-terraflow-description-replaced-mode .os-terraflow-main-description-text {
  max-width: 800px !important;
  margin: 18px 0 18px 0 !important;

  color: #062b66 !important;
  -webkit-text-fill-color: #062b66 !important;

  font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;
  line-height: 1.50 !important;
  font-weight: 560 !important;
  text-shadow: none !important;
}

/* Keep the public explanatory frame hidden on TerraFlow page if any old patch tries to re-render it. */
body.os-terraflow-description-replaced-mode #os-public-what-does-frame {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* OMNISERVE_V12_REPLACE_TERRAFLOW_DESCRIPTION_CSS_END */





/* OMNISERVE_V12_SERVICARE_REMOVE_WHAT_DOES_FRAME_CSS_START */

/* ServiCare page only: ensure the old injected public explanation frame is not visible. */
body.os-servicare-what-frame-cleaned #os-public-what-does-frame,
body.os-servicare-what-frame-cleaned #os-public-hero-body-replacement {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* OMNISERVE_V12_SERVICARE_REMOVE_WHAT_DOES_FRAME_CSS_END */


/* OMNISERVE_V12_GLOBAL_REMOVE_ACCIDENTAL_WHAT_TEXT_CSS_START */

/* Global defensive cleanup for the accidentally injected What OmniServe frame/text. */
body.os-accidental-what-text-cleaned #os-public-what-does-frame,
body.os-accidental-what-text-cleaned #os-public-hero-body-replacement {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* OMNISERVE_V12_GLOBAL_REMOVE_ACCIDENTAL_WHAT_TEXT_CSS_END */


/* OMNISERVE_V12_REMOVE_LOGIN_WIREFRAME_DEMO_ACCESS_CSS_START */

/* Login page only: hide stale custom demo/wireframe containers if browser cache leaves them in DOM. */
body.os-login-wireframe-demo-removed .os-login-wireframe,
body.os-login-wireframe-demo-removed .os-login-wireframe-shell,
body.os-login-wireframe-demo-removed .os-login-demo-access,
body.os-login-wireframe-demo-removed .os-login-demo-bar,
body.os-login-wireframe-demo-removed .os-login-helper-panel,
body.os-login-wireframe-demo-removed .os-login-after-panel,
body.os-login-wireframe-demo-removed .os-login-guidance,
body.os-login-wireframe-demo-removed .os-login-compact-card,
body.os-login-wireframe-demo-removed .os-login-demo-entity-row {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* OMNISERVE_V12_REMOVE_LOGIN_WIREFRAME_DEMO_ACCESS_CSS_END */





/* OMNISERVE_V12_REMOVE_LOGIN_ANIMATED_GLOBE_CSS_START */

/* Login page only: hide stale animated globe/map visual if cached DOM remains. */
body.os-login-globe-removed .os-hero-visual,
body.os-login-globe-removed .os-globe-visual,
body.os-login-globe-removed .os-orbit-visual,
body.os-login-globe-removed .os-landing-orb,
body.os-login-globe-removed .os-service-globe,
body.os-login-globe-removed .os-public-globe,
body.os-login-globe-removed .os-globe-map,
body.os-login-globe-removed .os-animated-globe {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Allow the remaining login content to use the freed space. */
body.os-login-globe-removed .os-login-after-explore-buttons,
body.os-login-globe-removed #os-login-mockup-credentials-shell {
  max-width: 980px !important;
}

/* OMNISERVE_V12_REMOVE_LOGIN_ANIMATED_GLOBE_CSS_END */


/* OMNISERVE_V12_FIX_LOGIN_TWO_SEPARATE_FRAMES_CSS_START */

/* Login page only: one clean two-frame mockup block beneath Explore buttons. */
#os-login-fixed-two-frame-shell {
  width: min(100%, 1040px) !important;
  margin: 20px 0 36px 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(380px, 1fr) minmax(360px, 0.92fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  position: relative !important;
  z-index: 20 !important;
  clear: both !important;
}

#os-login-fixed-two-frame-shell,
#os-login-fixed-two-frame-shell * {
  box-sizing: border-box !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-frame {
  display: block !important;
  min-width: 0 !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(17,91,171,0.18) !important;
  box-shadow: 0 18px 46px rgba(6,31,85,0.12) !important;
  padding: 18px !important;
  overflow: hidden !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-head span {
  display: inline-flex !important;
  margin-bottom: 7px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(16,172,100,0.12) !important;
  color: #047847 !important;
  font-size: 0.70rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-head strong {
  display: block !important;
  color: #06245f !important;
  font-size: 1.08rem !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-head p {
  margin: 7px 0 14px 0 !important;
  color: #23406e !important;
  font-size: 0.84rem !important;
  line-height: 1.38 !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-users {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-user-card {
  width: 100% !important;
  min-height: 92px !important;
  display: block !important;
  text-align: left !important;
  border: 1px solid rgba(17,91,171,0.16) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg,#f5fbff,#ffffff) !important;
  padding: 13px 14px !important;
  cursor: pointer !important;
  color: #061f55 !important;
  box-shadow: 0 8px 22px rgba(6,31,85,0.07) !important;
  font-family: inherit !important;
  white-space: normal !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-user-card:hover,
#os-login-fixed-two-frame-shell .os-login-fixed-user-card.is-selected {
  border-color: rgba(16,172,100,0.60) !important;
  box-shadow: 0 14px 30px rgba(16,172,100,0.16) !important;
  transform: translateY(-1px) !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-user-card strong,
#os-login-fixed-two-frame-shell .os-login-fixed-user-card span,
#os-login-fixed-two-frame-shell .os-login-fixed-user-card em,
#os-login-fixed-two-frame-shell .os-login-fixed-user-card small {
  display: block !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-user-card strong {
  color: #047847 !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  margin-bottom: 5px !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-user-card span {
  color: #061f55 !important;
  font-size: 0.80rem !important;
  font-weight: 850 !important;
  margin-bottom: 4px !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-user-card em {
  color: #0b68e8 !important;
  font-size: 0.80rem !important;
  font-weight: 850 !important;
  margin-bottom: 5px !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-user-card small {
  color: #486282 !important;
  font-size: 0.75rem !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-right label {
  display: block !important;
  margin: 11px 0 6px !important;
  color: #06245f !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-right input {
  width: 100% !important;
  min-height: 48px !important;
  display: block !important;
  border: 1px solid rgba(17,91,171,0.15) !important;
  border-radius: 14px !important;
  background: #eef5ff !important;
  color: #061f55 !important;
  padding: 0 13px !important;
  font-size: 0.92rem !important;
  outline: none !important;
}

#os-login-fixed-two-frame-shell .os-login-fixed-actions {
  margin-top: 14px !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

#os-login-fixed-two-frame-shell #os-login-fixed-login-btn,
#os-login-fixed-two-frame-shell #os-login-fixed-open-link {
  min-height: 42px !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

#os-login-fixed-two-frame-shell #os-login-fixed-login-btn {
  border: 0 !important;
  background: linear-gradient(135deg,#10ac64,#06985a) !important;
  color: #ffffff !important;
}

#os-login-fixed-two-frame-shell #os-login-fixed-open-link {
  background: #eef5ff !important;
  color: #06245f !important;
  border: 1px solid rgba(17,91,171,0.14) !important;
}

#os-login-fixed-two-frame-shell #os-login-fixed-note {
  display: block !important;
  margin-top: 11px !important;
  color: #486282 !important;
  font-size: 0.79rem !important;
  line-height: 1.34 !important;
}

/* Prevent the hidden backend form from occupying space after the mockup frame is installed. */
body.os-login-fixed-two-frame-mode form[data-os-login-native-hidden="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1100px) {
  #os-login-fixed-two-frame-shell {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* OMNISERVE_V12_FIX_LOGIN_TWO_SEPARATE_FRAMES_CSS_END */


/* OMNIMARKET_CLIENT_MENU_CR011_START */
.omnimarket-client-menu-card,
.omnimarket-client-menu-item a {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  text-decoration: none;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 18px;
  padding: 1rem 1.05rem;
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
  color: #0f172a;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.08);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.omnimarket-client-menu-card:hover,
.omnimarket-client-menu-item a:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
}

.omnimarket-client-menu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.omnimarket-client-menu-subtitle {
  color: #475569;
  font-size: 0.88rem;
  line-height: 1.42;
}

.omnimarket-client-menu-badge {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 0.16rem 0.5rem;
  background: rgba(37, 99, 235, 0.10);
  color: #1d4ed8;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  white-space: nowrap;
}

.omnimarket-client-menu-note {
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.35;
}

.omnimarket-client-menu-item {
  list-style: none;
}

@media (prefers-color-scheme: dark) {
  .omnimarket-client-menu-card,
  .omnimarket-client-menu-item a {
    background:
      radial-gradient(circle at top left, rgba(37, 99, 235, 0.22), transparent 36%),
      linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.84));
    color: #f8fafc;
    border-color: rgba(96, 165, 250, 0.22);
  }

  .omnimarket-client-menu-subtitle,
  .omnimarket-client-menu-note {
    color: rgba(226, 232, 240, 0.72);
  }

  .omnimarket-client-menu-badge {
    background: rgba(96, 165, 250, 0.14);
    color: #bfdbfe;
  }
}
/* OMNIMARKET_CLIENT_MENU_CR011_END */