/* Live conversation only. Checkout, receipt, RTC transport and session authority are not styled here. */
.ob-conversation-log{overflow-y:auto!important;overscroll-behavior-y:contain;overflow-anchor:auto;min-height:0!important;scrollbar-width:thin;position:relative}
.ob-conversation-log>.ob-msg-row,.ob-conversation-log>.chat-msg{flex:0 0 auto}
.ob-conversation-composer{position:relative;flex:0 0 auto;align-items:flex-end!important;gap:8px!important}
.ob-conversation-composer textarea{box-sizing:border-box;display:block;min-width:0;resize:none;font:16px/1.4 var(--font-body,system-ui)!important;min-height:44px!important;max-height:124px;overflow-y:auto;padding:10px 13px!important;border-radius:22px!important;margin:0}
.ob-conversation-composer .chat-send,.ob-conversation-composer #expert-chat-send,.ob-file-pick{min-width:44px!important;width:44px!important;height:44px!important;min-height:44px!important;flex:0 0 44px;border:0;cursor:pointer;border-radius:50%!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font:700 24px/1 system-ui;touch-action:manipulation}
.ob-file-pick{color:var(--terra,#c4622d);background:transparent;border:1px solid currentColor}
.ob-file-pick[hidden],.ob-files-ui [hidden],.ob-new-messages[hidden],.ob-files-settings[hidden]{display:none!important}
.ob-file-pick:disabled,.ob-files-ui button:disabled{opacity:.5;cursor:default}
.ob-new-messages{position:absolute;bottom:74px;right:16px;z-index:6;border-radius:24px;border:1px solid #d8cbbb;padding:9px 16px;background:#fffdf8;color:#8a3a1d;box-shadow:0 2px 12px #0002;font:700 13px var(--font-body,system-ui);cursor:pointer;min-height:44px;flex:0 0 auto;order:9998}
.ob-files-ui{color:var(--text,#241a15);font:14px/1.4 var(--font-body,system-ui);min-width:0}
.ob-files-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ob-files-ui button:not(.ob-file-pick){border:1px solid var(--gray-200,#d8cbbb);border-radius:12px;background:var(--white,#fffdf8);color:var(--brown,#241a15);padding:9px 13px;font:600 13px/1.3 var(--font-body,system-ui);min-height:44px;cursor:pointer}
.ob-files-ui button.ob-file-primary{background:var(--terra,#c4622d);color:#fffdf8;border-color:transparent}
.ob-file-draft{border-top:1px solid var(--gray-200,#d8cbbb);padding:10px 14px;background:var(--white,#fffdf8);flex:0 0 auto;max-height:200px;overflow-y:auto}
.ob-file-preview{display:flex;gap:12px;align-items:center;margin-bottom:8px;min-width:0}
.ob-file-preview img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.ob-file-copy{min-width:0;flex:1}.ob-file-name{font-weight:700;overflow-wrap:anywhere;word-break:break-word}.ob-file-meta{font-size:11px;opacity:.75;margin-top:3px}.ob-file-status{font-size:12px;min-height:1.4em;margin:7px 0 0;overflow-wrap:anywhere}.ob-file-status[data-error=true]{color:#b91c1c}
.ob-file-progress{display:block;width:100%;height:6px;margin:8px 0;accent-color:var(--terra,#c4622d)}
.ob-file-note{font-size:11px;line-height:1.45;opacity:.78;margin:7px 0 0;max-width:620px}
.ob-file-tile{display:flex;margin:3px 0;min-width:0;flex:0 0 auto;max-width:100%}
.ob-file-tile[data-mine=true]{justify-content:flex-end}.ob-file-tile[data-mine=false]{justify-content:flex-start}
.ob-file-tile .ob-msg-bubble{display:block!important;width:min(78%,300px);max-width:300px!important;min-width:170px;box-sizing:border-box;padding:11px 13px!important;background:#fffdf8!important;color:#241a15!important;border:1px solid #e1d6c8!important;border-radius:16px!important;box-shadow:0 4px 12px #0001!important}
.ob-file-tile[data-mine=true] .ob-msg-bubble{border-color:#c4622d!important;background:#fff6ed!important}
.ob-file-tile button{width:100%;text-align:left;border:0!important;background:transparent!important;color:inherit!important;padding:0!important;display:block}
.ob-file-image{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:9px;margin-bottom:8px;min-height:80px;background:#efe5d8}
.ob-file-icon{font-size:12px;font-weight:800;border-radius:6px;padding:6px 8px;background:#efe5d8;display:inline-block;margin-bottom:6px}
.ob-file-expiry{font-size:10px;opacity:.7;margin-top:6px}.ob-file-download-status{font-size:11px;color:#b91c1c;overflow-wrap:anywhere}
.ob-files-media-launch{position:relative;z-index:8;text-align:center;padding:8px 12px;flex:0 0 auto}
.ob-files-media-launch>button{background:#fffdf8!important;color:#8a3a1d!important;border-color:#d8cbbb!important}
.ob-files-drawer{position:absolute;inset:auto 0 0;z-index:35;display:flex;flex-direction:column;background:#f7f1e8;color:#241a15;max-height:62%;border-radius:18px 18px 0 0;box-shadow:0 -8px 28px #0003;overflow:hidden}
.ob-files-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #e1d6c8;flex:0 0 auto}
.ob-files-drawer-head h3{font-size:15px;margin:0;color:#241a15}.ob-files-drawer-head button{min-width:44px}
.ob-files-drawer-log{overflow-y:auto;overscroll-behavior:contain;padding:12px 14px;min-height:80px;flex:1}
.ob-files-drawer-footer{border-top:1px solid #e1d6c8;padding:10px 14px;flex:0 0 auto;background:#fffdf8}
.ob-files-drawer .ob-files-ui{color:#241a15}.ob-files-empty{padding:16px 5px;font-size:13px;opacity:.75}
.ob-files-settings{padding:16px 18px;border:1px solid var(--line-strong,#d8cbbb);border-radius:14px;margin:0 0 18px;background:var(--bg-card,var(--white,#fffdf8));color:var(--text,var(--brown,#241a15));font:14px/1.45 var(--font-body,system-ui)}
.ob-files-settings label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.ob-files-settings input{width:20px;height:20px;margin:2px 0;flex:0 0 auto;accent-color:var(--terra,#c4622d)}.ob-files-settings strong{display:block}.ob-files-settings p{font-size:12px;opacity:.78;margin:5px 0 0}.ob-files-settings-status{min-height:1.5em;margin-top:8px;font-size:12px}.ob-files-settings-status[data-error=true]{color:#b91c1c}
#screen-A4.ob-conversation-screen,#screen-A3.ob-conversation-screen{height:100%;min-height:0!important;display:flex!important;flex-direction:column;overflow:hidden;animation:none!important}
.ob-conversation-screen>#a4-chat-ui,.ob-conversation-screen>#a3-chat-ui{position:relative;display:flex!important;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.ob-conversation-screen .session-header{position:relative!important;top:auto!important;flex:0 0 auto;box-shadow:none!important}
.ob-conversation-screen .chat-messages{flex:1;min-height:0!important;max-height:none!important;padding:12px!important}
.ob-conversation-screen .chat-input-bar{padding:9px 12px!important}
.ob-conversation-screen #ob-client-chat-readiness{flex:0 0 auto}
.ob-conversation-screen .free-timer-banner,.ob-conversation-screen>.cost-meter{flex:0 0 auto}
#screen-A4.ob-conversation-screen .session-header,#screen-A3.ob-conversation-screen .session-header{padding:16px 14px 10px!important}
.ob-conversation-screen .session-header-name{font-size:16px!important}.ob-conversation-screen .session-timer{font-size:24px!important}.ob-conversation-screen .session-header button{min-height:36px;font-size:12px!important}
.ob-session-viewport #phone-content{overflow:hidden!important}.ob-session-viewport .phone-shell{height:min(820px,calc(100dvh - 80px));height:min(820px,calc(var(--ob-visual-height,100dvh) - 80px))}
.ob-session-media-screen{position:relative;min-height:100%;height:100%;overflow:auto}.ob-session-media-screen>.voice-screen,.ob-session-media-screen>.video-screen{min-height:100%;height:100%}
#expert-chat-area{position:relative}.ob-files-expert-media{position:relative;margin-top:12px}.ob-files-expert-media .ob-files-drawer{position:relative;inset:auto;max-height:420px;border:1px solid #e1d6c8;border-radius:14px}
@media(max-width:768px),(max-height:500px) and (pointer:coarse){
  html.ob-session-viewport,body.ob-session-viewport{overflow:hidden!important;overscroll-behavior:none}
  body.ob-session-viewport #view-5{position:fixed!important;inset:auto 0 auto!important;top:var(--ob-visual-top,0px)!important;width:100%!important;height:var(--ob-visual-height,100dvh)!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:2000!important}
  .ob-session-viewport #view-5 .client-funnel-wrap{display:block!important;min-height:0!important;height:100%!important;padding:0!important}
  .ob-session-viewport #view-5 .phone-shell-wrap{display:block!important;width:100%!important;height:100%!important;gap:0!important}
  .ob-session-viewport #view-5 .phone-shell{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow:hidden!important}
  .ob-session-viewport #view-5 .phone-notch{display:none!important}.ob-session-viewport #phone-content{height:100%!important;overflow:hidden!important}
  .ob-session-viewport .ob-conversation-screen .session-header{padding-top:max(12px,env(safe-area-inset-top,0px))!important;padding-left:max(14px,env(safe-area-inset-left,0px))!important;padding-right:max(14px,env(safe-area-inset-right,0px))!important}
  .ob-session-viewport .ob-conversation-composer{padding-bottom:max(9px,env(safe-area-inset-bottom,0px))!important}
  .ob-session-viewport.ob-session-keyboard .ob-conversation-composer{padding-bottom:8px!important}
  .ob-session-viewport .ob-conversation-screen .chat-messages .ob-msg-bubble{font-size:16px!important;line-height:1.45!important;max-width:86%!important}
  .ob-session-viewport .ob-conversation-screen .chat-messages{gap:9px!important}
  .ob-session-viewport .ob-files-drawer-footer{padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}
  .ob-session-viewport .ob-files-media-launch{padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}
  .ob-session-media-screen .ob-files-drawer{bottom:80px;max-height:calc(100% - 145px)}
  #expert-chat-area .ob-conversation-composer{gap:6px!important;padding-left:8px!important;padding-right:8px!important}
}
@media(prefers-reduced-motion:reduce){.ob-conversation-log{scroll-behavior:auto!important}}
/* Match the legacy ID-scoped !important theme rules only within an active conversation. */
#view-5 #screen-A4.ob-conversation-screen .chat-messages,#view-5 #screen-A3.ob-conversation-screen .chat-messages{min-height:0!important;max-height:none!important;flex:1 1 0!important;overflow-y:auto!important}
#view-5 #screen-A4.ob-conversation-screen .session-header,#view-5 #screen-A3.ob-conversation-screen .session-header{position:relative!important;top:auto!important;flex:0 0 auto;box-shadow:none!important;padding:16px 14px 10px!important}
#view-5 #screen-A4.ob-conversation-screen .chat-input,#view-5 #screen-A3.ob-conversation-screen .chat-input{font:16px/1.4 var(--font-body,system-ui)!important;min-height:44px!important;max-height:124px!important;padding:10px 13px!important;border-radius:22px!important}
@media(max-width:768px),(max-height:500px) and (pointer:coarse){
#view-5 #screen-A4.ob-conversation-screen .session-header,#view-5 #screen-A3.ob-conversation-screen .session-header{padding-top:max(12px,env(safe-area-inset-top,0px))!important;padding-left:max(14px,env(safe-area-inset-left,0px))!important;padding-right:max(14px,env(safe-area-inset-right,0px))!important}
#view-5 #screen-A4.ob-conversation-screen .chat-messages .ob-msg-bubble,#view-5 #screen-A3.ob-conversation-screen .chat-messages .ob-msg-bubble{font-size:16px!important;line-height:1.45!important;max-width:86%!important}
}
#view-5 .ob-file-pick{color:#8a3a1d!important;border-color:#8a3a1d!important;background:#fffdf8!important}
@media(max-width:768px),(max-height:500px) and (pointer:coarse){
body.ob-session-keyboard #view-5 #screen-A4.ob-conversation-screen .session-header,body.ob-session-keyboard #view-5 #screen-A3.ob-conversation-screen .session-header{padding:8px 12px 6px!important;gap:4px!important}
body.ob-session-keyboard #view-5 .ob-conversation-screen .session-header-name{font-size:15px!important}
body.ob-session-keyboard #view-5 .ob-conversation-screen .session-header-cost{font-size:11px!important}
body.ob-session-keyboard #view-5 .ob-conversation-screen .session-header button{min-height:32px!important;height:32px!important;padding:4px 10px!important}
}
.ob-session-files-history-link{display:block;border:0;background:transparent;color:var(--terra,#8a3a1d);font:600 12px/1.4 var(--font-body,system-ui);padding:7px 0;cursor:pointer;min-height:32px;text-align:left}
.ob-files-history-modal{position:fixed;inset:0;z-index:1000000;background:#0b0908a8;display:flex;align-items:center;justify-content:center;padding:16px}
.ob-files-history-dialog{width:min(580px,100%);max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;background:#f7f1e8;color:#241a15;border-radius:18px;box-shadow:0 24px 80px #0005}
.ob-files-history-dialog .ob-files-drawer-log{min-height:140px;position:relative}.ob-files-history-dialog .ob-files-drawer-footer{flex:0 0 auto}.ob-files-history-dialog .ob-new-messages{display:none!important}
.ob-mini-suite-card:has(.ob-conversation-log){position:relative}
.ob-files-ui[hidden],.ob-files-drawer[hidden],.ob-files-media-launch[hidden],.ob-file-draft[hidden]{display:none!important}
/* Give the launcher its own row; it must not scroll a full-height call out of view. */
#view-5 #screen-B3.ob-session-media-screen,#view-5 #screen-VID.ob-session-media-screen{display:flex!important;flex-direction:column;min-height:0!important;height:100%;overflow:hidden!important}
#view-5 #screen-B3.ob-session-media-screen>.voice-screen,#view-5 #screen-VID.ob-session-media-screen>.video-screen{flex:1 1 0!important;min-height:0!important;height:auto!important;width:100%;overflow:hidden}
#view-5 #screen-VID.ob-session-media-screen .video-remote{min-height:0!important;flex:1 1 0}
#view-5 #screen-VID.ob-session-media-screen .video-controls{flex:0 0 auto}
#view-5 #screen-VID.ob-session-media-screen .video-timer-bar{top:max(12px,env(safe-area-inset-top,0px));z-index:7}
#view-5 #screen-B3.ob-session-media-screen>.voice-screen{padding:max(12px,env(safe-area-inset-top,0px)) 20px 12px!important;justify-content:flex-start!important}
#view-5 #screen-B3.ob-session-media-screen>.voice-screen>div{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;padding-top:0!important}
#view-5 #screen-B3.ob-session-media-screen .voice-screen>div>div:first-child{margin-bottom:8px!important;flex:0 0 auto}
#view-5 #screen-B3.ob-session-media-screen .voice-avatar{flex:1 1 148px;min-height:0;max-height:148px;max-width:148px;aspect-ratio:1;width:auto!important;height:auto!important;align-self:center}
#view-5 #screen-B3.ob-session-media-screen .voice-status{margin-bottom:8px}
#view-5 #screen-B3.ob-session-media-screen .waveform{flex:1 1 58px;min-height:0!important;max-height:58px;margin:8px auto!important;overflow:hidden}
#view-5 #screen-B3.ob-session-media-screen .voice-timer{flex:0 0 auto;margin-top:auto}
#view-5 #screen-B3.ob-session-media-screen .voice-cost{flex:0 0 auto;margin-bottom:12px}
#view-5 #screen-B3.ob-session-media-screen .voice-controls{flex:0 0 auto;justify-content:center}
#view-5 #screen-B3.ob-session-media-screen .voice-screen button[onclick*="clientEndSession"]{min-height:44px}
#view-5 #screen-B3.ob-media-compact .voice-name{font-size:20px;line-height:1.2;margin-bottom:2px}
#view-5 #screen-B3.ob-media-compact .voice-status{font-size:12px;line-height:1.3;margin-bottom:2px}
#view-5 #screen-B3.ob-media-compact .voice-timer{font-size:28px;line-height:1.15;margin-bottom:2px}
#view-5 #screen-B3.ob-media-compact .voice-cost{font-size:13px;margin-bottom:6px}
#view-5 #screen-B3.ob-media-compact .v-ctrl{width:48px;height:48px}
#view-5 #screen-B3.ob-media-compact .voice-screen>div{position:relative}
#view-5 #screen-B3.ob-media-compact .voice-screen>div>div:has(>button[onclick*="clientEndSession"]){position:absolute;bottom:0;left:0;width:calc(100% - 132px);height:48px;margin:0!important}
#view-5 #screen-B3.ob-media-compact .voice-controls{margin-left:auto}
#view-5 #screen-B3.ob-media-compact .voice-avatar{flex-basis:64px;max-height:64px;max-width:64px}
#view-5 #screen-B3.ob-media-compact .waveform{flex-basis:20px;max-height:20px;margin:4px auto!important}
#view-5 .ob-session-media-screen>.ob-files-drawer{overflow-y:auto;overscroll-behavior:contain}
#view-5 .ob-session-media-screen>.ob-files-drawer .ob-files-drawer-head{position:sticky;top:0;z-index:2;background:#f7f1e8}
#view-5 .ob-session-media-screen>.ob-files-drawer .ob-files-drawer-log{min-height:0;flex:1 1 auto}
#view-5 .ob-session-media-screen>.ob-files-drawer>.ob-file-draft{min-height:0;flex:0 1 auto}
#view-5 .ob-media-compact>.ob-files-drawer .ob-files-drawer-head,#view-5 .ob-media-compact>.ob-files-drawer .ob-files-drawer-footer{padding-top:6px;padding-bottom:6px}