/* Shared, compact page proposal surface; no overlay and no page navigation. */
cis-form [data-page-filled], sam-form [data-page-filled] { outline:2px solid var(--brand,#176966); outline-offset:2px }
.zai-page-plan {
  box-sizing: border-box; color: var(--text-neutral-strong2); background: var(--ds-surface);
  border: 1px solid var(--ds-line); border-radius: 16px; padding: 16px 18px;
  box-shadow: 0 8px 32px rgba(32, 52, 64, 0.071); max-height: min(52vh, 480px);
  overflow: auto; overscroll-behavior: contain; font-size: 14px; line-height: 1.55;
}
.zai-page-plan header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px }
.zai-page-plan header b { font-size:15px; font-weight:600 }
.zai-page-plan p { font-size:14px; line-height:1.6; white-space:pre-wrap; margin:8px 0; overflow-wrap:anywhere }
.zai-page-plan .zai-page-note, .zai-page-plan small { color:var(--text-neutral-soft5); font-size:12px }
.zai-page-plan ul { padding:0; margin:12px 0; list-style:none }
.zai-page-plan li { padding:10px 0; border-top:1px solid #edf1f4; overflow-wrap:anywhere }
.zai-page-plan li div { padding:4px 8px; font-size:14px }
.zai-page-plan del { color:var(--ink-3); margin-right:6px }
.zai-page-plan strong { font-weight:600; color:var(--brand-text) }
.zai-page-lookups { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 }
.zai-page-lookups:empty { display:none }
.zai-page-lookups button { max-width:100%; white-space:normal; text-align:left; overflow-wrap:anywhere }
.zai-page-plan button { font:inherit; font-size:13px; border:1px solid var(--ds-line); border-radius:8px; padding:6px 10px; background:var(--ds-surface); color:inherit; cursor:pointer }
.zai-page-plan button:focus-visible { outline:2px solid #16857f; outline-offset:2px }
.zai-page-plan button:disabled { opacity:.45; cursor:not-allowed }
.zai-page-plan [data-page-action=select] { border:0; background:transparent; padding-left:0; font-weight:600; text-align:left }
.zai-page-plan footer { display:flex; justify-content:flex-end; padding-top:10px }
.zai-page-plan footer button { background:var(--brand,#176966); color:#ffffff; border:0 }
.zai-page-plan .zai-page-overwrite { display:block; margin-top:8px; color:var(--text-warn-strong1); background:#fffaf1; border-color:#eddfc5 }
@media(max-width:640px) {
  .zai-page-plan { max-height:45dvh; padding:12px; border-radius:12px }
  .zai-page-plan header b { font-size:14px }
}

/* Compact file feedback in floating and full chat. */
.zai-file-tray { display:flex; flex-wrap:wrap; gap:8px; width:100%; max-height:176px; overflow:auto; padding:8px 2px; box-sizing:border-box }
.zai-file-item { display:flex; align-items:center; gap:8px; max-width:100%; min-width:180px; padding:8px 10px; border:1px solid var(--ds-line); border-radius:10px; background:var(--ds-surface); color:var(--text-neutral-strong2); box-sizing:border-box; font-size:13px }
.zai-file-item a { color:inherit; text-decoration:none }
.zai-file-item a:hover { text-decoration:underline }
.zai-file-item>div { min-width:0; flex:1 }
.zai-file-item b { display:block; max-width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; font-weight:600; line-height:1.45 }
.zai-file-item small,.zai-file-item em { display:block; max-width:300px; font-size:11px; font-weight:400; font-style:normal; line-height:1.5; color:var(--text-neutral-soft5) }
.zai-file-item em { max-height:48px; overflow:auto }
.zai-file-item button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border:0; background:transparent; color:inherit; min-width:28px; min-height:30px; padding:3px 5px; border-radius:6px; font-size:12px; cursor:pointer }
.zai-file-item button:hover { background:var(--brand-bg) }
.zai-file-item button:disabled { opacity:.4; cursor:wait }
.zai-file-item.ready>span { color:var(--text-teal-base4) }
.zai-file-item.failed,.zai-file-item.partial { border-color:#e4be87; background:#fffaf1 }
.zai-file-item.failed small,.zai-file-item.partial small { color:var(--text-warn-base5) }
.zai-file-item.uploading>span,.zai-file-item.recognizing>span { animation:zai-files-spin 1.5s linear infinite }
.zai-codex-float>.zai-file-tray { background:rgba(255, 255, 255, 0.98); border:1px solid var(--ds-line); border-radius:12px; padding:8px; box-shadow:var(--elev-3) }
.zai-floating-plus { cursor:pointer; display:inline-flex; align-items:center; justify-content:center }
.zai-workspace-materials:has(.zai-file-tray),.zai-material-chips:has(.zai-file-tray) { display:block; width:100% }
@keyframes zai-files-spin { to { transform:rotate(360deg) } }
@media(max-width:640px) { .zai-file-tray { flex-wrap:nowrap; max-height:140px } .zai-file-item { min-width:220px; max-width:85vw } .zai-file-item b { max-width:170px } }

/* Business assistant results: concise next steps, shared across both systems. */
.zai-business-panel{margin:12px 0;padding:14px;border:1px solid var(--line,#dbe2ec);border-radius:14px;background:var(--surface,#ffffff);color:var(--text,#243741);font-size:14px}
.zai-business-panel>header{font-weight:700;margin-bottom:10px}
.zai-business-actions{display:flex;flex-wrap:wrap;gap:8px;max-height:240px;overflow:auto}
.zai-business-actions>button{display:flex;flex:1 1 190px;flex-direction:column;align-items:flex-start;gap:5px;padding:11px 14px;max-width:100%;border:1px solid var(--line,#dbe2ec);border-radius:10px;background:var(--surface,#ffffff);color:inherit;cursor:pointer;text-align:left;font-family:inherit}
.zai-business-actions>button:hover{border-color:var(--primary,#3157b7);background:var(--hover,#f8faff)}
.zai-business-actions b{font-size:14px}.zai-business-actions small{font-size:12px;color:var(--muted,#657682);overflow-wrap:anywhere}
.zai-codex-float .zai-business-panel{max-height:280px;overflow:auto;margin-bottom:10px}
@media(max-width:640px){.zai-business-actions>button{flex-basis:100%}}

/* Same conversation components as /zai, with only a floating window frame. */
html .sam-app-shell sam-assistant .zai-history-list [hidden] {display:none!important}
html .sam-app-shell sam-assistant .zai-codex-float.zai-float-workspace {
  display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:0;
  width:min(880px,calc(100vw - 40px)); height:min(680px,72dvh); max-height:calc(100dvh - 160px);
  overflow:hidden; border:1px solid var(--ds-line-strong); border-radius:22px;
  background:var(--ds-surface); color:var(--text-neutral-strong2); box-shadow:0 18px 60px rgba(22, 45, 100, 0.2);
}
html .sam-app-shell sam-assistant .zai-float-head {display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--ds-line);background:var(--ds-surface-muted);min-width:0}
html .sam-app-shell sam-assistant .zai-float-head img {width:34px;height:34px;border-radius:11px}
html .sam-app-shell sam-assistant .zai-float-head>div {min-width:0;flex:1}
html .sam-app-shell sam-assistant .zai-float-head b {display:block;font-size:16px}
html .sam-app-shell sam-assistant .zai-float-head small {display:block;font-size:11px;color:var(--ds-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html .sam-app-shell sam-assistant .zai-float-head button {flex:none;width:34px;height:34px;border:1px solid var(--ds-line);border-radius:9px;background:var(--ds-surface);color:var(--ds-accent);font:18px var(--font);cursor:pointer}
html .sam-app-shell sam-assistant .zai-float-workspace button:disabled {opacity:.5;cursor:not-allowed}
html .sam-app-shell sam-assistant .zai-float-workspace button:focus-visible,html .sam-app-shell sam-assistant .zai-float-workspace .zai-attach:focus-within {outline:2px solid #3457bd;outline-offset:2px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-conversation {min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px;background:var(--ds-surface)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-thread {display:block;width:100%;max-width:none;min-height:0;padding:20px 0;margin:0}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-turn {display:flex;gap:10px;margin:0 0 20px;min-width:0}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-turn.user {justify-content:flex-end}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-main {min-width:0;max-width:calc(100% - 42px)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-avatar {flex:none;width:30px;height:30px;border:0;background:none;box-shadow:none}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-avatar img {width:100%;height:100%;object-fit:cover;border-radius:10px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-main header {display:flex;gap:9px;font-size:12px;color:var(--ds-text-secondary)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-main time {color:var(--ds-text-muted);font-size:11px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-message {margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.75 var(--font);color:var(--text-neutral-strong2);box-shadow:none;border:0;max-width:100%}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-message.assistant {padding:0;background:transparent}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-message.user {padding:10px 14px;background:var(--brand-bg);border-radius:14px 14px 4px 14px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-main footer {opacity:1}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-main footer button {border:0;background:transparent;color:var(--ds-text-muted);font-size:11px;padding:3px 0;cursor:pointer}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-turn-main footer svg {width:12px;height:12px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-date-divider {display:flex;justify-content:center;font-size:11px;color:var(--ink-3);margin:0 0 16px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-composer {padding:12px 16px 10px;background:var(--ds-surface);border-top:1px solid var(--ds-line);min-width:0}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-surface {display:block;width:100%;max-width:none;margin:0}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-card {display:grid;grid-template-columns:76px minmax(0,1fr) 40px;gap:0 8px;padding:8px;width:100%;min-height:64px;border:1px solid var(--ds-line-strong);border-radius:14px;box-sizing:border-box;background:var(--ds-surface)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-card:focus-within {border-color:#6982d3;box-shadow:0 0 0 3px rgba(49, 86, 184, 0.063)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-materials {grid-column:1/-1;grid-row:1;min-width:0;max-height:116px;overflow:auto}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-file-tray {max-height:110px;margin:0;padding:0 0 8px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-file-grid {grid-template-columns:1fr}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-input-tools {display:flex;grid-column:1;grid-row:2;align-self:end;gap:0;border:1px solid var(--ds-line);border-radius:10px;height:36px;margin:5px 0;padding:0;background:var(--ds-surface-muted)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-input-tool {display:grid;place-items:center;width:36px;min-width:36px;height:34px;padding:0;border:0;background:none;color:var(--text-blue-soft19);box-shadow:none;cursor:pointer}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-input-tool svg {width:20px;height:20px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-input-tool span {display:none}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-card textarea {grid-column:2;grid-row:2;width:100%;min-height:48px;max-height:144px;box-sizing:border-box;padding:10px 0;margin:0;border:0!important;border-radius:0;outline:0;box-shadow:none!important;resize:none;background:transparent;font:400 15px/1.6 var(--font);color:var(--text-neutral-strong2)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-send {display:grid;place-items:center;grid-column:3;grid-row:2;align-self:end;width:40px;height:40px;margin:4px 0;padding:0;border:0;border-radius:12px;background:#3048b8;color:#ffffff;cursor:pointer;box-shadow:none}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-send {min-width:0!important}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-send::after {content:none}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-send svg {width:22px;height:22px;transform:rotate(-90deg)}
html .sam-app-shell sam-assistant .zai-approval-reference p {flex-basis:100%;white-space:pre-wrap;font-size:14px;line-height:1.7}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-keyboard {display:none}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-voice-state {position:static;grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:6px;padding:6px;font-size:12px;color:var(--ds-accent)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-voice-state i {width:3px;height:12px;background:currentColor;border-radius:3px;animation:zai-float-wave .8s ease-in-out infinite alternate}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-voice-state time {margin-left:auto}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-footer {padding:6px 2px 0;margin:0}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-notice {display:block;font-size:11px;line-height:1.5;color:var(--ds-text-muted)}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-compose-shortcuts {display:flex;gap:6px;overflow-x:auto;margin-bottom:6px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-compose-shortcuts button {flex:none;font:12px var(--font);background:var(--ds-surface-muted);color:var(--text-blue-soft18);border:1px solid var(--ds-line);border-radius:12px;padding:5px 9px}
html .sam-app-shell sam-assistant .zai-float-workspace .zai-page-plan,html .sam-app-shell sam-assistant .zai-float-workspace .zai-business-panel {max-height:none;overflow:visible;box-shadow:none}
html .sam-app-shell sam-assistant .zai-float-history {display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:14px;background:var(--ds-surface-muted)}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-list {overflow-y:auto;min-height:0}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-search {display:flex;gap:8px;align-items:center;border:1px solid var(--ds-line);background:var(--ds-surface);padding:8px 12px;border-radius:10px;margin-bottom:12px}
html .sam-app-shell sam-assistant .zai-float-history input {width:100%;border:0;background:transparent;outline:0;font-size:14px}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-group>header {display:flex;justify-content:space-between;font-size:12px;color:var(--ds-text-muted);padding:8px}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-item {position:relative;display:flex;border:1px solid transparent;border-radius:10px;margin:4px 0}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-item.active {background:var(--brand-bg);border-color:#d7e1f8}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-main {flex:1;min-width:0;display:grid;gap:4px;text-align:left;border:0;padding:10px;background:transparent;cursor:pointer}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-main b {font-size:14px;color:var(--text-blue-strong7)}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-main span,html .sam-app-shell sam-assistant .zai-float-history .zai-history-main small {font-size:12px;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
html .sam-app-shell sam-assistant .zai-float-history .zai-history-delete {border:0;background:none;color:var(--ink-3);padding:8px;cursor:pointer}
html .sam-app-shell sam-assistant .zai-float-welcome h2 {font-size:23px;margin:12px 0;color:var(--text-blue-strong7)}
html .sam-app-shell sam-assistant .zai-float-welcome p {font-size:14px;color:var(--ds-text-muted)}
html .sam-app-shell sam-assistant .zai-float-welcome .assistant-prompts {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
html .sam-app-shell sam-assistant .zai-float-welcome button {font:13px var(--font);padding:10px 12px;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface-muted);color:var(--text-blue-base13);text-align:left;cursor:pointer}
html .sam-app-shell sam-assistant .zai-approval-reference {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0;color:var(--ds-text-muted);font-size:12px}
html .sam-app-shell sam-assistant .zai-approval-reference button {border:1px solid #c9d6f5;border-radius:9px;background:var(--brand-bg);color:var(--text-blue-base10);padding:8px 12px;font:13px var(--font);cursor:pointer}
@media(max-width:760px){
  html .sam-app-shell sam-assistant .zai-codex-float.zai-float-workspace {width:calc(100vw - 16px);height:calc(100dvh - 176px);max-height:calc(100dvh - 176px);border-radius:16px}
  html .sam-app-shell sam-assistant .zai-float-head {padding:10px;gap:6px}
  html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-conversation {padding:0 12px}
  html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-composer {padding:8px}
  html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-card {grid-template-columns:64px minmax(0,1fr) 36px;gap:0 6px;padding:6px}
  html .sam-app-shell sam-assistant .zai-float-workspace .zai-input-tool {width:31px;min-width:31px}
  html .sam-app-shell sam-assistant .zai-float-workspace .zai-composer-card textarea {font-size:16px;max-height:96px}
  html .sam-app-shell sam-assistant .zai-float-workspace .zai-send {width:36px;height:36px}
  html .sam-app-shell sam-assistant .zai-float-workspace .zai-workspace-materials {max-height:88px}
}