#aiSurveyBackdrop { position:fixed; inset:0; background:#0009; z-index:11019; }
#aiSurveyPanel { position:fixed; inset:4vh 4vw; max-width:1280px; margin:auto; padding:22px; overflow:auto; color:var(--text,#f2f5f8); background:#202a36; border:1px solid #657185; border-radius:12px; box-shadow:0 20px 70px #0008; z-index:11020; font-size:14px; line-height:1.6; }
#aiSurveyPanel[hidden], #aiSurveyBackdrop[hidden] { display:none; }
.ai-survey * { box-sizing:border-box; }
.ai-survey header, .ai-survey .as-actions, .ai-survey .as-file { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:space-between; }
#aiSurveyPanel > header { position:sticky; top:0; background:#202a36; z-index:1; padding:8px 0; }
.ai-survey h2 { margin:0; font-size:23px; }
.ai-survey h3 { font-size:17px; }
.ai-survey h4 { margin:12px 0 8px; font-size:15px; }
.ai-survey h5 { font-size:14px; margin:0; }
.ai-survey .as-columns { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; margin:20px 0; }
.ai-survey .as-help { padding:0 18px; border-left:2px solid #5eb4c8; }
.ai-survey fieldset { min-width:0; border:1px solid #657185; border-radius:8px; padding:14px; margin:12px 0; }
.ai-survey label { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.ai-survey input, .ai-survey textarea { width:100%; min-width:0; color:inherit; background:#151c26; border:1px solid #657185; border-radius:5px; padding:9px; font:inherit; }
.ai-survey textarea { resize:vertical; }
.ai-survey button { color:inherit; background:#344356; border:1px solid #7c899a; padding:8px 12px; border-radius:6px; cursor:pointer; font:inherit; }
.ai-survey .as-actions { justify-content:flex-start; }
.ai-survey .as-actions button:first-child { background:#16718b; border-color:#6dd9f3; }
.ai-survey button:disabled { opacity:.5; cursor:default; }
.ai-survey :focus-visible { outline:2px solid #7de3ff; outline-offset:3px; }
.ai-survey .as-files { max-height:160px; overflow:auto; padding-left:20px; overflow-wrap:anywhere; }
.ai-survey progress { width:100%; height:14px; margin-top:16px; accent-color:#6dd9f3; }
.ai-survey .as-muted { color:#bcc6d3; font-size:13px; }
.ai-survey .as-error { color:#ffb5aa; }
.ai-survey .as-card { border:1px solid #657185; border-radius:8px; padding:16px; margin:14px 0; background:#18222e; overflow-wrap:anywhere; }
.ai-survey .as-description { white-space:pre-wrap; max-height:220px; overflow:auto; }
.ai-survey summary { cursor:pointer; color:#9ee8fa; padding:8px 0; }
.ai-survey .as-file { border-top:1px solid #435269; padding:9px 0; }
.ai-survey .as-file span { flex:1; min-width:120px; overflow-wrap:anywhere; }
.ai-survey .as-delivery { border-left:3px solid #63dca1; padding:10px; margin:12px 0; }
.ai-survey .as-recipient { color:#9ee8fa; }
.as-ready { color:#b5ffd3 !important; border-color:#63dca1 !important; background:#17683e !important; box-shadow:0 0 12px #63dca177; }
.as-badge { display:inline-block; font-size:11px; margin-left:5px; padding:1px 5px; color:#123321; background:#b5ffd3; border-radius:8px; white-space:nowrap; }
.as-badge[hidden] { display:none; }
#btnAiSurvey { position:relative; flex-shrink:0; white-space:nowrap; }
#btnAiSurvey .as-badge { position:absolute; top:calc(100% + 4px); right:0; margin:0; }
@media(min-width:769px) {
  #topBar .dropdown-trigger { white-space:nowrap; }
  #topBar .brand .proj-name { white-space:nowrap; max-width:180px; overflow:hidden; text-overflow:ellipsis; }
}
@media(min-width:769px) and (max-width:2100px) {
  #topBar .brand .proj-name, #topBar .brand h1 { display:none; }
  #topBar .dropdown-trigger { padding:6px 7px; }
  #topBar > div:last-child { gap:4px !important; }
}
@media(min-width:769px) and (max-width:1800px) { #topBar .brand > img { display:none; } }
@media(min-width:769px) and (max-width:1550px) {
  #topBar > div:last-child .dropdown-trigger { padding:6px 4px; }
  #topBar > div:last-child .dropdown-trigger > .material-icons-round:first-child { display:none; }
  #topBar > div:last-child { gap:3px !important; }
}
.workspace-2d #btnAiSurvey { display:none; }
@media(max-width:900px) { .ai-survey .as-columns { grid-template-columns:minmax(0,1fr); } #aiSurveyPanel { inset:2vh 2vw; padding:16px; } .ai-survey .as-help { border-left:0; border-top:2px solid #5eb4c8; padding:0; } }