/* Non-destructive staging UI enhancements */
.itv2-tools{display:flex;gap:6px}.itv2-icon{border:1px solid #71849d55!important;background:#1b314d!important;color:#fff!important;border-radius:9px!important;min-width:30px;min-height:29px;padding:4px 8px!important;cursor:pointer;font-size:14px!important}.itv2-icon:disabled{opacity:.4;cursor:not-allowed}.itv2-icon.selected{background:#f4771d!important;color:white!important}.itv2-tabs{display:flex;gap:6px;padding:7px 10px;overflow-x:auto;background:#10223a}.itv2-tabs button{white-space:nowrap;font-size:11px!important}.itv2-mic{align-self:center;flex-shrink:0;margin:0 5px}.itv2-mic.recording{background:#d14730!important;animation:itv2blink 1s infinite}@keyframes itv2blink{50%{opacity:.45}}
#chat.itv2-maximized,.it-universal-chat.itv2-maximized{position:fixed!important;inset:4vh 5vw!important;width:90vw!important;max-width:none!important;height:92vh!important;max-height:none!important;display:flex!important;flex-direction:column!important;z-index:99999!important;opacity:1!important;transform:none!important;border-radius:18px!important}
#chat.itv2-maximized .chatLog,.it-universal-chat.itv2-maximized .it-uc-log{flex:1!important;max-height:none!important;min-height:80px;overflow-y:auto}.itv2-large-input{min-height:210px!important;max-height:40vh!important;width:min(550px,100%)!important;resize:vertical!important}
#chat .chatHead,.it-universal-chat .it-uc-head{display:flex;align-items:center;gap:7px}#chat .chatHead strong,.it-universal-chat .it-uc-head strong{margin-right:auto}
#chat .chatForm,.it-universal-chat .it-uc-form{display:flex;align-items:center}#chat .chatLog .bubble,.it-universal-chat .it-uc-bubble{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){#chat.itv2-maximized,.it-universal-chat.itv2-maximized{inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important}.itv2-tabs{padding:6px}}

/* ITmerce V2.1: robust editor expansion and accessible confirmation */
.analysis .itv2-expand-input{min-width:38px!important;width:38px!important;flex:0 0 38px!important;padding:0!important;align-self:center;position:relative;z-index:2;touch-action:manipulation}
.itv2-overlay[hidden]{display:none!important}
.itv2-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(2,10,20,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.itv2-dialog{width:min(580px,100%);background:linear-gradient(145deg,#192e4b,#0e1e32);border:1px solid rgba(153,181,218,.3);color:#fff;border-radius:22px;box-shadow:0 25px 95px #000b;padding:25px;box-sizing:border-box;font-family:inherit}
.itv2-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:17px}
.itv2-dialog-x{font-size:24px;background:#ffffff16;color:white;border:1px solid #ffffff30;border-radius:9px;width:37px;height:37px;cursor:pointer}
.itv2-editor-dialog{width:min(820px,100%)}
.itv2-editor-text{display:block;box-sizing:border-box;width:100%;min-height:min(45vh,400px);resize:vertical;background:#071525;color:#fff;border:1px solid #536c89;border-radius:14px;padding:17px;font:inherit;font-size:15px;line-height:1.6;outline:none}
.itv2-editor-text:focus{border-color:#f88b38;box-shadow:0 0 0 3px #f8872633}
.itv2-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:19px;flex-wrap:wrap}
.itv2-dialog-actions button{border:1px solid #ffffff35;background:#ffffff14;color:white;padding:12px 19px;border-radius:12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.itv2-dialog-actions .itv2-primary{background:#f47516;color:#fff;border-color:#f78c3f}
.itv2-dialog-actions .itv2-danger{background:#d64a3a;border-color:#eb6a5b}
.itv2-dialog-actions button:disabled{opacity:.5;cursor:wait}
.itv2-confirm-dialog{text-align:center;max-width:470px}
.itv2-confirm-dialog .itv2-dialog-actions{justify-content:center}
.itv2-confirm-symbol{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;background:#f4771d25;color:#ff9b4c;border:1px solid #ff903f66;border-radius:50%;font-size:30px;font-weight:700}
.itv2-confirm-dialog h3{font-size:21px;margin:0 0 12px}.itv2-confirm-dialog p{font-size:14px;line-height:1.8;color:#d5dfeb;margin:0}
@media(max-width:760px){.itv2-overlay{padding:12px}.itv2-dialog{padding:19px;border-radius:17px}.analysis .itv2-expand-input{grid-column:auto!important;width:auto!important;min-width:38px!important;flex:1!important}.itv2-editor-text{min-height:40vh}}

.itv2-business-mic{min-width:38px!important;flex:0 0 38px!important;align-self:center;z-index:3;position:relative;touch-action:manipulation}
@media(prefers-reduced-motion:reduce){.itv2-mic.recording,.itv2-business-mic.recording{animation:none}}

/* ITmerce Chat UX V3 - responsive laptop, mobile and readable controls */
#chat,.it-universal-chat{box-sizing:border-box!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:min(780px,calc(100dvh - 22px))!important}
#chat:not(.itv2-maximized),.it-universal-chat:not(.itv2-maximized){width:min(520px,calc(100vw - 24px))!important;right:12px!important;left:auto!important;bottom:12px!important;height:min(690px,calc(100dvh - 24px))!important}
#chat .chatHead,.it-universal-chat .it-uc-head{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;min-height:66px!important;flex-wrap:nowrap!important}
.itv3-title{flex:1 1 0!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.itv3-title strong{display:block!important;max-width:100%!important;font-size:clamp(12px,1.15vw,15px)!important;line-height:1.35!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important}
.itv3-title .tiny{font-size:11px!important;white-space:nowrap!important}
#chat .itv2-tools,.it-universal-chat .itv2-tools{margin-left:0!important;flex:0 0 auto!important;gap:5px!important}
#chat .itv2-icon,.it-universal-chat .itv2-icon{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
#chat .itv2-new-header,.it-universal-chat .itv2-new-header{min-width:0!important;max-width:160px!important;flex:0 0 auto!important;font-size:12px!important;white-space:nowrap!important;padding:8px 10px!important;min-height:35px!important}
#chat .itv2-tabs,.it-universal-chat .itv2-tabs{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;min-height:52px!important;padding:7px 12px!important;gap:7px!important;scrollbar-width:thin!important;min-width:0!important}
#chat .itv2-tabs::before,.it-universal-chat .itv2-tabs::before{content:attr(aria-label);flex:0 0 auto;color:#b4c9e0;font-size:11px;font-weight:600}
#chat .itv2-tabs button,.it-universal-chat .itv2-tabs button{font-size:12px!important;height:34px!important;flex:0 0 auto!important;white-space:nowrap!important;padding:6px 10px!important;width:auto!important}
#chat .itv2-tabs .itv2-add-chat,.it-universal-chat .itv2-tabs .itv2-add-chat{background:#203950!important;color:#fff!important;border-color:#6c809b!important}
#chat .itv2-tabs .selected,.it-universal-chat .itv2-tabs .selected{background:#f4771d!important;color:#fff!important}
#chat .chatLog,.it-universal-chat .it-uc-log{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:12px!important}
#chat .bubble,.it-universal-chat .it-uc-bubble{max-width:100%!important;min-width:0!important;line-height:1.65!important;font-size:13px!important}
.itv2-response-tools{display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin-top:12px!important}
.itv2-response-tools .itv3-copy{width:34px!important;min-width:34px!important;min-height:30px!important;height:30px!important;font-size:18px!important}
.itv2-response-tools .itv3-share{width:auto!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:4px 10px!important;border:1px solid #e97c3d!important;background:#793d20!important;color:#fff!important;font-size:11px!important;gap:5px!important;white-space:nowrap!important}
.itv2-response-tools .itv2-speak{min-height:30px!important;margin-right:auto!important}
#chat .chatForm,.it-universal-chat .it-uc-form{flex:0 0 auto!important;min-width:0!important;gap:8px!important;padding:12px!important}
#chat .chatForm input,.it-universal-chat .it-uc-form textarea{min-width:0!important;flex:1 1 0!important;width:0!important}
.itv3-toast{position:absolute;bottom:76px;left:50%;z-index:5;transform:translate(-50%,8px);background:#f4771d;color:#fff;font-weight:700;font-size:12px;padding:8px 14px;border-radius:99px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.itv3-toast.visible{opacity:1;transform:translate(-50%,0)}
.itv3-lead-dialog{text-align:left!important;width:min(500px,100%)!important}.itv3-lead-top{display:flex;align-items:center;gap:10px;justify-content:space-between}.itv3-lead-top h3{margin:0!important}.itv3-lead-close{border:1px solid #64768d;border-radius:8px;background:#203955;color:#fff;width:34px;height:34px;cursor:pointer}.itv3-checkbox-row{display:flex;align-items:flex-start;gap:10px;color:#e5eaf1;font-size:13px;margin-top:16px}.itv3-checkbox-row input{accent-color:#f4771d;margin-top:3px}.itv3-lead-note{font-size:11px!important;color:#bccbe0!important}
@media(min-width:701px) and (max-width:1366px){#chat:not(.itv2-maximized),.it-universal-chat:not(.itv2-maximized){width:min(560px,calc(100vw - 24px))!important;height:min(650px,calc(100dvh - 20px))!important}#chat .itv3-title strong,.it-universal-chat .itv3-title strong{font-size:13px!important}}
@media(max-width:700px){#chat:not(.itv2-maximized),.it-universal-chat:not(.itv2-maximized){left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100vw!important;max-width:100vw!important;height:min(92dvh,800px)!important;max-height:92dvh!important;border-radius:18px 18px 0 0!important}#chat .chatHead,.it-universal-chat .it-uc-head{min-height:56px!important;padding:9px 10px!important;gap:6px!important}#chat .itv2-new-header,.it-universal-chat .itv2-new-header{display:none!important}.itv3-title strong{font-size:12px!important}.itv3-title .tiny{display:none!important}#chat .itv2-tools,.it-universal-chat .itv2-tools{gap:3px!important}#chat .itv2-icon,.it-universal-chat .itv2-icon{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}#chat .itv2-tabs,.it-universal-chat .itv2-tabs{padding:6px 8px!important;min-height:48px!important}#chat .itv2-tabs .itv2-add-chat,.it-universal-chat .itv2-tabs .itv2-add-chat{background:#f4771d!important;border-color:#ffac65!important;color:white!important;font-weight:700!important}#chat .chatLog,.it-universal-chat .it-uc-log{padding:9px!important}#chat.itv2-maximized,.it-universal-chat.itv2-maximized{inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;max-width:100vw!important;border-radius:0!important}.itv2-response-tools .itv3-share{font-size:10px!important}}
@media(max-width:360px){#chat .itv3-title strong,.it-universal-chat .itv3-title strong{font-size:11px!important}#chat .chatHead,.it-universal-chat .it-uc-head{gap:4px!important;padding:8px!important}#chat .itv2-icon,.it-universal-chat .itv2-icon{width:30px!important;min-width:30px!important}}
@media(hover:hover){#chat .itv2-tools button:hover,.it-universal-chat .itv2-tools button:hover{border-color:#f98d44!important;background:#29435e!important}}


/* UX V4: laptop cinematic-safe framing and stable chat controls */
/* Cinematic text is baked into the MP4, so avoid cropping its top under the header. */
@media (min-width: 900px) and (max-height: 900px) and (min-aspect-ratio: 17/10) {
  .story .viewport .cinemaVideo{
    top:clamp(72px,9.2vh,100px)!important;
    bottom:auto!important;
    height:calc(100% - clamp(72px,9.2vh,100px))!important;
    object-position:center top!important;
  }
  .story .viewport{background:#07101a!important}
}
/* Dialog header: title has first priority, action buttons stay contained. */
#chat .chatHead,.it-universal-chat .it-uc-head {min-width:0!important;box-sizing:border-box!important}
#chat .itv3-title,.it-universal-chat .itv3-title {flex:1 1 auto!important;min-width:0!important}
#chat .itv2-new-header,.it-universal-chat .itv2-new-header{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:auto!important;max-width:155px!important;
  min-width:0!important;min-height:36px!important;height:auto!important;
  padding:8px 11px!important;white-space:nowrap!important;overflow:hidden!important;
  font-size:11px!important;line-height:1.2!important;font-weight:700!important;
  text-overflow:ellipsis!important;flex:0 1 auto!important;
}
#chat .itv2-tabs .itv2-add-chat,.it-universal-chat .itv2-tabs .itv2-add-chat{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;min-height:36px!important;height:auto!important;
  padding:8px 11px!important;white-space:nowrap!important;line-height:1.2!important;
  font-weight:700!important;overflow:visible!important;
}
#chat .itv2-response-tools .itv3-share,.it-universal-chat .itv2-response-tools .itv3-share{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;flex:0 0 auto!important;width:auto!important;
  max-width:100%!important;min-width:0!important;min-height:34px!important;height:auto!important;
  padding:7px 12px!important;font-size:12px!important;line-height:1.25!important;
  font-weight:700!important;white-space:normal!important;text-align:center!important;
  overflow-wrap:normal!important;word-break:normal!important;
}
#chat .itv2-response-tools,.it-universal-chat .itv2-response-tools{min-width:0!important}
@media(max-width:1250px){
  #chat .itv2-new-header,.it-universal-chat .itv2-new-header{display:none!important}
}
@media(max-width:700px){
  #chat .itv2-new-header,.it-universal-chat .itv2-new-header{display:none!important}
  #chat .itv2-response-tools .itv3-share,.it-universal-chat .itv2-response-tools .itv3-share{
    padding:7px 9px!important;font-size:11px!important
  }
}
