/* Respondo iOS Workspace — real dashboard and Try Bot.
   Visual-only skin over the existing forms, permissions, routes and interactions. */
#app .dashboard-simple-shell{
  --ws-bg:#f5f5f7;
  --ws-card:#fff;
  --ws-text:#1d1d1f;
  --ws-secondary:#6e6e73;
  --ws-blue:#0071e3;
  --ws-edge:rgba(29,29,31,.09);
  --ws-depth:0 10px 34px rgba(23,32,53,.038);
  background:var(--ws-bg)!important;color:var(--ws-text)!important;
  min-height:100vh!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif!important;
}
#app .dashboard-simple-shell *,
#app .dashboard-simple-shell *::before,
#app .dashboard-simple-shell *::after{box-sizing:border-box}
#app .dashboard-simple-shell .dashboard-simple-main{
  width:min(1250px,calc(100% - 44px))!important;max-width:none!important;
  margin:0 auto!important;padding:20px 0 100px!important;
  min-width:0!important;background:transparent!important;color:var(--ws-text)!important;
}
#app .dashboard-simple-shell :is(h1,h2,h3){
  color:#1d1d1f;letter-spacing:-.044em!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif!important;
}
#app .dashboard-simple-shell :is(p,li){overflow-wrap:break-word}
#app .dashboard-simple-shell .dashboard-topbar{
  background:rgba(255,255,255,.9)!important;color:#1d1d1f!important;
  border:1px solid rgba(0,0,0,.065)!important;
  border-radius:23px!important;box-shadow:0 9px 30px rgba(23,32,53,.045)!important;
  -webkit-backdrop-filter:blur(28px) saturate(160%)!important;
  backdrop-filter:blur(28px) saturate(160%)!important;
  padding:14px 18px!important;gap:12px!important;margin-bottom:17px!important;
}
#app .dashboard-simple-shell .dashboard-topbar .brand-word{
  color:#1d1d1f!important;-webkit-text-fill-color:#1d1d1f!important;
}
#app .dashboard-simple-shell .dashboard-topbar-brand{min-width:0!important;gap:13px!important}
#app .dashboard-simple-shell .dashboard-workspace small{
  font-size:10px!important;letter-spacing:.11em!important;color:var(--ws-secondary)!important;
}
#app .dashboard-simple-shell .dashboard-workspace b{
  font-size:14px!important;color:#1d1d1f!important;font-weight:690!important;
}
#app .dashboard-simple-shell .workspace-switcher{
  color:#1d1d1f!important;font-weight:650!important;
  background:#f7f7f9!important;border:1px solid var(--ws-edge)!important;
  border-radius:12px!important;min-height:39px!important;padding:8px 24px 8px 11px!important;
  max-width:100%!important;
}
#app .dashboard-simple-shell .dashboard-select-wrap select{
  background:#f4f4f6!important;border:1px solid var(--ws-edge)!important;
  border-radius:13px!important;color:#1d1d1f!important;
  min-height:44px!important;font-weight:620!important;
}
#app .dashboard-simple-shell .dashboard-section-picker>label{color:#777880!important}
#app .dashboard-simple-shell :is(.dashboard-settings-button,.workspace-add-button,.dashboard-logout){
  background:#f6f6f8!important;border:1px solid var(--ws-edge)!important;
  color:#242428!important;border-radius:12px!important;box-shadow:none!important;
  min-height:42px!important;
}
#app .dashboard-simple-shell :is(.dashboard-settings-button,.workspace-add-button,.dashboard-logout):hover{
  background:#ededf2!important;color:#1d1d1f!important;
}
#app .dashboard-simple-shell :is(.dashboard-settings-button,.workspace-add-button,.dashboard-logout):focus-visible{
  outline:3px solid rgba(0,113,227,.45)!important;outline-offset:3px!important;
}
/* A horizontal, touch-scrollable seven-workspace iOS segmented bar. */
#app .dashboard-simple-shell .ios-workspace-tabs{
  position:sticky;top:9px;z-index:60;
  display:flex!important;align-items:center;gap:7px!important;
  width:100%;max-width:100%;min-width:0;
  margin:0 0 23px!important;padding:8px!important;
  overflow-x:auto!important;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  border:1px solid var(--ws-edge)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 8px 24px rgba(23,32,53,.035)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%);
  backdrop-filter:blur(20px) saturate(165%);
}
#app .dashboard-simple-shell .ios-workspace-tabs::-webkit-scrollbar{display:none}
#app .dashboard-simple-shell .ios-workspace-tabs button{
  appearance:none;flex:0 0 auto!important;white-space:nowrap;
  border-radius:13px!important;border:1px solid transparent!important;
  background:transparent!important;color:#69696f!important;box-shadow:none!important;
  min-height:43px!important;padding:11px 17px!important;
  font:640 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  transition:background .18s ease,color .18s ease,transform .18s ease;
  cursor:pointer;
}
#app .dashboard-simple-shell .ios-workspace-tabs button:hover{
  background:#f3f3f6!important;color:#1d1d1f!important;
}
#app .dashboard-simple-shell .ios-workspace-tabs button.active,
#app .dashboard-simple-shell .ios-workspace-tabs button[aria-current="page"]{
  background:#1d1d1f!important;color:#fff!important;
  border-color:#1d1d1f!important;
}
#app .dashboard-simple-shell .ios-workspace-tabs button:focus-visible{
  outline:3px solid #399eff!important;outline-offset:2px!important;
}
/* Demo has a sticky topbar and its own integrated navigation: share the pills,
   but do not duplicate tabs or alter measured sticky-header dimensions. */
#app .dashboard-simple-shell .demo-sticky-topbar .demo-section-strip button{
  background:#f5f5f7!important;color:#505159!important;
  border:1px solid var(--ws-edge)!important;border-radius:99px!important;
  font-weight:620!important;box-shadow:none!important;
}
#app .dashboard-simple-shell .demo-sticky-topbar .demo-section-strip button.active{
  color:#fff!important;background:#1d1d1f!important;border-color:#1d1d1f!important;
}
#app .dashboard-simple-shell .dashboard-page-heading{
  margin:12px 2px 27px!important;
}
#app .dashboard-simple-shell .dashboard-page-heading small{
  display:block!important;color:#6e6e73!important;font-size:11px!important;
  font-weight:730!important;letter-spacing:.135em!important;
  text-transform:uppercase!important;margin-bottom:9px!important;
}
#app .dashboard-simple-shell .dashboard-page-heading h1{
  font-size:clamp(33px,4.5vw,54px)!important;line-height:1.09!important;
  font-weight:735!important;margin:0!important;max-width:780px;
  text-wrap:balance;
}
/* All seven workspaces share one restrained card grammar. */
#app .dashboard-simple-shell :is(
 .panel,.onboarding-card,.welcome-card,.stat,.truth-score-card,.action-center-card,
 .self-test-card,.integration-card,.workspace-manager-panel,.quote-engine-panel,
 .website-import-review-card,.account-overview-card,.settings-card,.referral-card,
 .support-agent-self-card,.support-agent-metrics>div
){
  color:var(--ws-text)!important;background:#fff!important;
  border:1px solid var(--ws-edge)!important;
  border-radius:24px!important;box-shadow:var(--ws-depth)!important;
  min-width:0;
}
#app .dashboard-simple-shell :is(.panel,.onboarding-card,.welcome-card){
  padding:clamp(20px,2.5vw,30px)!important;
}
#app .dashboard-simple-shell .stat{
  padding:clamp(17px,2.1vw,25px)!important;
}
#app .dashboard-simple-shell .stats{
  gap:12px!important;margin-top:8px!important;margin-bottom:20px!important;
}
#app .dashboard-simple-shell .stat small{
  color:var(--ws-secondary)!important;font-size:10px!important;
  font-weight:690!important;letter-spacing:.07em!important;
}
#app .dashboard-simple-shell .stat b{
  font-size:clamp(29px,3vw,40px)!important;
  font-weight:740!important;line-height:1.1!important;letter-spacing:-.055em!important;
  color:#1d1d1f!important;
}
#app .dashboard-simple-shell .stat span{color:var(--ws-secondary)!important}
#app .dashboard-simple-shell .panel-head{
  padding-bottom:17px!important;margin-bottom:20px!important;
  border-bottom:1px solid var(--ws-edge)!important;
  gap:12px!important;
}
#app .dashboard-simple-shell .panel-head small,
#app .dashboard-simple-shell .panel>small,
#app .dashboard-simple-shell .onboarding-card small{
  color:#7a7d87!important;font-size:10px!important;font-weight:750!important;
  letter-spacing:.105em!important;
}
#app .dashboard-simple-shell .panel-head :is(h1,h2){
  font-size:clamp(21px,2.25vw,29px)!important;line-height:1.23!important;
  letter-spacing:-.04em!important;font-weight:705!important;margin:5px 0!important;
}
#app .dashboard-simple-shell :is(.panel-head p,.panel>p,.dashboard-head p){
  color:var(--ws-secondary)!important;font-size:14px!important;line-height:1.7!important;
}
#app .dashboard-simple-shell .dashboard-head{
  margin:8px 0 20px!important;padding:5px 2px 0!important;
}
#app .dashboard-simple-shell .dashboard-head h1{
  font-size:clamp(30px,4vw,50px)!important;line-height:1.09!important;font-weight:735!important;
}
#app .dashboard-simple-shell .dashboard-head .section-kicker{
  color:#777880!important;letter-spacing:.11em!important;font-size:10px!important;
  border:0!important;background:transparent!important;padding:0!important;
}
#app .dashboard-simple-shell .onboarding-steps{gap:10px!important}
#app .dashboard-simple-shell .onboarding-step{
  background:#f7f7f9!important;border:1px solid var(--ws-edge)!important;
  border-radius:15px!important;min-height:53px!important;color:#2a2b31!important;
  box-shadow:none!important;
}
#app .dashboard-simple-shell .onboarding-step:hover{
  background:#f0f0f3!important;
}
#app .dashboard-simple-shell .onboarding-step.done{
  background:#edf8f3!important;border-color:rgba(45,150,105,.16)!important;
}
#app .dashboard-simple-shell .onboarding-progress{
  background:#ececf1!important;border-radius:99px!important;overflow:hidden!important;
}
#app .dashboard-simple-shell .onboarding-progress i{
  background:#0071e3!important;border-radius:99px!important;
}
#app .dashboard-simple-shell :is(.knowledge-item,.lead-item,.conversation-item,.unanswered-item,.action-request-item,.account-overview-list>div){
  border-bottom:1px solid var(--ws-edge)!important;
}
#app .dashboard-simple-shell :is(.knowledge-item,.lead-item,.conversation-item,.unanswered-item,.action-request-item):last-child{
  border-bottom:0!important;
}
#app .dashboard-simple-shell .knowledge-item{
  gap:12px!important;padding:16px 0!important;
}
#app .dashboard-simple-shell .knowledge-item b{font-size:13px!important;font-weight:655!important;line-height:1.35!important}
#app .dashboard-simple-shell .knowledge-item p{font-size:12px!important;line-height:1.65!important;color:#70737b!important}
#app .dashboard-simple-shell .knowledge-item small{font-size:10px!important;color:#8b8d95!important}
#app .dashboard-simple-shell :is(.dashboard-grid,.profile-live-grid,.actions2-layout){
  gap:17px!important;
}
#app .dashboard-simple-shell .profile-live-grid .panel{height:auto}
#app .dashboard-simple-shell .live-preview-panel{
  top:20px!important;
}
#app .dashboard-simple-shell :is(.business-profile-panel,.install-panel,.knowledge-panel,.quote-engine-panel,.billing-panel){
  overflow-wrap:anywhere!important;
}
#app .dashboard-simple-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select){
  color:#1d1d1f!important;font-family:inherit!important;
  max-width:100%;min-width:0;
}
#app .dashboard-simple-shell :is(.panel,.workspace-modal-card) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,select
){
  background:#f7f7f9!important;border:1px solid rgba(29,29,31,.11)!important;
  border-radius:14px!important;box-shadow:none!important;
}
#app .dashboard-simple-shell :is(input,textarea)::placeholder{color:#94959d!important}
#app .dashboard-simple-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select):focus{
  border-color:var(--ws-blue)!important;
  outline:0!important;box-shadow:0 0 0 4px rgba(0,113,227,.105)!important;
}
#app .dashboard-simple-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select):focus-visible{
  outline:2px solid rgba(0,113,227,.5)!important;outline-offset:2px!important;
}
#app .dashboard-simple-shell :is(.profile-grid,.business-profile-form,.workspace-add-form) label{
  color:#575961!important;font-weight:590!important;
}
#app .dashboard-simple-shell :is(button,.btn,[role="button"]){
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
#app .dashboard-simple-shell :is(.btn.ink,.dashboard-action.primary,.welcome-start,.workspace-checkout-button){
  color:#fff!important;background:var(--ws-blue)!important;
  border:1px solid var(--ws-blue)!important;
  box-shadow:none!important;border-radius:999px!important;
  font-weight:650!important;
}
#app .dashboard-simple-shell :is(.btn.ghost,.dashboard-action:not(.primary)){
  color:#3d424e!important;background:#f7f7f9!important;
  border:1px solid var(--ws-edge)!important;
  border-radius:999px!important;box-shadow:none!important;
}
#app .dashboard-simple-shell :is(.btn,.dashboard-action,.workspace-checkout-button):not(:disabled):hover{
  filter:brightness(.98);transform:translateY(-1px);
}
#app .dashboard-simple-shell :is(.btn,.dashboard-action,.workspace-checkout-button):focus-visible{
  outline:3px solid rgba(0,113,227,.45)!important;outline-offset:3px!important;
}
#app .dashboard-simple-shell :is(.btn,.dashboard-action,button,input,textarea,select):disabled{
  cursor:not-allowed!important;
}
#app .dashboard-simple-shell .workspace-modal[hidden]{
  display:none!important;
}
#app .dashboard-simple-shell .workspace-modal-card{
  background:#fff!important;border:1px solid var(--ws-edge)!important;
  border-radius:28px!important;box-shadow:0 28px 90px rgba(0,0,0,.2)!important;
}
#app .dashboard-simple-shell .workspace-modal-backdrop{
  background:rgba(19,23,33,.42)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
#app .dashboard-simple-shell .workspace-plan-option{
  background:#fff!important;border-radius:16px!important;
  border:1px solid var(--ws-edge)!important;
}
#app .dashboard-simple-shell .workspace-plan-option:has(input:checked){
  border-color:var(--ws-blue)!important;background:#f0f7ff!important;
}
#app .dashboard-simple-shell .dashboard-view-section.dashboard-view-hidden{
  display:none!important;
}
/* Mobile Try Bot must retain the existing sticky controls and both CTAs. */
@media(min-width:1025px){
  #app .dashboard-simple-shell:not(.demo-dashboard-shell) .dashboard-section-picker{
    display:none!important;
  }
}
@media(max-width:1024px){
  #app .dashboard-simple-shell .dashboard-simple-main{
    width:calc(100% - 28px)!important;padding:12px 0 80px!important;
  }
  #app .dashboard-simple-shell .ios-workspace-tabs{
    top:7px;margin-bottom:20px!important;
  }
  #app .dashboard-simple-shell .dashboard-topbar{
    border-radius:19px!important;
  }
}
@media(max-width:760px){
  #app .dashboard-simple-shell .dashboard-simple-main{
    width:100%!important;padding:10px 14px 90px!important;overflow:visible!important;
  }
  #app .dashboard-simple-shell .dashboard-topbar{
    border-radius:18px!important;margin-bottom:15px!important;
    padding:12px!important;
  }
  #app .dashboard-simple-shell:not(.demo-dashboard-shell) .dashboard-topbar{
    position:relative!important;top:auto!important;
  }
  #app .dashboard-simple-shell .ios-workspace-tabs{
    position:sticky!important;top:env(safe-area-inset-top,0px);
    margin:0 0 20px!important;padding:6px!important;
    border-radius:17px!important;gap:3px!important;
    max-width:100%;scroll-padding-inline:8px;
  }
  #app .dashboard-simple-shell .ios-workspace-tabs button{
    min-height:40px!important;padding:11px 13px!important;font-size:12px!important;
  }
  #app .dashboard-simple-shell .dashboard-head h1{
    font-size:clamp(29px,8.5vw,38px)!important;
  }
  #app .dashboard-simple-shell :is(.panel,.onboarding-card,.welcome-card){
    border-radius:21px!important;padding:20px!important;
  }
  #app .dashboard-simple-shell :is(.dashboard-grid,.profile-live-grid,.actions2-layout){
    grid-template-columns:minmax(0,1fr)!important;gap:13px!important;
  }
  #app .dashboard-simple-shell .live-preview-panel{position:relative!important;top:auto!important}
  #app .dashboard-simple-shell .stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  }
  #app .dashboard-simple-shell .stat{padding:17px!important;border-radius:18px!important}
  #app .dashboard-simple-shell .stat b{font-size:30px!important}
  #app .dashboard-simple-shell .panel-head{align-items:flex-start!important}
  #app .dashboard-simple-shell :is(.panel-head h2,.panel-head h1){font-size:22px!important}
  #app .dashboard-simple-shell .dashboard-page-heading h1{font-size:clamp(30px,9vw,43px)!important}
  #app .dashboard-simple-shell .workspace-modal-card{
    border-radius:22px!important;
  }
}
@media(max-width:420px){
  #app .dashboard-simple-shell .dashboard-simple-main{padding-left:11px!important;padding-right:11px!important}
  #app .dashboard-simple-shell .dashboard-topbar{padding:9px!important}
  #app .dashboard-simple-shell .stats{gap:8px!important}
  #app .dashboard-simple-shell .stat{padding:13px!important}
  #app .dashboard-simple-shell .stat b{font-size:27px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .dashboard-simple-shell *,
  #app .dashboard-simple-shell *::before{
    animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}