/* October 2 scope: shared chrome, project hub, persona simulation, survey sample. */
.ui-sprite {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden
}
.ui-icon {
  width:20px;
  height:20px;
  flex:0 0 auto;
  vertical-align:middle;
  transition:transform .22s ease
}
[hidden] {
  display:none!important
}
.has-app-chrome {
  --app-header-h:76px;
  --app-footer-h:72px
}
.app-header {
  position:relative;
  z-index:100;
  padding:14px clamp(16px,3vw,44px);
  border-bottom:1px solid #e3e6f2;
  background:rgba(255,255,255,.96);
  box-shadow:0 3px 24px #27335a07
}
.app-header__mark {
  background:linear-gradient(145deg,#4032d7,#7262e8);
  box-shadow:0 6px 18px #493bdd22;
  border-radius:13px
}
.app-header__brand {
  letter-spacing:-.4px
}
.app-header__brand small {
  letter-spacing:.2px;
  font-size:10px;
  color:#79849e
}
.ui-account {
  position:relative
}
.ui-account summary {
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  list-style:none;
  border:1px solid #e4e6f2;
  border-radius:14px;
  padding:9px 12px;
  font-size:13px;
  font-weight:600;
  color:#303a56;
  background:#f8f9fd
}
.ui-account summary::-webkit-details-marker {
  display:none
}
.ui-account__avatar {
  display:grid;
  place-items:center;
  background:#ebe9ff;
  color:#5142d6;
  width:30px;
  height:30px;
  border-radius:10px
}
.ui-account[open] summary>.ui-chevron {
  transform:rotate(90deg)
}
.ui-account__dropdown {
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  width:230px;
  padding:16px;
  display:grid;
  gap:8px;
  background:#fff;
  border:1px solid #e4e7f1;
  border-radius:18px;
  box-shadow:0 20px 60px #27335a26;
  animation:ui-rise .2s ease
}
.ui-account__dropdown small {
  font-size:10px;
  letter-spacing:1.4px;
  color:#7c87a0
}
.ui-account__dropdown strong {
  font-size:16px
}
.ui-account__dropdown a {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  border-top:1px solid #edf0f7;
  padding:12px 4px!important;
  color:#5b4bdc!important
}
.app-footer {
  min-height:72px;
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:14px clamp(16px,3vw,44px);
  background:#fff;
  border-top:1px solid #e3e6f2
}
.app-footer__identity {
  display:flex;
  flex-direction:column;
  gap:4px
}
.app-footer__identity strong {
  font-size:12px;
  color:#47526e
}
.app-footer__identity span {
  font-size:10px;
  color:#7d879b
}
.app-footer__partners {
  display:flex;
  align-items:center;
  gap:20px
}
.app-footer__partners img {
  object-fit:contain;
  max-width:140px;
  height:34px;
  width:auto
}
.app-footer__partners img:last-child {
  height:42px
}
.app-footer__divider {
  display:block!important;
  width:1px;
  height:28px;
  background:#e3e6f2
}
.phase-oct2 :is(button,a):focus-visible,.ui-account summary:focus-visible {
  outline:3px solid #a89afa;
  outline-offset:3px
}
.phase-oct2 button:not(:disabled):hover .ui-icon,.phase-oct2 a:hover .ui-icon,.ui-confirm button:hover .ui-icon {
  transform:translateY(-2px)
}
.phase-oct2 :is(.projects-row-delete,.history-delete):hover .ui-icon {
  transform:rotate(-12deg)
}
.phase-oct2 :is(.projects-create-toggle,.projects-submit,#startSimulationBtn,#sendBtn,.projects-delete-btn-cancel,.projects-delete-btn-confirm,.survey-wizard-nav) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:12px;
  min-height:44px;
  font-weight:600;
  transition:background .2s,box-shadow .2s,transform .2s
}
.phase-oct2 :is(.projects-create-toggle,.projects-submit,#startSimulationBtn) {
  background:linear-gradient(135deg,#5142d6,#6859e3);
  box-shadow:0 6px 18px #5142d622;
  border:1px solid #594bd4;
  color:#fff
}
.phase-oct2 :is(.projects-create-toggle,.projects-submit,#startSimulationBtn):hover:not(:disabled) {
  box-shadow:0 8px 24px #5142d638;
  transform:translateY(-1px)
}
.phase-oct2 .projects-page-layout {
  align-items:start
}
.phase-oct2 .projects-account-rail {
  align-self:start;
  min-height:0;
  height:auto
}
.phase-oct2 .projects-account-menu {
  height:auto;
  min-height:0;
  padding:0;
  border:1px solid #e3e6f2;
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 10px 30px #25314b0a
}
.phase-oct2 .projects-account-trigger {
  border:0;
  background:transparent;
  box-shadow:none;
  padding:18px;
  min-height:84px;
  border-radius:0
}
.phase-oct2 .projects-account-menu:not([open]) {
  border-radius:22px
}
.phase-oct2 .projects-account-dropdown {
  border:0;
  border-top:1px solid #edf0f7;
  margin:0;
  padding:20px 18px;
  background:linear-gradient(180deg,#fff,#fafaff)
}
.phase-oct2 .projects-account-dropdown__title,.phase-oct2 .projects-account-dropdown__user {
  display:none
}
.phase-oct2 .projects-account-info {
  gap:20px;
  margin:0
}
.phase-oct2 .projects-account-info__label,.phase-oct2 .projects-account-info__value {
  display:block;
  line-height:1.6
}
.phase-oct2 .projects-account-info__label {
  font-size:12px
}
.phase-oct2 .projects-account-info__value {
  font-size:12px;
  color:#77829a
}
.phase-oct2 details[open] .projects-account-info__value {
  animation:ui-reveal .8s both
}
.phase-oct2 .projects-account-info__item:nth-child(2) .projects-account-info__value {
  animation-delay:.12s
}
.phase-oct2 .projects-account-info__item:nth-child(3) .projects-account-info__value {
  animation-delay:.24s
}
.phase-oct2 .projects-account-info__item:nth-child(4) .projects-account-info__value {
  animation-delay:.36s
}
.projects-title-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%
}
.projects-title-row h1 {
  margin:0!important;
  white-space:nowrap
}
.phase-oct2 .projects-panel-head__text {
  width:100%;
  min-width:0
}
.phase-oct2 .projects-create-toggle {
  margin:0!important;
  padding:12px 16px;
  flex:0 1 auto
}
.projects-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:26px 0 10px
}
.ui-search {
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  min-width:180px;
  background:#f7f8fd;
  border:1px solid #e0e4f0;
  border-radius:13px;
  padding:0 14px;
  color:#8a94aa
}
.ui-search:focus-within {
  border-color:#8c7ee8;
  box-shadow:0 0 0 3px #7361e512
}
.ui-search input {
  width:100%;
  min-width:0;
  border:0;
  background:transparent;
  outline:none;
  padding:14px 0;
  color:#343f5d;
  font:inherit;
  font-size:13px
}
.ui-segment {
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px;
  background:#f3f4fa;
  border:1px solid #e4e7f1;
  border-radius:13px
}
.ui-segment button {
  display:flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:8px 10px;
  border:0;
  background:transparent;
  color:#7a849a;
  border-radius:9px;
  font-size:12px;
  font-weight:500;
  white-space:nowrap
}
.ui-segment button[aria-pressed=true] {
  background:#fff;
  color:#5142d6;
  box-shadow:0 2px 7px #27335a13
}
.ui-segment .ui-icon {
  width:17px;
  height:17px
}
.ui-sort-direction {
  width:9px
}
#projectResultCount {
  font-size:11px;
  color:#8791a8;
  margin:8px 0 20px
}
.ui-search-empty {
  text-align:center;
  padding:32px;
  color:#77829a
}
.phase-oct2 .projects-row__toolbar {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap
}
.phase-oct2 .projects-hub-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 15px;
  min-height:44px;
  min-width:0;
  border-radius:11px
}
.projects-hub-btn__icon {
  transition:transform .22s
}
.projects-hub-btn:hover .projects-hub-btn__icon {
  transform:translateY(-2px)
}
.phase-oct2 .projects-row-delete {
  display:grid;
  place-items:center;
  width:36px;
  height:40px;
  border:0;
  background:transparent;
  color:#9aa3b8;
  padding:6px;
  flex-shrink:0
}
.phase-oct2 .projects-row-delete:hover {
  background:#fff3f4;
  color:#ba4a60
}
.project-wave {
  display:none
}
.phase-oct2 .projects-list[data-view=cards] {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:20px
}
.phase-oct2 .projects-list[data-view=cards] .projects-row {
  position:relative;
  isolation:isolate;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:24px;
  padding:28px 22px;
  overflow:hidden;
  background:linear-gradient(145deg,#fff,#f4f2ff);
  border:1px solid #e1def4;
  border-radius:24px;
  box-shadow:0 8px 28px #34356608
}
.phase-oct2 .projects-list[data-view=cards] .projects-row__info {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:4px
}
.phase-oct2 .projects-list[data-view=cards] .projects-row__name {
  font-size:19px;
  line-height:1.4;
  padding-right:16px;
  white-space:normal;
  overflow-wrap:anywhere
}
.phase-oct2 .projects-list[data-view=cards] .projects-row__date {
  font-size:11px
}
.phase-oct2 .projects-list[data-view=cards] .projects-row__toolbar {
  position:relative;
  z-index:1;
  gap:8px
}
.phase-oct2 .projects-list[data-view=cards] .projects-hub-btn {
  flex:1;
  padding:10px 6px;
  font-size:11px;
  background:#ffffffc9;
  backdrop-filter:blur(6px)
}
.phase-oct2 .projects-list[data-view=cards] .projects-row-delete {
  position:absolute;
  right:-10px;
  top:-120px
}
.phase-oct2 .projects-list[data-view=cards] .projects-row__hints {
  position:relative;
  z-index:1;
  font-size:10px
}
.projects-list[data-view=cards] .project-wave {
  display:block;
  position:absolute;
  inset:45% -50% -5%;
  z-index:0;
  pointer-events:none;
  opacity:.5
}
.project-wave i {
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='160' viewBox='0 0 600 160'%3E%3Cpath fill='%23d6d0fa' d='M0 40 Q75 0 150 40 T300 40 T450 40 T600 40 V160 H0Z'/%3E%3C/svg%3E") repeat-x;
  background-size:600px 100%;
  animation:ui-wave 10s linear infinite;
  animation-play-state:paused
}
.project-wave i:nth-child(2) {
  top:25px;
  opacity:.6;
  animation-duration:14s;
  animation-direction:reverse
}
.projects-row:hover .project-wave i,.projects-row:focus-within .project-wave i {
  animation-play-state:running
}
.phase-oct2 #createProjectModal .ui-scroll-modal {
  display:flex;
  flex-direction:column;
  max-height:88dvh;
  padding:0;
  overflow:hidden
}
.phase-oct2 #createProjectModal .projects-modal__header {
  flex:0 0 auto;
  padding:22px 24px;
  margin:0;
  border-bottom:1px solid #eceef6
}
.phase-oct2 #createProjectModal .projects-form {
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:0;
  margin:0;
  overflow:hidden
}
.ui-modal-scroll {
  overflow-y:auto;
  min-height:0;
  padding:24px;
  overscroll-behavior:contain
}
.ui-modal-footer {
  flex:0 0 auto;
  padding:18px 24px;
  background:#fafaff;
  border-top:1px solid #e8eaf3
}
.phase-oct2 .ui-modal-footer .projects-submit {
  margin:0;
  width:100%
}
.phase-oct2 #createProjectModal .projects-field {
  position:relative;
  display:block;
  margin:0
}
.phase-oct2 #createProjectModal .projects-field :is(input,textarea) {
  box-sizing:border-box;
  width:100%;
  padding:24px 14px 10px;
  min-height:62px;
  background:#fafbfe;
  border:1px solid #dfe3ee;
  border-radius:13px;
  font-size:14px;
  line-height:1.5;
  transition:border-color .2s,box-shadow .2s
}
.phase-oct2 #createProjectModal .projects-field textarea {
  min-height:102px;
  resize:vertical
}
.phase-oct2 #createProjectModal .projects-field label {
  position:absolute;
  top:19px;
  left:14px;
  right:10px;
  pointer-events:none;
  color:#7a849b;
  font-size:14px;
  transition:top .18s,font-size .18s,color .18s;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.phase-oct2 #createProjectModal .projects-field :is(input,textarea):focus~label,.phase-oct2 #createProjectModal .projects-field :is(input,textarea):not(:placeholder-shown)~label {
  top:8px;
  font-size:10px;
  color:#6555cb
}
.phase-oct2 #createProjectModal .projects-field :is(input,textarea):focus {
  outline:none;
  border-color:#8b7be4;
  box-shadow:0 0 0 3px #7763dd12
}
.phase-oct2 #createProjectModal .projects-form-grid {
  gap:20px
}
.phase-oct2 .projects-hub-modal__panel {
  width:min(940px,94vw);
  max-height:88dvh;
  overflow-y:auto;
  padding:24px
}
.phase-oct2 .projects-hub-modal__actions:not([hidden]) {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.phase-oct2 #projectHubModalSurvey:not([hidden]) {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.phase-oct2 .projects-hub-action-block {
  display:flex;
  flex-direction:column;
  min-width:0
}
.phase-oct2 .projects-hub-action {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:20px;
  min-height:225px;
  height:100%;
  padding:28px 18px;
  background:linear-gradient(155deg,#fff,#f6f5fe);
  border:1px solid #e2def5;
  border-radius:22px;
  box-shadow:0 6px 20px #33325006;
  transition:transform .2s,box-shadow .2s,border-color .2s
}
.phase-oct2 .projects-hub-action:hover:not(:disabled) {
  transform:translateY(-4px);
  border-color:#aa9ee9;
  box-shadow:0 14px 28px #5142d616
}
.phase-oct2 .projects-hub-action__icon {
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  background:#eeebfd;
  color:#6150d5;
  border-radius:23px
}
.phase-oct2 .projects-hub-action__icon svg {
  width:34px;
  height:34px;
  transition:transform .2s
}
.phase-oct2 .projects-hub-action:hover .projects-hub-action__icon svg {
  transform:scale(1.08)
}
.phase-oct2 .projects-hub-action__copy {
  display:flex;
  flex-direction:column;
  gap:9px
}
.phase-oct2 .projects-hub-action__label {
  font-size:15px
}
.phase-oct2 .projects-hub-action__meta {
  font-size:12px;
  line-height:1.6;
  color:#7b849b
}
.phase-oct2 .projects-hub-action__chevron {
  display:none
}
.phase-oct2 .projects-hub-inline-hint {
  font-size:11px;
  padding:8px;
  text-align:center
}
.phase-oct2 #deleteProjectModal .projects-modal__panel {
  background:#fff;
  border:1px solid #e6e8f2;
  box-shadow:0 24px 80px #27335a24
}
.phase-oct2 #deleteProjectModal .projects-modal__header,.phase-oct2 #deleteProjectModal .projects-modal__body {
  background:transparent;
  color:#35415e
}
.ui-danger-hint {
  display:block;
  font-size:11px;
  line-height:1.6;
  color:#8991a4;
  margin-top:12px
}
.phase-oct2 .projects-delete-btn-confirm,.ui-delete {
  background:#b44460!important;
  color:white!important;
  border:1px solid #b44460!important
}
.phase-oct2 .projects-delete-btn-cancel {
  background:#f3f4f9!important;
  color:#5e6982!important;
  border:1px solid #e3e6f0!important
}
body.persona-view {
  display:flex;
  flex-direction:column;
  height:100dvh;
  overflow:hidden
}
.persona-view>.app-header,.persona-view>.app-footer,.ui-page-back {
  flex:0 0 auto
}
.ui-page-back {
  padding:8px 26px;
  background:#f5f6fb;
  min-height:40px;
  box-sizing:border-box
}
.ui-page-back a {
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  color:#7464ce;
  text-decoration:none
}
.phase-oct2.persona-view .app-shell {
  flex:1;
  min-height:0;
  height:auto;
  max-height:none
}
.phase-oct2 .persona-setup-panel {
  --persona-panel-max-h:60vh;
  --persona-form-max-h:50vh;
  --persona-btn-row-h:62px;
  max-height:60vh
}
.phase-oct2 .persona-setup-form {
  padding:18px 0 0!important;
  margin-top:12px!important;
  max-height:50vh;
  display:flex;
  flex-direction:column
}
.phase-oct2 .persona-setup-scroll {
  padding:0 4px 16px;
  max-height:calc(50vh - 78px)
}
.phase-oct2 .feature-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.phase-oct2 .feature-control {
  position:relative;
  background:transparent;
  border:0;
  padding:0;
  gap:10px
}
.phase-oct2 .feature-control select {
  min-height:68px;
  box-sizing:border-box;
  padding:26px 34px 10px 14px;
  background:#fafbfe;
  border:1px solid #dfe3ee;
  border-radius:13px;
  font-size:13px
}
.phase-oct2 .feature-control>.ui-floating-label {
  position:absolute;
  top:10px;
  left:14px;
  right:30px;
  font-size:11px;
  font-weight:500;
  color:#7c849e;
  pointer-events:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.phase-oct2 .feature-control>.ui-range-label {
  font-size:12px;
  padding:7px 0;
  color:#7c849e
}
.phase-oct2 .feature-control select:focus {
  outline:none;
  border-color:#9a8ce5;
  box-shadow:0 0 0 3px #7867e512
}
.phase-oct2 .persona-setup-actions {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding-top:14px;
  min-height:62px
}
.phase-oct2 #startSimulationBtn {
  width:auto;
  min-width:170px;
  padding:12px 18px;
  font-size:13px
}
.phase-oct2 .app-shell[data-selected-persona]:not([data-selected-persona=""]) .persona-setup-panel {
  max-height:32vh
}
.phase-oct2 .app-shell[data-selected-persona]:not([data-selected-persona=""]) .persona-setup-scroll {
  max-height:18vh
}
.ui-spinner {
  display:inline-block;
  width:16px;
  height:16px;
  border:2px solid #ffffff66;
  border-top-color:currentColor;
  border-radius:50%;
  animation:ui-spin .75s linear infinite
}
.phase-oct2 .history-sidebar .sidebar-panel__body {
  padding:12px 0 18px
}
.phase-oct2 #historyPanelToggle {
  display:flex;
  align-items:center;
  gap:9px;
  padding-top:18px;
  padding-bottom:18px
}
.phase-oct2 .history-item {
  padding-top:13px;
  padding-bottom:13px
}
.phase-oct2 .history-delete {
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:#a0a7bb;
  width:30px;
  height:36px
}
.phase-oct2 .history-delete:hover {
  color:#b44460
}
.phase-oct2 .sidebar-new-persona-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px
}
#uiToastHost {
  position:fixed;
  top:calc(var(--app-header-h,76px) + 14px);
  left:50%;
  transform:translateX(-50%);
  width:min(560px,calc(100% - 28px));
  z-index:12000;
  display:grid;
  gap:10px;
  pointer-events:none
}
.ui-toast {
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border:1px solid #e2e5f2;
  border-left:4px solid #7563dd;
  border-radius:16px;
  background:#fff;
  color:#45516e;
  box-shadow:0 14px 48px #26325424;
  font:13px/1.6 Outfit,sans-serif;
  animation:ui-rise .25s ease
}
.ui-toast>span:nth-child(2) {
  flex:1
}
.ui-toast>span:first-child {
  color:#7563dd
}
.ui-toast button {
  display:grid;
  place-items:center;
  flex:none;
  border:0;
  background:transparent;
  color:#8992a7;
  padding:5px
}
.ui-toast--success {
  border-left-color:#5b9b83
}
.ui-toast--error {
  border-left-color:#c25f76
}
.ui-toast--warning {
  border-left-color:#c39a59
}
.ui-confirm {
  width:min(430px,calc(100% - 32px));
  box-sizing:border-box;
  border:1px solid #e3e6f2;
  border-radius:24px;
  padding:0;
  color:#35415e;
  background:#fff;
  box-shadow:0 26px 90px #26325430;
  font-family:Outfit,sans-serif
}
.ui-confirm::backdrop {
  background:#202b4f60;
  backdrop-filter:blur(5px)
}
.ui-confirm__body {
  padding:28px
}
.ui-confirm__mark {
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  background:#fbf0f3;
  color:#b44460;
  border-radius:16px;
  margin-bottom:20px
}
.ui-confirm h2 {
  font-size:22px;
  margin:0 0 12px
}
.ui-confirm p {
  font-size:14px;
  color:#77819a;
  line-height:1.7;
  margin:0
}
.ui-confirm__footer {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:18px 24px;
  background:#f9faff;
  border-top:1px solid #e9ebf3
}
.ui-confirm button {
  display:flex;
  align-items:center;
  gap:8px;
  font:500 13px Outfit,sans-serif;
  min-height:44px;
  padding:10px 16px;
  border:1px solid #e3e6f0;
  border-radius:12px;
  background:#fff;
  color:#67718a
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-steps {
  background:#f8f9fd;
  border-bottom:1px solid #e7e9f3;
  padding:22px
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-step__btn {
  border:0;
  background:transparent;
  gap:10px
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-step__bubble {
  position:relative;
  width:34px;
  height:34px;
  border:1px solid #e0e3ed;
  background:#fff;
  color:#8b94a9;
  border-radius:12px
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .is-active .survey-wizard-step__bubble {
  background:#5c4bd6;
  color:white;
  border-color:#5c4bd6;
  box-shadow:0 5px 16px #5c4bd62a
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .is-active .survey-wizard-step__bubble::after {
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid #9686e9;
  border-radius:16px;
  animation:ui-halo 2.4s ease-in-out infinite
}
.phase-oct2 [data-survey-panel="1"] .survey-demo-dim__title {
  display:flex;
  align-items:center;
  gap:9px
}
.phase-oct2 [data-survey-panel="1"] .survey-demo-dim.is-valid {
  border-color:#b7dcca;
  background:#fbfdfc
}
.phase-oct2 [data-survey-panel="1"] .survey-demo-dim.is-valid .survey-demo-option__input {
  border-color:#b7dcca;
  background:#fff
}
.phase-oct2 [data-survey-panel="1"] .survey-demo-dim.is-invalid .survey-demo-option__input {
  border-color:#dba1ac
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) #surveyWizardNextBtn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:12px
}
@keyframes ui-spin {
  to {
    transform:rotate(360deg)
  }
}
@keyframes ui-rise {
  from {
    opacity:0;
    translate:0 -7px
  }
  to {
    opacity:1;
    translate:0 0
  }
}
@keyframes ui-reveal {
  from {
    clip-path:inset(0 100% 0 0)
  }
  to {
    clip-path:inset(0 0 0 0)
  }
}
@keyframes ui-wave {
  to {
    background-position-x:600px
  }
}
@keyframes ui-halo {
  50% {
    opacity:.35;
    transform:scale(1.12)
  }
}
@media(max-width:1100px) {
  .phase-oct2 .feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .phase-oct2 .projects-row {
    grid-template-columns:minmax(0,1fr)
  }
  .phase-oct2 .projects-row__toolbar {
    justify-content:flex-start
  }
}
@media(max-width:900px) {
  .phase-oct2 .projects-account-rail {
    display:block
  }
  .phase-oct2 .projects-account-info {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .phase-oct2 .projects-account-dropdown {
    padding:16px
  }
  .phase-oct2 .projects-account-trigger {
    min-height:72px
  }
}
@media(max-width:640px) {
  .has-app-chrome {
    --app-header-h:72px;
    --app-footer-h:68px
  }
  .app-header {
    padding:10px 12px
  }
  .ui-account summary {
    padding:6px;
    gap:5px;
    font-size:11px
  }
  .ui-account__avatar {
    width:26px;
    height:26px
  }
  .app-header__brand {
    font-size:12px
  }
  .app-footer {
    min-height:68px;
    padding:12px;
    gap:12px
  }
  .app-footer__identity strong {
    font-size:10px
  }
  .app-footer__identity span {
    display:none
  }
  .app-footer__partners {
    gap:12px
  }
  .app-footer__partners img {
    max-width:94px;
    height:26px
  }
  .app-footer__partners img:last-child {
    height:34px
  }
  .projects-title-row {
    gap:10px
  }
  .projects-title-row h1 {
    font-size:24px!important
  }
  .phase-oct2 .projects-create-toggle {
    padding:10px;
    font-size:11px;
    gap:6px;
    max-width:62%
  }
  .phase-oct2 .projects-create-toggle .ui-icon {
    width:16px;
    height:16px
  }
  .projects-controls {
    gap:8px
  }
  .ui-search {
    flex-basis:100%
  }
  .ui-segment button {
    font-size:11px;
    padding:8px
  }
  .phase-oct2 .projects-main-panel {
    padding:18px 14px
  }
  .phase-oct2 .projects-row__toolbar {
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:10px
  }
  .phase-oct2 .projects-hub-btn {
    padding:10px 8px;
    font-size:12px
  }
  .phase-oct2 .projects-list[data-view=cards] {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-row {
    padding:22px 12px;
    gap:14px;
    min-height:210px;
    aspect-ratio:auto
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-row__name {
    font-size:15px
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-row__toolbar {
    display:flex;
    flex-wrap:wrap;
    gap:6px
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-hub-btn {
    font-size:10px;
    padding:8px 6px;
    min-height:35px;
    flex-basis:100%
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-row-delete {
    top:-115px;
    right:-8px
  }
  .phase-oct2 .projects-hub-modal__actions:not([hidden]) {
    grid-template-columns:1fr
  }
  .phase-oct2 #projectHubModalSurvey:not([hidden]) {
    grid-template-columns:1fr
  }
  .phase-oct2 .projects-hub-action {
    min-height:170px;
    padding:20px
  }
  .phase-oct2 .projects-hub-action__icon {
    width:60px;
    height:60px
  }
  .phase-oct2 .projects-hub-modal__panel {
    padding:18px
  }
  .ui-modal-scroll {
    padding:18px
  }
  .phase-oct2 #createProjectModal .projects-modal__header {
    padding:18px
  }
  .ui-modal-footer {
    padding:14px 18px
  }
  .phase-oct2.persona-view .app-shell {
    overflow:auto;
    grid-template-rows:auto minmax(400px,1fr)
  }
  .phase-oct2 .feature-grid {
    gap:12px
  }
  .phase-oct2 .feature-control select {
    min-height:62px;
    font-size:12px
  }
  .phase-oct2 .persona-setup-panel {
    max-height:64vh
  }
  .phase-oct2 .persona-setup-scroll {
    max-height:38vh
  }
  .ui-page-back {
    padding-left:14px
  }
  .phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-steps {
    padding:18px 10px
  }
  .phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-step__label {
    font-size:10px
  }
  .phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-step__btn {
    gap:8px
  }
}
@media(prefers-reduced-motion:reduce) {
  .ui-icon,.projects-hub-btn__icon {
    transition:none
  }
  .project-wave i,.ui-spinner,.ui-toast,.ui-confirm,.phase-oct2 details[open] .projects-account-info__value,.phase-oct2 .survey-wizard-step__bubble::after {
    animation:none!important
  }
}
.phase-oct2 .projects-list[data-view=cards] .projects-row__toolbar {
  position:static
}
.phase-oct2 .projects-list[data-view=cards] .projects-row-delete {
  top:12px;
  right:12px;
  z-index:2
}
.phase-oct2 .projects-list[data-view=cards] .projects-hub-btn {
  position:relative;
  z-index:1
}
@media(max-width:640px) {
  .phase-oct2 .projects-list[data-view=cards] {
    grid-template-columns:1fr
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-row {
    aspect-ratio:1;
    min-height:0;
    padding:28px;
    gap:24px
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-row__name {
    font-size:21px
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-hub-btn {
    flex-basis:auto;
    font-size:12px;
    padding:12px
  }
  .phase-oct2 .projects-list[data-view=cards] .projects-row__toolbar {
    flex-wrap:nowrap
  }
}
.phase-oct2 .projects-title-row {
  flex-wrap:nowrap
}
.phase-oct2 .projects-row-delete {
  box-shadow:none;
  border-radius:8px
}
.phase-oct2 .projects-account-trigger:hover {
  box-shadow:none
}
.phase-oct2 .projects-hub-action:focus-visible {
  background:linear-gradient(155deg,#fff,#f6f5fe);
  box-shadow:0 0 0 3px #9d8fea26
}
.phase-oct2 .projects-hub-action__icon {
  box-shadow:none
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) #surveyDemoBalanceResetBtn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #dedaf4;
  border-radius:12px;
  color:#6150d5;
  background:#fff;
  box-shadow:none
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) #surveyDemoBalanceResetBtn .ui-icon {
  width:16px;
  height:16px
}
.phase-oct2 #deleteProjectModal .projects-delete-lead,.phase-oct2 #deleteProjectModal .projects-delete-desc {
  color:#65708a
}
.phase-oct2 #deleteProjectModal .projects-modal__header h2 {
  color:#35415e
}
.phase-oct2 .history-delete {
  box-shadow:none!important;
  transform:none
}
.phase-oct2 #chatForm button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  min-height:44px
}
.phase-oct2 .projects-hub-modal__header {
  position:sticky;
  top:-24px;
  z-index:2;
  background:#fff;
  padding-top:12px;
  padding-bottom:14px
}
.phase-oct2 .app-shell[data-selected-persona=""] .chat-pane {
  display:none
}
.phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-panel[open] {
  flex:1;
  min-height:0;
  max-height:none
}
.phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-form {
  flex:1;
  min-height:0;
  max-height:none
}
.phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-scroll {
  flex:1;
  max-height:none;
  min-height:0
}
@media(max-width:640px) {
  .phase-oct2 .projects-hub-modal__header {
    top:-18px
  }
  .phase-oct2 .app-shell[data-selected-persona=""] .main-pane {
    min-height:460px
  }
  .phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-panel[open] {
    max-height:65vh
  }
  .phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-scroll {
    max-height:43vh
  }
}
/* Native details has an anonymous content box; bound the initial form explicitly. */
.phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-panel[open] {
  height:100%;
  box-sizing:border-box
}
.phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-form {
  height:calc(100% - 88px);
  max-height:calc(100% - 88px);
  box-sizing:border-box
}
@media(max-width:640px) {
  .phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-panel[open] {
    height:65vh
  }
  .phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-scroll {
    max-height:none
  }
}
.phase-oct2 .app-shell[data-selected-persona=""] .persona-setup-form {
  height:var(--persona-available-height,40vh);
  max-height:var(--persona-available-height,40vh)
}
.phase-oct2 .projects-list[data-view=cards] .projects-row__name {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden
}
.sentiment-topbar__actions {
  column-gap:12px;
  row-gap:10px
}
.sentiment-scope-bar__row {
  gap:12px
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-step:not(:last-child)::after {
  background: #e2e5f0;
}
.phase-oct2 #runSurveyModal:has([data-survey-step="1"]) .survey-wizard-step.is-active:not(:last-child)::after {
  background: linear-gradient(90deg, #b4a6ed, #e2e5f0);
}