/* Stage 1: working area size and return controls. Colors use the current theme. */
@media screen {
html[data-upgrade="cocoa"] body[data-shell-view="integration"] .container { overflow-x:clip!important;overflow-y:visible!important; }
#integration-host:not(.is-full) #integration-frame {
  height:var(--interview-content-height,720px)!important;
  min-height:560px;
}
#integration-host .integration-bar {
  position:sticky;top:0;z-index:40;background:var(--ui-bg,#f7f3ef);padding:8px 0;
}
html[data-upgrade="cocoa"] #integration-host .integration-bar { margin:0!important;padding:8px 0!important;min-height:58px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="integration"] #integration-title {
  font:700 25px/1.4 var(--ui-display-font)!important;letter-spacing:-.4px!important;
  display:flex;align-items:center;gap:8px;
  border-left:4px solid var(--ui-section-ink);padding-left:12px;
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="integration"] #integration-title::before { content:none;display:none; }
#integration-host[data-work="selection"] { --ui-section-ink:var(--ui-interview-ink); --ui-section-soft:var(--ui-interview-soft); --ui-section-panel:var(--ui-interview-panel); }
#integration-host[data-work="interview"] { --ui-section-ink:var(--ui-interview-ink); --ui-section-soft:var(--ui-interview-soft); --ui-section-panel:var(--ui-interview-panel); }
#integration-host[data-work="lms"] { --ui-section-ink:var(--ui-operation-ink); --ui-section-soft:var(--ui-operation-soft); --ui-section-panel:var(--ui-operation-panel); }
#integration-host[data-work="budget"] { --ui-section-ink:var(--ui-operation-ink); --ui-section-soft:var(--ui-operation-soft); --ui-section-panel:var(--ui-operation-panel); }
@media(max-width:760px) {
  html[data-upgrade="cocoa"] { --ui-shell-gutter:12px; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="integration"] #integration-title { font-size:23px!important; }
}
#integration-note,#integration-state[data-kind="ready"] { display:none; }
.integration-judge-sharing { display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:12px 16px;margin:0 0 12px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;flex:none; }
.integration-judge-sharing[hidden],.judge-share-fallback[hidden] { display:none!important; }
.judge-share-label { display:flex;flex-direction:column;gap:2px; }.judge-share-label strong { font-size:13px;font-weight:600; }.judge-share-note { font-size:11px;color:var(--ui-muted); }
.judge-share-actions { display:flex;gap:8px;margin-left:auto; }
html[data-upgrade="cocoa"] .integration-share-control { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--ui-control-line);border-radius:7px;background:var(--ui-header);color:var(--ui-accent);font:600 13px/1.5 var(--ui-font);text-decoration:none;cursor:pointer; }
.integration-share-control svg { width:18px;height:18px; }
.integration-judge-sharing [role="status"] { width:100%;font-size:12px;color:var(--ui-success); }.integration-judge-sharing [role="status"]:empty { display:none; }
.judge-share-fallback { width:100%;font-size:12px; }.judge-share-fallback input { width:100%;padding:8px;border:1px solid var(--ui-control-line); }
@media(max-width:600px) { .integration-judge-sharing { padding:10px; }.judge-share-actions { width:100%;margin-left:0; }.judge-share-actions > * { flex:1; }html[data-upgrade="cocoa"] .integration-share-control { font-size:12px;padding:8px 6px; } }
#integration-host .integration-actions { flex-wrap:wrap;flex-shrink:0; }
#integration-host .integration-actions button { white-space:nowrap; }
#integration-host.is-full {
  position:fixed;inset:0;z-index:9000;display:flex!important;flex-direction:column;
  width:100%;height:100dvh;margin:0!important;padding:0 16px 12px;
  overflow:hidden;background:var(--ui-bg,#f7f3ef);box-sizing:border-box;
}
#integration-host.is-full .integration-bar { position:relative;flex:none;padding:12px 0;margin:0; }
#integration-host.is-full #integration-note { display:none; }
#integration-host.is-full .integration-state { flex:none;margin:0 0 8px; }
#integration-host.is-full #integration-frame {
  flex:1 1 0;min-height:0!important;height:0!important;width:100%;
}
html[data-upgrade="cocoa"] #manual-modal .manual-header { flex-wrap:wrap; }
#manual-modal .manual-tools { flex-wrap:wrap;justify-content:flex-end; }
#manual-modal .manual-tool { white-space:nowrap; }
@media(max-width:600px) {
  #integration-host.is-full { padding:0 10px 10px; }
  #integration-host.is-full .integration-bar { gap:8px; }
  #integration-host.is-full .integration-bar h2 { font-size:18px; }
  #integration-host.is-full .integration-actions { gap:6px; }
  html[data-upgrade="cocoa"] #manual-modal .manual-header { gap:8px;padding:10px 12px!important; }
  #manual-modal .manual-tools { gap:6px; }
}
}

/* Judge sharing controls belong to the task toolbar, not a separate card. */
@media screen {
  #integration-host[data-role="judge"] .integration-bar {
    display:grid;grid-template-columns:minmax(145px,1fr) auto auto;align-items:center;gap:8px 12px;
  }
  #integration-host .integration-heading { min-width:0; }
  #integration-host .judge-share-note { margin:2px 0 0;color:var(--ui-muted);font-size:11px;line-height:1.4; }
  #integration-host .judge-share-note[hidden] { display:none; }
  #integration-host .integration-judge-sharing { display:contents; }
  #integration-host .judge-share-actions { grid-column:2;grid-row:1;margin:0;gap:6px;width:auto; }
  #integration-host[data-role="judge"] .integration-actions { grid-column:3;grid-row:1;gap:6px; }
  #integration-host .integration-judge-sharing > [role="status"],
  #integration-host .judge-share-fallback { grid-column:1 / -1; }
  html[data-upgrade="cocoa"] #integration-host[data-role="judge"] .integration-share-control { min-height:40px;font-size:13px;padding:8px 10px; }
  @media(max-width:900px) {
    #integration-host[data-role="judge"] .integration-bar { grid-template-columns:minmax(0,1fr) auto; }
    #integration-host[data-role="judge"] .integration-actions { grid-column:2; }
    #integration-host .judge-share-actions { grid-column:1 / -1;grid-row:2;justify-content:flex-end; }
  }
  @media(max-width:600px) {
    #integration-host[data-role="judge"] .integration-bar { grid-template-columns:minmax(0,1fr); }
    #integration-host[data-role="judge"] .integration-actions { grid-column:1;grid-row:2;justify-content:flex-start; }
    #integration-host .judge-share-actions { grid-column:1;grid-row:3;justify-content:flex-start; }
    #integration-host .judge-share-actions > * { flex:none; }
    html[data-upgrade="cocoa"] #integration-host[data-role="judge"] .integration-share-control { font-size:12px; }
  }
}