/* FlowOps v33.0.68 — shared workspace design system */body.flowops-workspace-shell:not(.flowops-control-center-body){
  --fo-bg:#07090c;--fo-panel:#0c1117;--fo-panel-2:#10151b;--fo-border:#202630;--fo-border-2:#2b3440;
  --fo-text:#eef2f7;--fo-muted:#929ca8;--fo-faint:#737e8a;--fo-control:#10151b;--fo-hover:#171d25;
  background:var(--fo-bg)!important;color:var(--fo-text)!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-app, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-main, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-content{background:var(--fo-bg)!important;color:var(--fo-text)!important}

body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-inner{min-height:100%!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link{color:#aeb5bf!important;font-weight:520!important;}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active{background:linear-gradient(180deg,#151920,#10141a)!important;border-color:#232932!important;color:var(--fo-white)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active:before{display:none!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon{color:#7b8490!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link:hover .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active .flowops-nav-link__icon{color:#f4f6f8!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar{padding:0 24px!important;}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-control-context strong{font-size:20px!important;}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar__right{gap:10px!important;}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-icon-btn, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-menu>summary.flowops-shell-icon-btn, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-context-card{background:#141922!important;border:1px solid #2a303a!important;color:#e5e7eb!important;box-shadow:none!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn:hover, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-icon-btn:hover, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-context-card:hover{background:#191f28!important;border-color:#37404d!important;color:var(--fo-white)!important;transform:none!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-icon-btn svg, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn svg{display:block!important;width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;opacity:1!important}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-logout-link{border:1px solid #202833!important;border-radius:9px!important;background:#0e1319!important;color:#aeb7c2!important;font-weight:600!important;}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-logout-link:hover{background:var(--fo-surface-3)!important;border-color:#313b48!important;color:var(--fo-white)!important}

/* Shared surfaces */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-card, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-panel, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-table-wrap, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-settings-card{background:var(--fo-panel)!important;background-image:none!important;border:1px solid var(--fo-border)!important;border-radius:0!important;color:var(--fo-text)!important;box-shadow:none!important}body.flowops-workspace-shell:not(.flowops-control-center-body) h1, body.flowops-workspace-shell:not(.flowops-control-center-body) h2, body.flowops-workspace-shell:not(.flowops-control-center-body) h3{color:#f3f6f9}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-muted, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-muted-copy, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-inline-help{color:var(--fo-muted)!important}

/* Shared fields */body.flowops-workspace-shell:not(.flowops-control-center-body) input:not([type=hidden]):not([type=checkbox]):not([type=radio]), body.flowops-workspace-shell:not(.flowops-control-center-body) select, body.flowops-workspace-shell:not(.flowops-control-center-body) textarea{background:var(--fo-control)!important;background-color:var(--fo-control)!important;border:1px solid var(--fo-border-2)!important;color:var(--fo-text)!important;-webkit-text-fill-color:var(--fo-text)!important;box-shadow:inset 0 0 0 1000px var(--fo-control)!important;color-scheme:dark!important;opacity:1!important}body.flowops-workspace-shell:not(.flowops-control-center-body) input::placeholder, body.flowops-workspace-shell:not(.flowops-control-center-body) textarea::placeholder{color:var(--fo-faint)!important;-webkit-text-fill-color:var(--fo-faint)!important;opacity:1!important}body.flowops-workspace-shell:not(.flowops-control-center-body) input:-webkit-autofill, body.flowops-workspace-shell:not(.flowops-control-center-body) input:-webkit-autofill:hover, body.flowops-workspace-shell:not(.flowops-control-center-body) input:-webkit-autofill:focus, body.flowops-workspace-shell:not(.flowops-control-center-body) textarea:-webkit-autofill, body.flowops-workspace-shell:not(.flowops-control-center-body) select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--fo-control) inset!important;box-shadow:0 0 0 1000px var(--fo-control) inset!important;-webkit-text-fill-color:var(--fo-text)!important;caret-color:var(--fo-text)!important}body.flowops-workspace-shell:not(.flowops-control-center-body) select option{background:var(--fo-control)!important;color:var(--fo-text)!important}body.flowops-workspace-shell:not(.flowops-control-center-body) input:focus, body.flowops-workspace-shell:not(.flowops-control-center-body) select:focus, body.flowops-workspace-shell:not(.flowops-control-center-body) textarea:focus{border-color:#404a57!important;outline:0!important;box-shadow:0 0 0 3px rgba(148,163,184,.08),inset 0 0 0 1000px var(--fo-control)!important}

/* Edit booking parity */body.flowops-page-booking-edit .flowops-edit-booking-v3130{width:min(1100px,calc(100% - 48px))!important;max-width:1100px!important;padding:38px 0 64px!important}body.flowops-page-booking-edit .flowops-edit-layout-v3130{grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;}body.flowops-page-booking-edit .flowops-edit-surface-v3130, body.flowops-page-booking-edit .flowops-edit-rail-section-v3130{background:var(--fo-panel)!important;border:1px solid var(--fo-border)!important;}body.flowops-page-booking-edit .flowops-edit-section-v3130{padding:18px!important;border-bottom:1px solid var(--fo-border)!important}

/* New booking parity */body.flowops-page-booking-create .flowops-new-booking-console-v3110{color:var(--fo-text)!important}body.flowops-page-booking-create .flowops-create-surface-v3110, body.flowops-page-booking-create .flowops-create-panel-v3110, body.flowops-page-booking-create .flowops-create-inline-note-v3110{background:var(--fo-panel)!important;background-image:none!important;border:1px solid var(--fo-border)!important;border-radius:0!important;box-shadow:none!important;color:var(--fo-text)!important}body.flowops-page-booking-create .flowops-create-panel-head-v3110 h2{font-size:15px!important}body.flowops-page-booking-create .flowops-create-panel-head-v3110 p{color:#7f8995!important;font-size:11.5px!important}body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-active{background:#11171e!important;}body.flowops-page-booking-create .flowops-create-actions-v3110{border:1px solid var(--fo-border)!important;border-radius:0!important;}

@media(max-width:980px){
  body.flowops-page-booking-edit .flowops-edit-layout-v3130{grid-template-columns:1fr!important}
  body.flowops-page-booking-edit .flowops-edit-rail-v3130{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.flowops-page-booking-create .flowops-new-booking-console-v3110,
  body.flowops-page-booking-edit .flowops-edit-booking-v3130{width:min(100% - 36px,900px)!important;padding:24px 0 48px!important}
}
@media(max-width:700px){
  html,body.flowops-workspace-shell:not(.flowops-control-center-body){max-width:100%!important;overflow-x:hidden!important}
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar{height:56px!important;min-height:56px!important;padding:0 10px!important}
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-control-context{display:none!important}
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar-mobile{display:flex!important}
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-toggle{display:flex!important;width:38px!important;height:38px!important;border:1px solid #2a303a!important;border-radius:11px!important;background:#141922!important}
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-toggle span{display:block!important;width:16px!important;height:1.5px!important;background:#eef2f7!important;opacity:1!important}
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn{display:none!important}
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar__right{gap:6px!important}
  body.flowops-page-booking-edit .flowops-edit-booking-v3130,
  body.flowops-page-booking-create .flowops-new-booking-console-v3110{width:100%!important;max-width:100%!important;margin:0!important;padding:16px 12px calc(30px + env(safe-area-inset-bottom))!important}

  body.flowops-page-booking-create .flowops-create-head-v3110{gap:14px!important}
  body.flowops-page-booking-create .flowops-create-head-actions-v3110{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  
  body.flowops-page-booking-create .flowops-create-steps-v3110{display:grid!important;}
  body.flowops-page-booking-create .flowops-form-grid-2,
  body.flowops-page-booking-create .flowops-form-grid-3,
  body.flowops-page-booking-edit .flowops-form-grid-2,
  body.flowops-page-booking-edit .flowops-form-grid-3{grid-template-columns:1fr!important;gap:12px!important}
  body.flowops-page-booking-create .flowops-create-panel-v3110,
  body.flowops-page-booking-edit .flowops-edit-section-v3130{padding:15px 13px!important}
  body.flowops-page-booking-create .flowops-create-actions-v3110{padding:12px 13px calc(12px + env(safe-area-inset-bottom))!important}
}

body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo-copy span{
  display:block!important;
}

body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-user-mini{
  grid-template-columns:30px minmax(0,1fr)!important;
  padding:8px!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-user-mini__avatar{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  font-size:11px!important;
  font-weight:700!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-user-mini strong{
  display:block!important;
  overflow:hidden!important;
  color:#f2f5f8!important;
  font-size:11.5px!important;
  font-weight:650!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-user-mini span{
  display:block!important;
  margin-top:2px!important;
  color:#858e9a!important;
  font-size:10px!important;
  line-height:1.2!important;
}

/* Exact mobile drawer appearance from Bookings */
@media(max-width:900px){
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar{
    width:min(86vw,336px)!important;
    max-width:336px!important;
  }

  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-close{
    z-index:2!important;
    margin:0!important;
    padding:0!important;
    cursor:pointer!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-close span{
    color:#eef2f7!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:500!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-close em{
    display:none!important;
  }

  
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-logout-link{
    width:100%!important;
    justify-content:center!important;
  }
}

/* v33.0.71 — Edit Booking uses the exact Bookings shell and spacing */

/* Exact Bookings sidebar treatment on every workspace page. */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar{
  padding:14px 10px 14px!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo{
  height:auto!important;
  min-height:40px!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link{
  height:34px!important;
  min-height:34px!important;
  margin:3px 6px!important;
  font-size:14px!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7f8792!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon-mobile{
  width:20px!important;
  height:20px!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7f8792!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon-mobile svg{
  width:19px!important;
  height:19px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  stroke-width:1.65!important;
  transform:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link:hover .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link:hover .flowops-nav-link__icon-mobile, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active .flowops-nav-link__icon-mobile, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link[aria-current="page"] .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link[aria-current="page"] .flowops-nav-link__icon-mobile{
  background:transparent!important;
}

/* Exact Bookings footer treatment. */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer{
  background:transparent!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-user-mini{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 7px!important;
  padding:9px!important;
  border:0!important;
  border-radius:9px!important;
  background:#0d1116!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-user-mini__avatar{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  border:1px solid #2b333d!important;
  border-radius:9px!important;
  background:#161c23!important;
  color:#eef2f7!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-logout-link{
  min-height:44px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  font-size:12px!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-logout-link:hover{
  background:#11171d!important;
  color:#eef2f7!important;
}

/* Edit Booking content now uses Bookings page width and top alignment. */body.flowops-page-booking-edit .flowops-content{
  padding:0!important;
}body.flowops-page-booking-edit .flowops-edit-booking-v3130{
  width:100%!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:34px 28px 54px!important;
}body.flowops-page-booking-edit .flowops-edit-head-v3130{
  margin:0 0 16px!important;
  padding:0 0 16px!important;
}body.flowops-page-booking-edit .flowops-edit-layout-v3130{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:16px!important;
  align-items:start!important;
}body.flowops-page-booking-edit .flowops-edit-rail-v3130{
  position:sticky!important;
  top:82px!important;
}body.flowops-page-booking-edit .flowops-edit-surface-v3130, body.flowops-page-booking-edit .flowops-edit-rail-section-v3130{
  border:1px solid #202630!important;
  border-radius:0!important;
  background:#0c1117!important;
  box-shadow:none!important;
}

/* Mobile: exactly the same drawer proportions and compact rhythm as Bookings. */
@media(max-width:900px){
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar{
    width:min(90vw,320px)!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link{
    height:34px!important;
    min-height:34px!important;
    margin:3px 6px!important;
    font-size:14px!important;
  }
  
}

@media(max-width:700px){
  body.flowops-page-booking-edit .flowops-edit-booking-v3130{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 12px calc(24px + env(safe-area-inset-bottom))!important;
  }
  body.flowops-page-booking-edit .flowops-edit-head-v3130{
    margin:0 0 12px!important;
    padding:0 0 12px!important;
    gap:12px!important;
  }
  body.flowops-page-booking-edit .flowops-edit-head-v3130 h1{
    font-size:22px!important;
  }
  body.flowops-page-booking-edit .flowops-edit-head-actions-v3130{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  body.flowops-page-booking-edit .flowops-edit-head-actions-v3130>*:last-child{
    grid-column:1 / -1!important;
  }
  body.flowops-page-booking-edit .flowops-edit-layout-v3130{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  body.flowops-page-booking-edit .flowops-edit-surface-v3130,
  body.flowops-page-booking-edit .flowops-edit-rail-v3130,
  body.flowops-page-booking-edit .flowops-edit-rail-section-v3130{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.flowops-page-booking-edit .flowops-edit-rail-v3130{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  body.flowops-page-booking-edit .flowops-edit-section-v3130{
    padding:14px 13px!important;
  }
  body.flowops-page-booking-edit .flowops-edit-section-v3130>header{
    margin-bottom:12px!important;
  }
}

/* v33.0.73 — exact Bookings shell on every workspace page.
   Page body/content styling is intentionally untouched in this patch. */

/* Fixed shell geometry */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-app{
  min-height:100vh!important;
  min-height:100dvh!important;
  display:grid!important;
  grid-template-columns:208px minmax(0,1fr)!important;
  background:#07090c!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar{
  position:sticky!important;
  top:0!important;
  width:208px!important;
  min-width:208px!important;
  max-width:208px!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  padding:14px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  background:#050608!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-inner{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-scroll::-webkit-scrollbar{
  display:none!important;
}

/* Same content only as Bookings sidebar */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar .flowops-nav a[href*='/app/messages/']{
  display:none!important;
}

/* Logo */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo{
  flex:0 0 auto!important;
  min-height:42px!important;
  margin:0 0 14px!important;
  padding:0 8px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  background:transparent!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo-mark{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:#0c1117!important;
  border:1px solid #202832!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  min-width:0!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo-copy strong{
  color:#f6f7f9!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:600!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo-copy span{
  color:#7d8591!important;
  font-size:11px!important;
  line-height:1.2!important;
}

/* Navigation */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-section{
  padding:14px 12px 7px!important;
  color:#5e6672!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  font-weight:750!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link{
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  margin:2px 6px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#b1b7c0!important;
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:500!important;
  text-decoration:none!important;
  transform:none!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link:hover{
  background:#11151b!important;
  border-color:#20252d!important;
  color:#f4f6f8!important;
  transform:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link[aria-current="page"]{
  background:linear-gradient(180deg,#151920 0%,#10141a 100%)!important;
  border-color:#232932!important;
  color:var(--fo-white)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active::before, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link[aria-current="page"]::before{
  display:none!important;
  content:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon-mobile{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7f8792!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon-symbol{
  display:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon-mobile{
  display:grid!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link__icon-mobile svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link:hover .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link:hover .flowops-nav-link__icon-mobile, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link.active .flowops-nav-link__icon-mobile, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link[aria-current="page"] .flowops-nav-link__icon, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link[aria-current="page"] .flowops-nav-link__icon-mobile{
  color:#e7ebf0!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-badge{
  margin-left:auto!important;
  min-width:18px!important;
  padding:1px 6px!important;
  border-radius:999px!important;
  background:#202630!important;
  color:#dce2e9!important;
  font-size:9.5px!important;
  line-height:16px!important;
  box-shadow:none!important;
}

/* Bottom profile and logout */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer{
  flex:0 0 auto!important;
  margin-top:auto!important;
  padding:12px 8px 4px!important;
  border-top:1px solid #1c222a!important;
  background:#050608!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-user-mini{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  margin:0 0 7px!important;
  padding:8px!important;
  border:0!important;
  border-radius:9px!important;
  background:#0d1116!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-user-mini__avatar{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border:1px solid #2b333d!important;
  border-radius:9px!important;
  background:#161c23!important;
  color:#eef2f7!important;
  font-size:11px!important;
  font-weight:700!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-user-mini strong{
  display:block!important;
  overflow:hidden!important;
  color:#f2f5f8!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:650!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-user-mini span{
  display:block!important;
  margin-top:2px!important;
  color:#858e9a!important;
  font-size:10px!important;
  line-height:1.2!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-logout-link{
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8f98a4!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:550!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

/* Main/top bar geometry */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-main{
  min-width:0!important;
  width:100%!important;
  background:#07090c!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar{
  width:100%!important;
  height:66px!important;
  min-height:66px!important;
  flex:0 0 66px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:#090b0f!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar__left{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-control-context{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-control-context span{
  color:#6f7783!important;
  font-size:11px!important;
  line-height:1.1!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-control-context strong{
  color:#f5f6f8!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar__right{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-left:auto!important;
  overflow:visible!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn{
  width:152px!important;
  min-width:152px!important;
  height:38px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  border:1px solid #2a303a!important;
  border-radius:12px!important;
  background:#141922!important;
  color:#dce2e9!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn__label{
  color:#d5dbe3!important;
  font-size:12px!important;
  font-weight:600!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn kbd{
  margin-left:auto!important;
  min-width:28px!important;
  padding:3px 5px!important;
  border:1px solid #303847!important;
  border-radius:7px!important;
  background:#1e2430!important;
  color:#9aa3af!important;
  font-size:9px!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-icon-btn, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-menu>summary.flowops-shell-icon-btn{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #2a303a!important;
  border-radius:12px!important;
  background:#141922!important;
  color:#dce2e9!important;
  box-shadow:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-icon-btn svg, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn svg, body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-menu>summary svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  opacity:1!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-context-card{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #2a303a!important;
  border-radius:999px!important;
  background:#141922!important;
  box-shadow:none!important;
  overflow:hidden!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-context-card__user{
  display:none!important;
}body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-context-card__avatar{
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#222938!important;
  color:#f5f7fa!important;
  font-size:11px!important;
  box-shadow:none!important;
}

/* Mobile exact shell */
@media(max-width:900px){
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-app{
    display:block!important;
    min-height:100dvh!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(86vw,320px)!important;
    min-width:0!important;
    max-width:320px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    z-index:1000!important;
    padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))!important;
    transform:translateX(-104%)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
    box-shadow:28px 0 80px rgba(0,0,0,.46)!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body).flowops-sidebar-open .flowops-sidebar{
    transform:translateX(0)!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-mobile-sidebar-backdrop{
    background:rgba(3,5,8,.72)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-close{
    position:absolute!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:12px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #2a303a!important;
    border-radius:11px!important;
    background:#141922!important;
    color:#eef2f7!important;
    box-shadow:none!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-logo{
    padding-right:48px!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-nav-link{
    height:44px!important;
    min-height:44px!important;
    margin:2px 6px!important;
    padding:0 10px!important;
    font-size:13.5px!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer{
    padding:10px 6px max(6px,env(safe-area-inset-bottom))!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-footer .flowops-logout-link{
    min-height:42px!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar{
    height:56px!important;
    min-height:56px!important;
    padding:0 10px!important;
    gap:8px!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-control-context{
    display:none!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar-mobile{
    display:flex!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-toggle{
    display:flex!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    border:1px solid #2a303a!important;
    border-radius:11px!important;
    background:#141922!important;
    box-shadow:none!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar-toggle span{
    width:16px!important;
    height:1.5px!important;
    background:#eef2f7!important;
    opacity:1!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar-mobile-copy strong{
    color:#929aa6!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar-mobile-copy span{
    color:#f4f6f8!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-search-btn{
    display:none!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-topbar__right{
    gap:6px!important;
  }
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-icon-btn,
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-shell-menu>summary.flowops-shell-icon-btn,
  body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-context-card{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }
}

/* v33.0.82 — New Booking visual parity with Bookings and Edit Booking */body.flowops-page-booking-create .flowops-new-booking-console-v3110{
  width:min(1100px,calc(100% - 48px))!important;
  max-width:1100px!important;
  margin:0 auto!important;
  padding:38px 0 64px!important;
}body.flowops-page-booking-create .flowops-create-head-actions-v3110 .flowops-btn{
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-active{
  background:#141a22!important;
  color:#f5f7fa!important;
  box-shadow:inset 0 -2px 0 #00d26a!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-active span{
  border-color:rgba(0,210,106,.42)!important;
  background:rgba(0,210,106,.1)!important;
  color:#75efa9!important;
}body.flowops-page-booking-create .flowops-create-surface-v3110{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}body.flowops-page-booking-create .flowops-create-panel-v3110{
  padding:18px!important;
  border:1px solid #202630!important;
  border-radius:10px!important;
  background:#0c1117!important;
  box-shadow:none!important;
}body.flowops-page-booking-create .flowops-create-panel-head-v3110{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin:0 0 16px!important;
  padding:0 0 15px!important;
  border-bottom:1px solid #202630!important;
}body.flowops-page-booking-create .flowops-create-panel-head-v3110>span{
  padding-top:2px!important;
  color:#747f8c!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:760!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}body.flowops-page-booking-create .flowops-create-panel-head-v3110 h2{
  margin:0 0 4px!important;
  color:#f1f4f7!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:660!important;
}body.flowops-page-booking-create .flowops-create-panel-head-v3110 p{
  margin:0!important;
  color:#808a96!important;
  font-size:11px!important;
  line-height:1.5!important;
}body.flowops-page-booking-create .flowops-field label{
  margin-bottom:7px!important;
  color:#85909d!important;
  font-size:10px!important;
  font-weight:650!important;
}body.flowops-page-booking-create .flowops-field input:not([type=checkbox]):not([type=radio]), body.flowops-page-booking-create .flowops-field select{
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:9px!important;
}body.flowops-page-booking-create .flowops-field textarea{
  min-height:96px!important;
  padding:11px 12px!important;
  border-radius:9px!important;
  resize:vertical!important;
}body.flowops-page-booking-create .flowops-inline-help{
  margin-top:6px!important;
  color:#78828e!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}body.flowops-page-booking-create .flowops-form-grid-2, body.flowops-page-booking-create .flowops-form-grid-3{
  gap:12px!important;
}body.flowops-page-booking-create .flowops-create-inline-note-v3110, body.flowops-page-booking-create .flowops-create-self-assignment-v3110, body.flowops-page-booking-create .flowops-create-review-primary-v3110, body.flowops-page-booking-create .flowops-create-review-check-v3110{
  border:1px solid #202630!important;
  border-radius:9px!important;
  background:#0f141a!important;
  box-shadow:none!important;
}body.flowops-page-booking-create .flowops-create-inline-note-v3110{
  padding:12px 14px!important;
}body.flowops-page-booking-create .flowops-create-inline-note-v3110 strong, body.flowops-page-booking-create .flowops-create-self-assignment-v3110 strong{
  color:#e8edf2!important;
}body.flowops-page-booking-create .flowops-create-inline-note-v3110 span, body.flowops-page-booking-create .flowops-create-self-assignment-v3110 span{
  color:#808a96!important;
}body.flowops-page-booking-create .flowops-create-review-v3110{
  gap:12px!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-top:12px!important;
  padding:12px 14px!important;
  border:1px solid #202630!important;
  border-radius:10px!important;
  background:#0e1319!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110>span{
  font-size:10px!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110>div{
  justify-content:flex-end!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110 .flowops-btn{
  padding:0 16px!important;
  font-size:11px!important;
  font-weight:700!important;
}body.flowops-page-booking-create .flowops-btn-primary{
  border-color:#00cf68!important;
  background:#00cf68!important;
  color:#04150b!important;
  box-shadow:none!important;
}body.flowops-page-booking-create .flowops-btn-primary:hover{
  border-color:#19dd7a!important;
  background:#19dd7a!important;
  color:#031309!important;
  transform:none!important;
}body.flowops-page-booking-create .flowops-btn-secondary{
  border:1px solid #2a323d!important;
  background:#11161d!important;
  color:#d8dee6!important;
  box-shadow:none!important;
}body.flowops-page-booking-create .flowops-btn-secondary:hover{
  border-color:#3a4553!important;
  background:#171d25!important;
  color:var(--fo-white)!important;
  transform:none!important;
}
@media(max-width:980px){
  body.flowops-page-booking-create .flowops-new-booking-console-v3110{
    width:min(100% - 36px,900px)!important;
    padding:24px 0 48px!important;
  }
}
@media(max-width:700px){
  body.flowops-page-booking-create .flowops-new-booking-console-v3110{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:16px 12px calc(28px + env(safe-area-inset-bottom))!important;
  }
  body.flowops-page-booking-create .flowops-create-head-v3110{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:12px!important;
    padding-bottom:14px!important;
  }
  body.flowops-page-booking-create .flowops-create-head-v3110 h1{
    font-size:20px!important;
  }
  body.flowops-page-booking-create .flowops-create-head-actions-v3110{
    display:block!important;
  }
  body.flowops-page-booking-create .flowops-create-head-actions-v3110 .flowops-btn{
    width:100%!important;
    justify-content:center!important;
  }
  body.flowops-page-booking-create .flowops-create-ai-v3110{
    margin-bottom:12px!important;
  }
  body.flowops-page-booking-create .flowops-create-ai-v3110 summary{
    padding:12px 13px!important;
  }
  body.flowops-page-booking-create .flowops-create-ai-body-v3110{
    padding:13px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110{
    border-radius:10px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button:nth-child(2){
    border-right:0!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button:nth-child(-n+2){
    border-bottom:1px solid #202630!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-v3110{
    padding:14px 13px!important;
    border-radius:10px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-head-v3110{
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin-bottom:14px!important;
    padding-bottom:13px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-head-v3110>span{
    padding:0!important;
  }
  body.flowops-page-booking-create .flowops-form-grid-2,
  body.flowops-page-booking-create .flowops-form-grid-3,
  body.flowops-page-booking-create .flowops-create-review-v3110{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    display:grid!important;
    gap:9px!important;
    padding:11px 12px calc(11px + env(safe-area-inset-bottom))!important;
    border-radius:10px!important;
    box-shadow:0 -12px 30px rgba(0,0,0,.28)!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110>span{
    text-align:center!important;
  }

}

/* v33.0.83 — New Booking intro removal and mobile refinement */body.flowops-page-booking-create .flowops-new-booking-console-v3110{
  padding-top:24px!important;
}body.flowops-page-booking-create .flowops-create-form-v3110{
  margin-top:0!important;
}
@media(max-width:700px){
  body.flowops-page-booking-create .flowops-new-booking-console-v3110{
    padding:12px 10px calc(24px + env(safe-area-inset-bottom))!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110{
    margin-bottom:10px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button{
    min-height:44px!important;
    height:44px!important;
    padding:0 8px!important;
    gap:7px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button span{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button strong{
    font-size:10.5px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-v3110{
    padding:13px 12px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-head-v3110 h2{
    font-size:13.5px!important;
  }
  body.flowops-page-booking-create .flowops-field input:not([type=checkbox]):not([type=radio]),
  body.flowops-page-booking-create .flowops-field select{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    font-size:16px!important;
  }
  body.flowops-page-booking-create .flowops-field textarea{
    width:100%!important;
    min-width:0!important;
  }
  body.flowops-page-booking-create .flowops-create-inline-note-v3110,
  body.flowops-page-booking-create .flowops-create-self-assignment-v3110,
  body.flowops-page-booking-create .flowops-create-review-primary-v3110,
  body.flowops-page-booking-create .flowops-create-review-check-v3110{
    min-width:0!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110{
    margin-left:-2px!important;
    margin-right:-2px!important;
  }
}
@media(max-width:420px){
  body.flowops-page-booking-create .flowops-create-steps-v3110 button{
    padding:0 6px!important;
    gap:6px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button strong{
    font-size:10px!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110>div{
    grid-template-columns:1fr!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110>div .flowops-btn{
    grid-column:1!important;
  }
}

/* v33.0.84 — New Booking dark controls and mobile parity */body.flowops-page-booking-create .flowops-create-panel-v3110 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.flowops-page-booking-create .flowops-create-panel-v3110 select, body.flowops-page-booking-create .flowops-create-panel-v3110 textarea{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  background:#10151b!important;
  background-color:#10151b!important;
  background-image:none!important;
  border:1px solid #2b3440!important;
  color:#eef2f7!important;
  -webkit-text-fill-color:#eef2f7!important;
  box-shadow:inset 0 0 0 1000px #10151b!important;
  -webkit-box-shadow:inset 0 0 0 1000px #10151b!important;
  color-scheme:dark!important;
  opacity:1!important;
}body.flowops-page-booking-create .flowops-create-panel-v3110 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus, body.flowops-page-booking-create .flowops-create-panel-v3110 select:focus, body.flowops-page-booking-create .flowops-create-panel-v3110 textarea:focus{
  background:#121820!important;
  background-color:#121820!important;
  border-color:#00d26a!important;
  box-shadow:0 0 0 3px rgba(0,210,106,.12),inset 0 0 0 1000px #121820!important;
  -webkit-box-shadow:0 0 0 3px rgba(0,210,106,.12),inset 0 0 0 1000px #121820!important;
  outline:0!important;
}body.flowops-page-booking-create .flowops-create-panel-v3110 input::placeholder, body.flowops-page-booking-create .flowops-create-panel-v3110 textarea::placeholder{
  color:#737e8a!important;
  -webkit-text-fill-color:#737e8a!important;
  opacity:1!important;
}body.flowops-page-booking-create .flowops-create-panel-v3110 input:-webkit-autofill, body.flowops-page-booking-create .flowops-create-panel-v3110 input:-webkit-autofill:hover, body.flowops-page-booking-create .flowops-create-panel-v3110 input:-webkit-autofill:focus, body.flowops-page-booking-create .flowops-create-panel-v3110 textarea:-webkit-autofill, body.flowops-page-booking-create .flowops-create-panel-v3110 select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #10151b inset!important;
  box-shadow:0 0 0 1000px #10151b inset!important;
  -webkit-text-fill-color:#eef2f7!important;
  caret-color:#eef2f7!important;
}body.flowops-page-booking-create .flowops-create-panel-v3110 select option{
  background:#10151b!important;
  color:#eef2f7!important;
}body.flowops-page-booking-create .flowops-create-panel-v3110 input[type="date"], body.flowops-page-booking-create .flowops-create-panel-v3110 input[type="time"]{
  color-scheme:dark!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button:not(.is-active){
  color:#9aa4b0!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button:not(.is-active) span{
  background:#111720!important;
  border-color:#303946!important;
  color:#98a3af!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  body.flowops-page-booking-create .flowops-new-booking-console-v3110{
    padding:12px 14px calc(26px + env(safe-area-inset-bottom))!important;
  }
  body.flowops-page-booking-create .flowops-create-form-v3110,
  body.flowops-page-booking-create .flowops-create-surface-v3110,
  body.flowops-page-booking-create .flowops-create-panel-v3110{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button{
    height:auto!important;
    padding:10px 12px!important;
    justify-content:flex-start!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button strong{
    font-size:12px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-v3110{
    padding:16px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-head-v3110{
    gap:7px!important;
    margin-bottom:16px!important;
    padding-bottom:15px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-head-v3110 h2{
    font-size:18px!important;
    line-height:1.3!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-head-v3110 p{
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.flowops-page-booking-create .flowops-field label{
    margin-bottom:8px!important;
    font-size:11px!important;
  }
  body.flowops-page-booking-create .flowops-field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.flowops-page-booking-create .flowops-field select{
    min-height:48px!important;
    height:48px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  body.flowops-page-booking-create .flowops-field textarea{
    min-height:112px!important;
    padding:13px 14px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  body.flowops-page-booking-create .flowops-inline-help{
    margin-top:7px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  body.flowops-page-booking-create .flowops-create-inline-note-v3110{
    padding:14px!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110{
    margin-top:12px!important;
    padding:13px!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110 .flowops-btn{
    min-height:48px!important;
    font-size:14px!important;
  }
}
@media(max-width:390px){
  body.flowops-page-booking-create .flowops-new-booking-console-v3110{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button{
    padding:9px 8px!important;
    gap:7px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button strong{
    font-size:11px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-v3110{
    padding:14px!important;
  }
}

/* v33.1.6 — New Booking progress, mobile scroll and action-bar refinement */body.flowops-page-booking-create .flowops-create-form-v3110{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-active{
  background:#141b23!important;
  color:#f3f6f9!important;
  box-shadow:inset 0 0 0 1px #27313c!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-active:after{
  left:10px!important;
  right:10px!important;
  bottom:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:#00cf68!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-active span{
  border-color:#00cf68!important;
  background:#073c25!important;
  color:#58ef9f!important;
  box-shadow:none!important;
}body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-done:not(.is-active) span{
  border-color:#145f3d!important;
  background:#0b2a1d!important;
  color:#4be697!important;
}body.flowops-page-booking-create .flowops-create-surface-v3110{
  border-radius:12px!important;
}body.flowops-page-booking-create .flowops-create-panel-v3110{
  scroll-margin-top:96px!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid #222a34!important;
  border-radius:12px!important;
  background:#0d1218!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110>span{
  display:flex!important;
  align-items:center!important;
  min-height:40px!important;
  color:#7f8995!important;
  font-size:11px!important;
  font-weight:600!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110>span:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  margin-right:9px!important;
  border-radius:999px!important;
  background:#47515d!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}body.flowops-page-booking-create .flowops-create-actions-v3110 .flowops-btn{
  min-width:104px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 17px!important;
  border-radius:9px!important;
}

@media(max-width:700px){
  body.flowops-page-booking-create .flowops-new-booking-console-v3110{
    padding-top:12px!important;
  }
  body.flowops-page-booking-create .flowops-create-form-v3110{
    gap:10px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110{
    position:relative!important;
    top:auto!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    padding:5px!important;
    border-radius:11px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button{
    min-height:58px!important;
    padding:7px 3px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button+button:before{
    top:9px!important;
    bottom:9px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button span{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    border-radius:7px!important;
    font-size:9px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button strong{
    width:100%!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button.is-active:after{
    left:6px!important;
    right:6px!important;
  }
  body.flowops-page-booking-create .flowops-create-panel-v3110{
    scroll-margin-top:86px!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110{
    position:relative!important;
    bottom:auto!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
    box-shadow:none!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110>span{
    min-height:auto!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:10.5px!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110>div{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110>div .flowops-btn:only-child,
  body.flowops-page-booking-create .flowops-create-actions-v3110>div .flowops-btn[hidden]+.flowops-btn:last-child{
    grid-column:1/-1!important;
  }
  body.flowops-page-booking-create .flowops-create-actions-v3110 .flowops-btn{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:46px!important;
    justify-content:center!important;
  }
}
@media(max-width:390px){
  body.flowops-page-booking-create .flowops-create-steps-v3110 button{
    min-height:56px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  body.flowops-page-booking-create .flowops-create-steps-v3110 button strong{
    font-size:9px!important;
  }
}

/* v35.3.90: Calendar is a native Bookings workspace destination. */body.flowops-workspace-shell:not(.flowops-control-center-body) .flowops-sidebar .flowops-nav a[href*='/app/calendar/']{display:flex!important}