/* 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-strong3); background: var(--ds-surface);
  border: 1px solid var(--ds-line); border-radius: 16px; padding: 16px 18px;
  box-shadow: var(--elev-7); 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(--ds-text-muted); 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 var(--line); overflow-wrap:anywhere }
.zai-page-plan li div { padding:4px 8px; font-size:14px }
.zai-page-plan del { color:var(--ds-text-muted); 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(--line); border-radius:8px; padding:6px 10px; background:var(--ds-surface-muted); color:inherit; cursor:pointer }
.zai-page-plan button:focus-visible { outline:2px solid #168783; 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-strong2); background:#fffaf2; 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-muted); color:var(--zai-ink-2); 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(--ds-text-muted) }
.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(--ds-accent-soft) }
.zai-file-item button:disabled { opacity:.4; cursor:wait }
.zai-file-item.ready>span { color:var(--text-teal-base3) }
.zai-file-item.failed,.zai-file-item.partial { border-color:#e4be87; background:#fffaf2 }
.zai-file-item.failed small,.zai-file-item.partial small { color:var(--text-warn-strong1) }
.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-4) }
.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,#d6dfe8);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,#d6dfe8);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,#f8fafc)}
.zai-business-actions b{font-size:14px}.zai-business-actions small{font-size:12px;color:var(--muted,#647582);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%}}