.quote-ai-scope { margin: 16px 0; padding: 18px; border: 1px solid var(--border-subtle, #ccd6de); border-left: 3px solid var(--accent, #237c87); border-radius: 12px; background: var(--bg-elevated-soft, #f5fafb); color: var(--text-main, #173744); min-width: 0; }
.quote-ai-scope label { display: block; font-size: 14px; font-weight: 650; line-height: 1.5; }
.quote-ai-scope textarea { display: block; box-sizing: border-box; width: 100%; min-height: 106px; margin: 12px 0 8px; padding: 12px 14px; border: 1px solid var(--border-subtle, #b8ccd6) !important; border-radius: 8px; background: var(--bg-elevated, #fff) !important; color: var(--text-main, #173744); font: inherit; font-size: 14px; line-height: 1.6; resize: vertical; }
.quote-ai-scope textarea:focus { outline: 2px solid var(--accent, #237c87); outline-offset: 2px; box-shadow: none; }
.quote-ai-scope textarea::placeholder { color: var(--text-muted, #647c87) !important; opacity: 1; }
.quote-ai-scope textarea:disabled { background: #edf2f4; }
.quote-ai-scope small, .quote-scope-help { display: block; color: var(--text-muted, #4c6773); font-size: 12px; line-height: 1.6; }
.quote-scope-help { margin: 6px 0 0; }
.quote-scope-panel { padding: 0 14px 14px; }
.quote-scope-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--text-muted, #4c6773); }
.sp-wiz-step > .quote-ai-scope { margin: 0; }
@media (max-width: 600px) { .quote-ai-scope { padding: 14px; } .quote-ai-scope textarea { font-size: 16px !important; } }