:root{
  --bg:#fbfcfe;
  --panel:rgba(255,255,255,.74);
  --text:#111827;
  --muted:#8a94a3;
  --soft:#eef2f7;
  --line:rgba(151,163,178,.20);
  --green:#23d65d;
  --blue:#60b7f6;
}
*{box-sizing:border-box}
html,body{
  margin:0;
  min-height:100%;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.92), rgba(251,252,254,.90) 40%, rgba(246,248,252,.92) 100%);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
html[data-dir="rtl"],html[data-dir="rtl"] body{direction:rtl;text-align:right}
html[data-dir="ltr"],html[data-dir="ltr"] body{direction:ltr;text-align:left}

.app{
  max-width:430px;
  margin:0 auto;
  min-height:100svh;
  padding-bottom:108px;
}

.hero{
  padding-top:calc(34px + env(safe-area-inset-top));
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.brandRow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
}

.brandLogo{
  width:64px;
  height:auto;
  display:block;
}

.businessName{
  font-size:25px;
  line-height:1.1;
  font-weight:500;
  color:#111827;
  white-space:nowrap;
}

.userPill{
  margin-top:7px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  max-width:calc(100vw - 72px);
  padding:7px 22px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(151,163,178,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 10px 28px rgba(15,23,42,.045);
  color:#8a94a3;
  font-size:16px;
  line-height:1;
  white-space:nowrap;
}

.statusDot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--green);
  box-shadow:0 0 0 3px rgba(35,214,93,.10);
  flex:0 0 auto;
}

.mainSpace{
  min-height:calc(100svh - 210px);
}

.chat{
  padding:16px 18px 0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.turn{
  display:flex;
  flex-direction:column;
  gap:8px;
  scroll-margin-top:112px;
}

.turn[data-active="true"]{
  min-height:calc(100svh - 205px);
}

.msg{
  width:fit-content;
  max-width:min(92%,620px);
  background:rgba(255,255,255,.76);
  color:var(--text);
  border-radius:18px;
  padding:10px 12px;
  line-height:1.45;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}



@keyframes thinkingBreath{
  0%,100%{border-color:rgba(191,219,254,.72);box-shadow:none}
  50%{border-color:rgba(96,183,246,.82);box-shadow:0 0 0 2px rgba(96,183,246,.09)}
}

.workList{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.workRow{
  width:100%;
  border:0;
  border-radius:18px;
  background:rgba(255,255,255,.76);
  padding:11px 12px;
  display:grid;
  grid-template-columns:1fr 22px;
  gap:10px;
  align-items:center;
  cursor:pointer;
  font:inherit;
  color:var(--text);
}

html[data-dir="ltr"] .workRow{grid-template-columns:22px 1fr}
html[data-dir="ltr"] .workMain{grid-column:2}
html[data-dir="ltr"] .arrow{grid-column:1}

.workTitle{
  font-size:15px;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}

.chip{
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  font-size:12px;
}

.arrow{
  font-size:20px;
  color:#64748b;
}

.card{
  width:100%;
  background:rgba(255,255,255,.76);
  border-radius:22px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cardTitle{font-size:18px;font-weight:600}
.cardSub{font-size:13px;color:#374151}

.fieldRow{
  width:100%;
  min-height:42px;
  border:0;
  border-radius:16px;
  background:#f3f4f6;
  display:grid;
  grid-template-columns:minmax(96px,128px) 1fr;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  cursor:pointer;
  font:inherit;
  color:#111827;
}

.fieldRow b,.fieldRow span{
  font-size:13.5px;
  font-weight:400;
}

.fieldRow[data-missing="true"]{background:#fffbeb}

.actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.actionBtn{
  min-height:32px;
  border:0;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  padding:7px 11px;
  font-size:12.5px;
  cursor:pointer;
}

.section{
  display:none;
  background:#f8fafc;
  border-radius:16px;
  padding:10px 12px;
}

.section[data-open="true"]{display:block}

.composer{
  position:fixed;
  left:50%;
  bottom:0;
  z-index:50;
  width:min(100%,430px);
  transform:translateX(-50%);
  padding:8px 18px calc(9px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(251,252,254,0),rgba(251,252,254,.98) 28%);
}

.composerInner{
  display:grid;
  grid-template-columns:40px 1fr 40px 40px;
  gap:6px;
  align-items:end;
  min-height:64px;
  max-height:166px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(151,163,178,.20);
  border-radius:26px;
  padding:8px 10px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 12px 30px rgba(15,23,42,.045);
}

.iconBtn,.sendBtn{
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:#7d8794;
  border-radius:12px;
  cursor:pointer;
  font:inherit;
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sendBtn{
  font-size:29px;
  color:#7a8490;
}

.micBtn{
  font-size:27px;
}

.input{
  min-height:40px;
  max-height:144px;
  resize:none;
  border:0;
  outline:0;
  background:transparent;
  font-size:18px;
  line-height:24px;
  color:#8a94a3;
  padding:8px 8px;
  font-family:inherit;
  overflow-y:hidden;
}

html[data-dir="rtl"] .input{direction:rtl;text-align:right}
html[data-dir="ltr"] .input{direction:ltr;text-align:left}

.boot{
  position:fixed;
  inset:0;
  z-index:9999;
  background:var(--bg);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:14px;
}

.bootTitle{font-size:30px;font-weight:800;letter-spacing:.04em}

.bootLine{
  width:40px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(96,183,246,.18),rgba(96,183,246,.72),rgba(96,183,246,.18));
  animation:bootPulse 1.1s ease-in-out infinite;
}

@keyframes bootPulse{0%,100%{opacity:.35}50%{opacity:1}}
html[data-ready="true"] .boot{display:none}

/* <V900S7L7B_TOP_LEFT_MENU_BUTTON_STYLE> */
.menuButton{
  position:fixed;
  top:calc(18px + env(safe-area-inset-top));
  left:18px;
  z-index:70;
  width:38px;
  height:38px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.46);
  color:#7d8794;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 22px rgba(15,23,42,.035);
}

.menuButtonLines{
  width:18px;
  height:13px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.menuButtonLines span{
  display:block;
  height:1.6px;
  border-radius:999px;
  background:#7d8794;
}
/* </V900S7L7B_TOP_LEFT_MENU_BUTTON_STYLE> */


/* <V900S7L7C_FIXED_HEADER_ICON_ASSET_PASS_STYLE> */
.hero{
  position:fixed !important;
  top:calc(18px + env(safe-area-inset-top)) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(100%,430px) !important;
  z-index:42 !important;
  padding-top:0 !important;
  gap:4px !important;
  pointer-events:none !important;
}

.hero > *{
  pointer-events:auto !important;
}

.brandRow{
  min-height:40px !important;
  gap:8px !important;
}

.brandLogo{
  width:52px !important;
  height:auto !important;
  display:block !important;
}

.businessName{
  font-size:17px !important;
  line-height:1.05 !important;
  font-weight:500 !important;
}

.userPill{
  margin-top:2px !important;
  min-height:28px !important;
  padding:5px 16px !important;
  font-size:11px !important;
  gap:8px !important;
  max-width:calc(100vw - 104px) !important;
}

.statusDot{
  width:8px !important;
  height:8px !important;
}

.mainSpace{
  min-height:calc(100svh - 152px) !important;
  padding-top:118px !important;
}

.chat{
  padding-top:10px !important;
}

.menuButton{
  top:calc(14px + env(safe-area-inset-top)) !important;
  left:18px !important;
  z-index:80 !important;
}

.composer{
  width:min(100%,430px) !important;
}

.composerInner{
  direction:ltr !important;
  grid-template-columns:48px 1fr 36px 44px !important;
  min-height:64px !important;
  padding:8px 10px !important;
}

#plusBtn{
  font-size:44px !important;
  font-weight:300 !important;
  line-height:1 !important;
  color:#7f8895 !important;
}

#sendBtn{
  justify-self:end !important;
}

#micBtn{
  justify-self:end !important;
}

#sendBtn img{
  width:27px !important;
  height:27px !important;
  display:block !important;
}

#micBtn img{
  width:20px !important;
  height:29px !important;
  display:block !important;
}

#plusBtn,
#micBtn,
#sendBtn{
  background:transparent !important;
}

.input{
  padding:8px 6px !important;
}
/* </V900S7L7C_FIXED_HEADER_ICON_ASSET_PASS_STYLE> */


/* <V900S7L7D_BRAND_LOGO_PLUS_40_ONLY_STYLE> */
.brandLogo{
  width:73px !important;
}
/* </V900S7L7D_BRAND_LOGO_PLUS_40_ONLY_STYLE> */


/* <V900S7L7E_COMPOSER_ICON_PROPORTION_CENTERING_STYLE> */
.composerInner{
  border-radius:34px !important;
  align-items:center !important;
}

.iconBtn,
.sendBtn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
}

#plusBtn{
  font-size:34px !important;
  font-weight:300 !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
}

#micBtn img,
#sendBtn img{
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
  display:block !important;
}

#micBtn,
#sendBtn,
#plusBtn{
  align-self:center !important;
}

.input{
  align-self:center !important;
}
/* </V900S7L7E_COMPOSER_ICON_PROPORTION_CENTERING_STYLE> */


/* <V900S7L7F_ICON_STROKE_BLACK_AND_PLUS_BALANCE_STYLE> */
#plusBtn,
#micBtn,
#sendBtn{
  color:#111827 !important;
}

#plusBtn{
  font-size:44px !important;
  font-weight:200 !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
}

#micBtn img,
#sendBtn img{
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
  display:block !important;
}
/* </V900S7L7F_ICON_STROKE_BLACK_AND_PLUS_BALANCE_STYLE> */

/* <V900S7L9J1_IOS_MIC_ICON_TAP_TARGET_FIX> */
#micBtn img,
#sendBtn img{
  pointer-events:none !important;
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}

#micBtn,
#sendBtn{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
  touch-action:manipulation !important;
}
/* </V900S7L9J1_IOS_MIC_ICON_TAP_TARGET_FIX> */


/* <V900S7L7G_COMPOSER_TYPED_TEXT_BLACK_FIX_STYLE> */
.input,
.input:focus,
textarea.input,
textarea.input:focus{
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  caret-color:#111827 !important;
  opacity:1 !important;
  font-weight:500 !important;
}

.input::placeholder,
textarea.input::placeholder{
  color:#9aa3af !important;
  -webkit-text-fill-color:#9aa3af !important;
  opacity:1 !important;
  font-weight:500 !important;
}

/* </V900S7L7G_COMPOSER_TYPED_TEXT_BLACK_FIX_STYLE> */

/* <V900S7L9K5_COMPOSER_LAYOUT_UI_LOCAL_PATCH_STYLE> */
.composer{
  overflow:visible !important;
}

.composerInner[data-layout-version="v900s7l9k5"]{
  grid-template-columns:auto 1fr auto !important;
  direction:ltr !important;
}

.composerSide{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:42px;
}

.composerSlot{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.composerSlot[data-empty="true"]{
  display:none;
}

.composerButton{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
  touch-action:manipulation !important;
}

.composerButton img{
  pointer-events:none !important;
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}

.plusToolsMenu{
  position:absolute;
  bottom:86px;
  left:18px;
  z-index:90;
  display:none;
  flex-direction:column-reverse;
  gap:8px;
  align-items:center;
  pointer-events:auto;
}

.plusToolsMenu[data-open="true"]{
  display:flex;
}

.plusToolsItem{
  min-width:54px;
  min-height:38px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  padding:8px 11px;
  font:inherit;
  font-size:12px;
  line-height:1;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 8px 22px rgba(15,23,42,.055);
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  touch-action:manipulation;
}

/* </V900S7L9K5_COMPOSER_LAYOUT_UI_LOCAL_PATCH_STYLE> */

/* <V900S7L9K6_COMPOSER_LAYOUT_USER_EDIT_MODE_LOCAL_PATCH_STYLE> */
.composerLayoutEditor{
  position:absolute;
  left:18px;
  right:18px;
  bottom:86px;
  z-index:96;
  display:none;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(151,163,178,.22);
  border-radius:22px;
  padding:12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 12px 34px rgba(15,23,42,.08);
}

.composerLayoutEditor[data-open="true"]{
  display:block;
}

.composerLayoutEditorTitle{
  font-size:12px;
  color:#6b7280;
  margin-bottom:9px;
  text-align:center;
}

.composerLayoutEditorSlots{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:9px;
}

.composerLayoutSlotButton{
  min-height:38px;
  border:0;
  border-radius:14px;
  background:#f3f4f6;
  color:#111827;
  font:inherit;
  font-size:11px;
  line-height:1.2;
  padding:7px 6px;
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  touch-action:manipulation;
}

.composerLayoutEditorActions{
  display:flex;
  gap:7px;
  justify-content:center;
}

.composerLayoutAction{
  min-height:32px;
  border:0;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  font:inherit;
  font-size:11px;
  padding:7px 11px;
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  touch-action:manipulation;
}

/* </V900S7L9K6_COMPOSER_LAYOUT_USER_EDIT_MODE_LOCAL_PATCH_STYLE> */

/* <V900S7L9K6A_COMPOSER_LAYOUT_DRAG_EDIT_MODE_LOCAL_PATCH_STYLE> */
.composerLayoutSlotButton{
  position:relative;
  cursor:grab;
}

.composerLayoutSlotButton[data-has-button="false"]{
  cursor:pointer;
}

.composerLayoutSlotButton[data-drag-source="true"]{
  opacity:.48;
}

.composerLayoutSlotButton[data-drop-target="true"]{
  outline:2px solid rgba(17,24,39,.22);
  outline-offset:2px;
}

.composerDragGhost{
  position:fixed;
  left:0;
  top:0;
  z-index:9999;
  display:none;
  min-width:70px;
  min-height:38px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#111827;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  font:inherit;
  font-size:12px;
  box-shadow:0 12px 34px rgba(15,23,42,.10);
  pointer-events:none;
  transform:translate(-50%,-50%);
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.composerDragGhost[data-active="true"]{
  display:flex;
}

/* </V900S7L9K6A_COMPOSER_LAYOUT_DRAG_EDIT_MODE_LOCAL_PATCH_STYLE> */

/* <V900S7L9K6B_COMPOSER_LAYOUT_EDIT_VISUAL_SIMPLIFY_LOCAL_PATCH_STYLE> */
.composerLayoutEditor{
  left:18px !important;
  right:18px !important;
  bottom:84px !important;
  padding:9px !important;
  border-radius:20px !important;
}

.composerLayoutEditorTitle{
  display:none !important;
}

.composerLayoutEditorSlots{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:5px !important;
  margin-bottom:8px !important;
}

.composerLayoutSlotButton{
  min-height:42px !important;
  height:42px !important;
  border-radius:999px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  line-height:1 !important;
  overflow:hidden !important;
}

.composerLayoutSlotButton[data-has-button="false"]{
  opacity:.42 !important;
}

.composerLayoutSlotButton[data-has-button="false"] .composerLayoutSlotVisual{
  font-size:20px !important;
}

.composerLayoutSlotVisual{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

.composerLayoutSlotVisual img{
  width:23px;
  height:23px;
  object-fit:contain;
  display:block;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.composerLayoutEditorActions{
  display:flex !important;
  gap:6px !important;
  justify-content:center !important;
}

.composerLayoutAction{
  min-height:30px !important;
  padding:6px 10px !important;
  font-size:11px !important;
}

/* </V900S7L9K6B_COMPOSER_LAYOUT_EDIT_VISUAL_SIMPLIFY_LOCAL_PATCH_STYLE> */

/* <V900S7L9K6C_COMPOSER_LAYOUT_EDITOR_PHYSICAL_ORDER_FIX_STYLE> */
.composerLayoutEditor,
.composerLayoutEditorSlots,
.composerLayoutSlotButton,
.composerLayoutSlotVisual{
  direction:ltr !important;
  text-align:center !important;
}

.composerLayoutEditorSlots{
  grid-auto-flow:column !important;
}

.composerLayoutSlotButton[data-edit-slot="left_1"]{order:1 !important;}
.composerLayoutSlotButton[data-edit-slot="left_2"]{order:2 !important;}
.composerLayoutSlotButton[data-edit-slot="left_3"]{order:3 !important;}
.composerLayoutSlotButton[data-edit-slot="right_1"]{order:4 !important;}
.composerLayoutSlotButton[data-edit-slot="right_2"]{order:5 !important;}
.composerLayoutSlotButton[data-edit-slot="right_3"]{order:6 !important;}

/* </V900S7L9K6C_COMPOSER_LAYOUT_EDITOR_PHYSICAL_ORDER_FIX_STYLE> */

/* <V900S7L9K7_VOICE_NOTE_CLIENT_RECORDER_LOCAL_PATCH_STYLE> */
/* <V900S7L9K7A_VOICE_NOTE_RECORDING_GREEN_STATE_LOCAL_PATCH> */
#micBtn[data-recording="true"]{
  background:rgba(35,214,93,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.80),
    0 0 0 3px rgba(35,214,93,.14) !important;
}

#micBtn[data-recording="true"] img{
  filter:none !important;
}

#micBtn[data-recorded="true"]{
  background:rgba(35,214,93,.10) !important;
}
/* </V900S7L9K7A_VOICE_NOTE_RECORDING_GREEN_STATE_LOCAL_PATCH> */

/* <V900S7L9K7B_VOICE_NOTE_RECORDING_ICON_SWAP_LOCAL_PATCH_STYLE> */
#micBtn[data-recording="true"],
#micBtn[data-recorded="true"]{
  background:transparent !important;
  box-shadow:none !important;
}

#micBtn[data-recording="true"] img,
#micBtn[data-recorded="true"] img{
  filter:none !important;
}
/* </V900S7L9K7B_VOICE_NOTE_RECORDING_ICON_SWAP_LOCAL_PATCH_STYLE> */
/* </V900S7L9K7_VOICE_NOTE_CLIENT_RECORDER_LOCAL_PATCH_STYLE> */