.scc-ai-panel { margin: 24px 0; padding: 20px; border: 1px solid #c7c1b4; border-radius: 6px; background: #fff; }
.scc-ai-panel[hidden], .scc-ai-panel [hidden] { display: none !important; }
.scc-ai-panel h2 { font-size: 1.2rem; margin: 0 0 12px; }
.scc-ai-panel p { margin: 0 0 12px; }
.scc-ai-notice { font-size: .85rem; color: #555; }
.scc-ai-panel iframe { width: 100%; height: 360px; border: 0; display: block; }
.scc-ai-panel a { text-decoration: underline; }
.scc-ai-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.scc-ai-panel button { padding: 10px 12px; cursor: pointer; border: 1px solid #777; border-radius: 4px; background: #fff; color: #333; }
.scc-ai-panel button:focus-visible, .scc-ai-panel a:focus-visible { outline: 2px solid #2b2e40; outline-offset: 3px; }
.scc-ai-compact .scc-ai-shell-hidden { display: none !important; }
.scc-ai-compact, .scc-ai-compact body { background: #fff; min-height: 0; }
.scc-ai-compact .container, .scc-ai-compact .search-results, .scc-ai-compact .search-results-column { display: block; width: 100%; margin: 0; padding: 0; max-width: none; }
.scc-ai-compact #scc-native-generative-answer { padding: 8px; }
@media (max-width: 600px) { .scc-ai-panel { padding: 12px; } .scc-ai-actions button { width: 100%; } }

/* Search feedback: visible progress without blocking the form. */
.scc-ai-status{display:flex;align-items:flex-start;gap:14px;padding:12px 0;}
.scc-ai-status-title{display:block;line-height:1.5;font-weight:600;}
.scc-ai-status-detail{font-size:.92rem;line-height:1.5;margin:7px 0 0!important;}
.scc-ai-status-copy{flex:1;min-width:0;}
.scc-ai-status.scc-ai-loading{padding:20px;border:1px solid #d7c4a7;border-radius:8px;background:#faf4ea;color:#2b2e40;min-height:150px;margin-bottom:12px;}
.scc-ai-spinner{display:block;flex:none;width:26px;height:26px;margin-top:3px;border:3px solid #ded2c0;border-top-color:#856035;border-radius:50%;animation:scc-ai-spin 1s linear infinite;}
.scc-ai-skeleton{margin-top:18px;}
.scc-ai-skeleton span{display:block;height:8px;margin-top:9px;border-radius:6px;background:linear-gradient(90deg,#e9e0d2,#f7f1e8,#e9e0d2);background-size:200% 100%;animation:scc-ai-shimmer 1.8s ease-in-out infinite;}
.scc-ai-skeleton span:last-child{width:65%;}
@keyframes scc-ai-spin{to{transform:rotate(360deg)}}
@keyframes scc-ai-shimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.scc-ai-spinner,.scc-ai-skeleton span{animation:none;}}