/* Opt-in per installation. The original enterprise experience is untouched. */
body[data-experience="workshop"] { margin: 0; padding: 0; }
body[data-experience="workshop"]::before { content: none; }
body[data-experience="workshop"][data-view="chat"] { background: #fafafa; }
:root[data-theme="dark"] body[data-experience="workshop"][data-view="chat"] { background: #111214; }
body[data-experience="workshop"]:not(.authenticated) .workshop-account { display: none; }
body[data-experience="workshop"] .ivi-sidebar,
body[data-experience="workshop"] #mobile-controls,
body[data-experience="workshop"] .page-heading,
body[data-experience="workshop"] .disclaimer { display: none; }
body[data-experience="workshop"] .shell,
body[data-experience="workshop"] .login { margin-left: 0; }
body[data-experience="workshop"] .shell { width: 100%; margin: 0; padding: 0; min-height: 0; border: 0; border-radius: 0; grid-template-columns: minmax(0, 1fr); }
body[data-experience="workshop"] .shell main { min-height: 0; }
body[data-experience="workshop"] #application { border: 0; border-radius: 0; }
body[data-experience="workshop"] #content { max-width: 1050px; margin: 0 auto; padding: 0 24px; }
body[data-experience="workshop"] #panel { height: calc(100dvh - 76px); }
body[data-experience="workshop"] .enterprise-chat { min-height: 0; height: 100%; }
body[data-experience="workshop"] .chat-scroll { scrollbar-gutter: stable; }
body[data-experience="workshop"] .is-empty .chat-scroll { display: flex; padding-block: 12px; }
body[data-experience="workshop"] .composer-dock { background: transparent; }
body[data-experience="workshop"] .chat-toolbar { padding-top: 14px; }
body[data-experience="workshop"][data-view="chat"] #application #panel { height: calc(100dvh - 76px); }
body[data-experience="workshop"] .aurora-field,
body[data-experience="workshop"] .motion-control { display: none; }
.workshop-header { display: flex; align-items: center; height: 76px; padding: 16px 30px; gap: 22px; border: 0; border-radius: 0; }
.workshop-header[hidden] { display: none; }
.workshop-header .brand-mark img { height: 32px; }
.workshop-header #workshop-company { font-size: 15px; font-weight: 500; }
.workshop-account { margin-left: auto; display: flex; gap: 6px; align-items: center; }
.workshop-account button { background: transparent; padding: 9px 12px; border-radius: 9px; font-size: 13px; }
.workshop-account button:hover { background: var(--soft); }
.workshop-hero { width: 100%; max-width: 640px; flex-shrink: 0; margin: auto; text-align: center; padding: 12px 20px 24px; }
.workshop-hero .ivi-home-presence { width: 240px; height: 120px; margin: 0 auto 16px; }
.workshop-hero .hero-dark { width: 200px; height: 200px; }
.workshop-hero h1 { font-size: clamp(27px, 4vw, 40px); letter-spacing: -1.1px; font-weight: 550; line-height: 1.2; margin: 0 0 16px; }
.workshop-hero p { max-width: 460px; margin: 0 auto; color: var(--muted); font-size: 16px; line-height: 1.6; }
.workshop-prompts { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 27px; }
.workshop-prompts button { border: 1px solid var(--line); border-radius: 24px; padding: 11px 16px; background: transparent; font-size: 13px; }
.workshop-prompts button:hover { background: var(--soft); }
@media (max-width: 640px) {
  .workshop-header { height: 64px; padding: 14px 16px; gap: 14px; }
  .workshop-header .brand-mark img { height: 25px; }
  .workshop-header #workshop-company { font-size: 13px; }
  .workshop-account { gap: 0; }
  .workshop-account button { padding: 7px; font-size: 12px; }
  .workshop-account [data-view="chat"] { display: none; }
  body[data-experience="workshop"] #content { padding: 0 10px; }
  body[data-experience="workshop"] #panel { height: calc(100dvh - 64px); }
  body[data-experience="workshop"][data-view="chat"] #application #panel { height: calc(100dvh - 64px); }
  .workshop-hero { padding: 22px 12px; }
  .workshop-hero p { font-size: 14px; }
  .workshop-prompts { gap: 8px; margin-top: 20px; }
  .workshop-hero .ivi-home-presence { height: 90px; margin-bottom: 12px; }
  .workshop-hero .hero-dark { width: 160px; height: 160px; }
}
@media (max-height: 700px) {
  .workshop-hero .ivi-home-presence { height: 64px; margin-bottom: 10px; }
  .workshop-hero .hero-dark { width: 130px; height: 130px; }
  .workshop-hero { padding-block: 8px; }
  .workshop-hero h1 { font-size: 27px; margin-bottom: 10px; }
  .workshop-prompts { margin-top: 16px; }
}
/* Uploaded bytes stay private; preview object URLs are revoked by the wrapper. */
.workshop-photo { display:flex; align-items:center; gap:12px; padding:12px; margin:0 0 10px; border:1px solid var(--line); border-radius:16px; background:var(--soft); }
.workshop-photo img { width:60px; height:70px; object-fit:cover; border-radius:8px; }
.workshop-photo > div { flex:1; min-width:0; display:grid; gap:5px; }
.workshop-photo strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.workshop-photo label { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:13px; }
.workshop-photo select { max-width:100%; padding:5px; border:1px solid var(--line); border-radius:7px; color:inherit; background:var(--surface); }
.workshop-photo small { font-size:11px; color:var(--muted); }
.workshop-photo > button { font-size:22px; padding:8px; border:0; background:transparent; color:inherit; }
.workshop-company-status { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
#workshop-source { width:fit-content; padding:0; border:0; background:transparent; font-size:11px; color:var(--muted); cursor:pointer; text-align:left; }
#workshop-source[data-available="false"] { color:var(--accent); }
.dictation-status { max-width: 780px; margin: 7px auto 0; color: var(--accent); font-size: 12px; line-height: 1.4; }

/* A single viewport: header, scrollable conversation and visible composer.
   Specificity matches the inherited chat skin so mobile rules actually win. */
body.authenticated[data-experience="workshop"][data-view="chat"] {
  position: fixed; inset: 0; height: var(--workshop-viewport-height, 100dvh);
  min-height: 0; overflow: hidden; display: flex; flex-direction: column;
}
body[data-experience="workshop"][data-view="chat"] .workshop-header {
  flex: 0 0 auto; height: calc(76px + env(safe-area-inset-top, 0px));
  padding-top: calc(16px + env(safe-area-inset-top, 0px));
}
body[data-experience="workshop"][data-view="chat"] #application {
  flex: 1 1 0; height: auto; min-height: 0; overflow: hidden;
  #content { height: 100%; width: 100%; min-height: 0; }
  #panel { height: 100%; min-height: 0; }
  .chat-scroll { overscroll-behavior-y: contain; }
  .composer-dock { background: transparent; }
  .composer-row { position: relative; }
  .enterprise-composer button[aria-label^="Ditar por voz"], .enterprise-composer button[aria-label="Parar ditado"] { display: none; }
  .workshop-dictation { position: absolute; right: 66px; bottom: 8px; width: 44px; height: 44px; padding: 0;
    display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--muted); }
  .workshop-dictation:hover, .workshop-dictation[aria-pressed="true"] { color: var(--accent); background: var(--soft); }
  .workshop-dictation:disabled { opacity: .4; }
}
@media (max-width: 767px) {
  body[data-experience="workshop"][data-view="chat"] .workshop-header {
    height: calc(60px + env(safe-area-inset-top, 0px));
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 10px; gap: 12px;
  }
  body[data-experience="workshop"] .workshop-account button { min-height: 40px; }
  body[data-experience="workshop"][data-view="chat"] #application {
    #content { padding: 0; }
    #panel { height: 100%; }
    .chat-toolbar { min-height: 48px; padding: 4px 14px; }
    .chat-context-detail { display: none; }
    .chat-scroll { padding: 8px 16px 14px; scrollbar-gutter: auto; }
    .workshop-hero { max-width: 380px; padding: 8px 4px 16px; }
    .workshop-hero .ivi-home-presence { width: 140px; height: 68px; margin-bottom: 16px; }
    .workshop-hero .hero-dark { width: 120px; height: 120px; }
    .workshop-hero .hero-light { width: 120px; }
    .workshop-hero h1 { font-size: 26px; line-height: 1.18; letter-spacing: -.7px; margin-bottom: 12px; }
    .workshop-hero p { max-width: 285px; font-size: 13px; line-height: 1.5; }
    .workshop-prompts { display: grid; grid-template-columns: 1fr; max-width: 280px; margin: 20px auto 0; gap: 7px; }
    .workshop-prompts button { min-height: 44px; padding: 10px 14px; border-radius: 14px; font-size: 13px; }
    .composer-dock { padding: 8px 12px max(10px, env(safe-area-inset-bottom, 0px)); }
    .enterprise-composer, .enterprise-composer:focus-within { border-radius: 20px; padding: 4px 10px 6px; }
    .enterprise-composer textarea { font-size: 16px; line-height: 1.4; padding: 8px 4px; min-height: 38px; max-height: min(100px, 22dvh); }
    .enterprise-composer > div { padding: 0; }
    .enterprise-composer > div button { min-width: 44px; min-height: 44px; }
    .chat-composer-meta { display: none; }
    .chat-status { font-size: 10px; line-height: 1.4; margin: 7px 4px 0; }
    .workshop-photo { gap: 8px; padding: 8px; margin-bottom: 8px; }
    .workshop-photo img { width: 42px; height: 50px; }
    .workshop-photo small { display: none; }
  }
  body[data-experience="workshop"][data-view="chat"][data-keyboard-open="true"] #application {
    .chat-toolbar { display: none; }
    .workshop-hero .ivi-home-presence, .workshop-hero p, .workshop-prompts { display: none; }
    .workshop-hero { padding: 4px; }
    .workshop-hero h1 { font-size: 18px; margin: 0; }
    .chat-status { display: none; }
    .composer-dock { padding-bottom: 8px; }
  }
}
@media (max-width: 767px) and (max-height: 650px) {
  body[data-experience="workshop"][data-view="chat"] #application {
    .workshop-hero .ivi-home-presence { height: 42px; margin-bottom: 8px; }
    .workshop-hero h1 { font-size: 23px; }
    .workshop-hero p { display: none; }
    .workshop-prompts { margin-top: 12px; }
  }
}