/* RaASaAD Premium Results Workspace v2 — presentation layer only */
:root{
  --rx-bg:#f4f7fb;--rx-surface:#fff;--rx-surface-2:#f8fafd;--rx-text:#152033;--rx-muted:#718096;--rx-border:rgba(20,43,70,.10);
  --rx-primary:#087ea4;--rx-primary-2:#20b8d5;--rx-purple:#7357dc;--rx-green:#15956a;--rx-orange:#e18a31;
  --rx-radius:20px;--rx-shadow:0 10px 34px rgba(17,38,63,.07);--rx-shadow-hover:0 20px 55px rgba(17,38,63,.12);
}
[data-theme=dark]{--rx-bg:#07111d;--rx-surface:#0d1927;--rx-surface-2:#111f30;--rx-text:#edf5fc;--rx-muted:#95a6ba;--rx-border:rgba(174,205,235,.12);--rx-shadow:0 12px 42px rgba(0,0,0,.24);--rx-shadow-hover:0 24px 70px rgba(0,0,0,.38)}
html,body{background:var(--rx-bg)!important;color:var(--rx-text)}
body{background-image:radial-gradient(900px 420px at 80% -10%,rgba(32,184,213,.10),transparent 62%),radial-gradient(760px 380px at 4% 18%,rgba(115,87,220,.07),transparent 60%),linear-gradient(180deg,var(--rx-bg),var(--rx-bg))!important}
.ra-app{position:relative}
.ra-header{background:color-mix(in srgb,var(--rx-surface) 86%,transparent)!important;border-bottom:1px solid var(--rx-border)!important;box-shadow:0 8px 30px rgba(15,35,60,.035)}
.ra-header-inner{min-height:76px!important;grid-template-columns:220px minmax(0,1fr) 118px!important;gap:22px!important}
.ra-brand{padding:5px 0}.ra-brand-mark{width:42px!important;height:42px!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(8,126,164,.24)!important}
.ra-brand-name{font-size:20px!important;font-weight:950!important;letter-spacing:-.9px}.ra-brand-sub{font-size:9px!important;letter-spacing:.1px}
.ra-search{max-width:820px!important}.ra-search-box{height:56px!important;border-radius:18px!important;padding:5px 7px 5px 16px!important;box-shadow:0 8px 26px rgba(17,38,63,.07)!important}
.ra-search-box:focus-within{border-color:rgba(8,126,164,.38)!important;box-shadow:0 0 0 5px rgba(8,126,164,.07),0 12px 34px rgba(17,38,63,.09)!important}
.ra-search-input{font-size:14.5px!important}.ra-search-action{width:43px!important;height:43px!important;border-radius:14px!important}
.ra-header-actions{gap:8px!important}.ra-chat-trigger{height:43px!important;border-radius:14px!important;padding:0 12px!important}.ra-theme-trigger{width:43px!important;height:43px!important;border-radius:14px!important}
.ra-nav{border-top:1px solid var(--rx-border)!important}.ra-nav-inner{min-height:50px!important;gap:4px!important}.ra-nav-item{height:50px!important;padding:0 15px!important;border-radius:12px 12px 0 0;font-weight:720!important}.ra-nav-item:hover{background:rgba(8,126,164,.055)!important}.ra-nav-item.active{background:linear-gradient(180deg,rgba(8,126,164,.075),transparent)!important}.ra-nav-item.active:after{height:3px!important;left:13px!important;right:13px!important}
.ra-main{padding:28px 0 96px!important}.ra-layout{grid-template-columns:minmax(0,1fr) 310px!important;gap:26px!important}
.search-status{margin:0 3px 12px!important;height:32px}.status-text{font-size:11px}.status-badge{border-radius:999px!important;padding:6px 10px!important;background:var(--rx-surface)!important;box-shadow:0 3px 12px rgba(20,40,65,.04)}
.suggestion-box{border:1px solid rgba(8,126,164,.12)!important;border-radius:15px!important;background:linear-gradient(100deg,rgba(8,126,164,.07),var(--rx-surface))!important}
.ai-center{padding:27px!important;border-radius:24px!important;background:linear-gradient(145deg,var(--rx-surface),var(--rx-surface-2))!important;border:1px solid var(--rx-border)!important;box-shadow:var(--rx-shadow)!important}
.ai-center:before{width:290px!important;height:290px!important;left:-140px!important;top:-160px!important;background:radial-gradient(circle,rgba(32,184,213,.14),transparent 68%)!important;filter:none!important}.ai-center:after{width:300px!important;height:300px!important;right:-150px!important;bottom:-180px!important;background:radial-gradient(circle,rgba(115,87,220,.11),transparent 68%)!important;filter:none!important}
.ai-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.ai-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(8,126,164,.13);background:rgba(8,126,164,.055);border-radius:999px;color:var(--rx-primary);font-size:9px;font-weight:850;letter-spacing:.25px}.ai-live{width:6px;height:6px;border-radius:50%;background:var(--rx-green);box-shadow:0 0 0 4px rgba(21,149,106,.10)}
.ai-title{margin:12px 0 5px!important;font-size:22px!important;line-height:1.55!important;letter-spacing:-.35px}.ai-title-highlight{background:linear-gradient(90deg,var(--rx-primary),var(--rx-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.ai-description{font-size:12px!important;color:var(--rx-muted)!important}
.ai-understanding{flex:none;width:92px;height:92px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(8,126,164,.10),rgba(115,87,220,.09));border:1px solid rgba(8,126,164,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.understanding-number{font-size:25px;font-weight:950;line-height:1;color:var(--rx-primary)}.understanding-label{margin-top:6px;font-size:8px;color:var(--rx-muted);font-weight:800}
.conversation-flow{position:relative;z-index:1;display:grid;gap:8px;margin-top:20px}.conversation-line{display:flex;align-items:flex-start;gap:9px}.conversation-avatar{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--rx-surface-2);border:1px solid var(--rx-border);color:var(--rx-primary);font-size:12px}.conversation-message{flex:1;padding:7px 11px;border-radius:12px;background:rgba(127,150,175,.055);color:var(--rx-muted);font-size:11.5px}.conversation-message strong{color:var(--rx-text);font-weight:800}
.ai-answer-box{position:relative;z-index:1;margin-top:14px!important;border:1px solid var(--rx-border)!important;border-radius:15px!important;background:var(--rx-surface)!important}.ai-answer-title{padding:11px 13px!important;font-size:11px!important}.ai-answer-content{padding:0 13px 13px;color:var(--rx-muted);font-size:11.5px;line-height:1.9}
.ra-market-panel{position:relative;z-index:1;margin-top:15px;padding:15px;border-radius:17px;background:rgba(8,126,164,.035);border:1px solid rgba(8,126,164,.10)}.ra-market-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.ra-market-head strong{font-size:12px}.ra-market-head small{display:block;color:var(--rx-muted);font-size:9px;margin-top:2px}.ra-market-head>span{font-size:9px;color:var(--rx-primary);padding:4px 7px;border-radius:999px;background:rgba(8,126,164,.08)}.ra-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ra-market-item{min-width:0;padding:11px;border:1px solid var(--rx-border);border-radius:13px;background:var(--rx-surface);transition:.2s ease}.ra-market-item:hover{transform:translateY(-2px);box-shadow:var(--rx-shadow)}.ra-market-type{font-size:8px;color:var(--rx-purple);font-weight:800;margin-bottom:4px}.ra-market-item strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ra-market-item p{margin:4px 0;color:var(--rx-muted);font-size:9px;line-height:1.7;min-height:31px}.ra-market-meta{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:8px}.ra-market-meta span{color:var(--rx-green)}.ra-market-meta a{color:var(--rx-primary);font-weight:800}
.intent-area{position:relative;z-index:1;margin-top:18px;padding-top:15px;border-top:1px solid var(--rx-border)}.intent-label{font-size:10px;color:var(--rx-muted);font-weight:750;margin-bottom:8px}.intent-chips{margin-top:0!important;gap:7px!important}.intent-chip{border:1px solid var(--rx-border)!important;border-radius:11px!important;background:var(--rx-surface)!important;padding:7px 10px!important;font-size:10px!important}.intent-chip.primary{color:var(--rx-primary)!important;background:rgba(8,126,164,.065)!important;border-color:rgba(8,126,164,.18)!important;box-shadow:0 5px 15px rgba(8,126,164,.07)}
.learning-panel{position:relative;z-index:1;margin-top:12px!important;padding:13px!important;border:1px solid rgba(115,87,220,.13)!important;border-radius:15px!important;background:linear-gradient(100deg,rgba(115,87,220,.055),rgba(8,126,164,.035))!important}.learning-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.learning-title{font-size:11px;font-weight:850}.learning-title-icon{color:var(--rx-purple);margin-left:4px}.learning-note{font-size:8px;color:var(--rx-purple);padding:3px 6px;border-radius:999px;background:rgba(115,87,220,.08)}.learning-input-row{display:flex;gap:7px;margin-top:9px}.learning-input{flex:1;min-width:0;border:1px solid var(--rx-border);border-radius:11px;background:var(--rx-surface);color:var(--rx-text);outline:0;padding:9px 11px;font-size:10.5px}.learning-input:focus{border-color:rgba(115,87,220,.4);box-shadow:0 0 0 4px rgba(115,87,220,.06)}.learning-send{border:0;border-radius:11px;padding:0 14px;background:linear-gradient(135deg,var(--rx-purple),#5541ba);color:#fff;font-size:10px;font-weight:800}
.result-list{gap:11px!important}.result-card{border-radius:18px!important;padding:19px 20px!important;background:color-mix(in srgb,var(--rx-surface) 97%,var(--rx-primary))!important;border:1px solid var(--rx-border)!important;box-shadow:0 4px 20px rgba(17,38,63,.035)!important}.result-card:hover{transform:translateY(-2px)!important;border-color:rgba(8,126,164,.20)!important;box-shadow:var(--rx-shadow-hover)!important}.result-domain-row{margin-bottom:5px!important}.result-domain{font-size:10px!important}.result-title{font-size:17px!important;line-height:1.55!important;margin-bottom:5px!important}.result-description{font-size:12px!important;line-height:1.95!important;color:var(--rx-muted)!important}.result-actions{gap:6px!important;margin-top:13px!important}.result-action{border-radius:10px!important;background:var(--rx-surface-2)!important;font-size:9.5px!important;padding:6px 9px!important}.result-action.ai-action{color:var(--rx-purple)!important;background:rgba(115,87,220,.055)!important;border-color:rgba(115,87,220,.13)!important}.result-image-wrap{width:120px!important;height:90px!important;border-radius:14px!important}
.empty-state{border-radius:19px!important;background:var(--rx-surface)!important;box-shadow:var(--rx-shadow)!important;border:1px dashed var(--rx-border)!important}.suggestion-button{font-weight:850!important}
.ra-side-column{position:sticky!important;top:106px!important}.side-stack{gap:12px!important}.side-card{border-radius:18px!important;border:1px solid var(--rx-border)!important;background:var(--rx-surface)!important;box-shadow:var(--rx-shadow)!important;padding:16px!important;overflow:hidden;position:relative}.side-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--rx-primary),var(--rx-purple));opacity:.55}.side-heading{margin-bottom:12px!important}.side-title{font-size:12px!important;font-weight:850!important}.side-caption{font-size:8px!important;color:var(--rx-green)!important}.smart-summary{font-size:10.5px!important;line-height:1.85!important}.summary-text{color:var(--rx-muted)}.ai-card-item{padding:10px!important;border-radius:12px!important;background:var(--rx-surface-2)!important;border:1px solid var(--rx-border)!important}.ai-card-title{font-size:10px!important}.ai-card-desc{font-size:9px!important;color:var(--rx-muted)!important}.ai-card-link{font-size:9px!important;color:var(--rx-primary)!important}.side-links{gap:5px!important}.side-link{border-radius:11px!important;padding:9px 10px!important;background:transparent!important;border:1px solid transparent!important;font-size:10px!important;color:var(--rx-muted)!important}.side-link:hover{background:rgba(8,126,164,.055)!important;border-color:rgba(8,126,164,.10)!important;color:var(--rx-primary)!important}.side-link-arrow{font-size:12px}
.ra-image-discovery{border-radius:22px!important;padding:20px!important;box-shadow:var(--rx-shadow)!important}.ra-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.ra-image-card{border-radius:16px!important;background:var(--rx-surface-2)!important}.ra-image-media{aspect-ratio:16/10!important}.ra-image-card-body{padding:11px!important}.ra-image-card h3{font-size:11px!important}
.chat-panel{border:1px solid var(--rx-border)!important;border-radius:24px!important;background:color-mix(in srgb,var(--rx-surface) 96%,transparent)!important;box-shadow:0 28px 90px rgba(10,25,45,.20)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;overflow:hidden!important}.chat-header{min-height:70px!important;padding:12px 15px!important;background:linear-gradient(135deg,rgba(115,87,220,.10),rgba(8,126,164,.07))!important;border-bottom:1px solid var(--rx-border)!important}.chat-orb{width:39px!important;height:39px!important;border-radius:13px!important;background:linear-gradient(135deg,var(--rx-purple),var(--rx-primary))!important;box-shadow:0 10px 24px rgba(115,87,220,.20)!important}.chat-name{font-size:12px!important;font-weight:900!important}.chat-state{font-size:8.5px!important;color:var(--rx-muted)!important}.chat-close{width:34px!important;height:34px!important;border-radius:11px!important;border:1px solid var(--rx-border)!important;background:var(--rx-surface)!important}.chat-messages{padding:16px!important;background:linear-gradient(180deg,rgba(248,250,253,.35),transparent)!important}.chat-message{border-radius:15px!important;border:1px solid var(--rx-border)!important;box-shadow:0 4px 16px rgba(17,38,63,.035)!important;font-size:10.5px!important}.chat-message.assistant{background:var(--rx-surface)!important}.chat-suggestions{gap:6px!important}.chat-suggestion{font-size:9px!important;border-radius:10px!important;padding:7px 9px!important}.chat-search-context{margin:0 12px 10px!important;border:1px solid rgba(8,126,164,.12)!important;border-radius:13px!important;background:rgba(8,126,164,.045)!important}.chat-context-label{font-size:8px!important;color:var(--rx-muted)!important}.chat-context-content strong{font-size:9.5px!important}.chat-input-area{padding:12px!important;border-top:1px solid var(--rx-border)!important;background:var(--rx-surface)!important}.chat-input-row{gap:7px!important;padding:5px!important;border:1px solid var(--rx-border)!important;border-radius:15px!important;background:var(--rx-surface-2)!important}.chat-input{font-size:10.5px!important}.chat-send{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--rx-primary),var(--rx-primary-2))!important}.chat-input-hint{font-size:8px!important;color:var(--rx-muted)!important;margin-top:7px!important}
@media (max-width:1100px){.ra-header-inner{grid-template-columns:180px minmax(0,1fr) 94px!important}.ra-layout{grid-template-columns:minmax(0,1fr) 270px!important}.ra-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.ra-container{width:min(calc(100% - 24px),var(--ra-container))!important}.ra-header-inner{grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "search search";padding:9px 0 10px;gap:9px}.ra-brand{grid-area:brand}.ra-header-actions{grid-area:actions}.ra-search{grid-area:search;max-width:none}.ra-nav-inner{margin-inline:-12px;padding-inline:12px}.ra-main{padding-top:18px!important}.ra-layout{display:block!important}.ra-side-column{position:static!important;margin-top:16px}.ai-head{gap:12px}.ai-title{font-size:18px!important}.ai-understanding{width:76px;height:76px;border-radius:20px}.understanding-number{font-size:21px}.ra-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.result-card{padding:16px!important}.result-title{font-size:15px!important}}
@media (max-width:560px){.ra-container{width:calc(100% - 16px)!important}.ra-brand-sub{display:none}.ra-brand-name{font-size:18px!important}.ra-header-actions .ra-chat-trigger{padding:0 9px!important}.ra-theme-trigger{width:39px;height:39px}.ra-chat-trigger{height:39px!important}.ra-search-box{height:50px!important}.ra-nav-item{padding:0 11px!important;font-size:10.5px!important}.ra-main{padding-bottom:70px!important}.search-status{align-items:flex-start;height:auto}.status-badge{font-size:8px}.ai-center{padding:18px!important;border-radius:20px!important}.ai-head{display:block}.ai-understanding{position:absolute;top:0;left:0;width:62px;height:62px;border-radius:18px}.understanding-number{font-size:17px}.understanding-label{font-size:7px}.ai-title{font-size:17px!important;padding-left:70px;min-height:55px}.ai-description{font-size:10px!important}.conversation-message{font-size:10px}.ra-market-grid{grid-template-columns:1fr}.intent-chips{gap:5px!important}.intent-chip{padding:6px 8px!important;font-size:9px!important}.learning-input-row{display:grid;grid-template-columns:1fr auto}.result-card{border-radius:15px!important}.result-title{font-size:14px!important}.result-description{font-size:10.5px!important;line-height:1.85!important}.result-image-wrap{width:92px!important;height:72px!important;margin-left:10px!important}.result-actions{gap:4px!important}.result-action{font-size:8px!important;padding:5px 7px!important}.ra-image-grid{grid-template-columns:1fr!important}.ra-image-discovery{padding:14px!important}.ra-image-discovery-head{display:block}.ra-image-count{display:inline-flex;margin-top:8px}.side-card{padding:13px!important}.chat-panel{border-radius:20px!important}.chat-header{min-height:62px!important}.chat-messages{padding:11px!important}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}