

.valai-page{min-width:0;color:#292d3e;}
.valai-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 16px;}
.valai-brand{display:flex;align-items:center;gap:18px;min-width:0;}
.valai-brand-logo{display:block;width:auto;max-width:184px;height:50px;object-fit:contain;object-position:left center;}
.valai-wordmark{display:flex;align-items:baseline;gap:3px;font-size:32px;font-weight:900;line-height:1;letter-spacing:-1.2px;}
.valai-wordmark strong{color:var(--primary,#6d4df6);}
.valai-brand-context{min-width:0;padding-left:17px;border-left:1px solid #e5e1ef;}
.valai-eyebrow{margin:0 0 5px;color:#7765c6;font-size:10px;font-weight:900;letter-spacing:.12em;}
.valai-brand-context p{margin:0;max-width:620px;color:#7f8498;font-size:12.5px;line-height:1.42;}
.valai-scope-panel{margin-left:auto;position:relative;z-index:120;}

/* Searchable company picker */
.valai-company-picker{display:flex;align-items:center;gap:10px;position:relative;}
.valai-company-picker-label{color:#6f7386;font-size:10.5px;font-weight:850;}
.valai-company-picker-control{position:relative;width:350px;height:42px;}
.valai-company-picker-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:3;width:17px;height:17px;color:#6f5ed3;pointer-events:none;}
.valai-company-picker-icon svg{width:17px;height:17px;}
.valai-company-picker-input{box-sizing:border-box;width:100%;height:42px;padding:0 40px 0 40px;border:1px solid #dedbea;border-radius:12px;background:#fff;color:#2d3045;outline:none;font:inherit;font-size:12px;font-weight:750;box-shadow:none;}
.valai-company-picker-input:hover{border-color:#cec5ed;}
.valai-company-picker-input:focus,.valai-company-picker.is-open .valai-company-picker-input{border-color:#b9abf4;box-shadow:0 0 0 3px rgba(108,76,245,.07);}
.valai-company-picker-input::placeholder{color:#999cad;font-weight:650;}
.valai-company-picker-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#8f90a0;pointer-events:none;transition:transform .15s ease;}
.valai-company-picker-chevron svg{width:15px;height:15px;}
.valai-company-picker.is-open .valai-company-picker-chevron{transform:translateY(-50%) rotate(180deg);color:#6a50e4;}
.valai-company-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(410px,calc(100vw - 42px));max-height:min(440px,calc(100vh - 120px));overflow:hidden;padding:8px;border:1px solid #e0dcf3;border-radius:14px;background:rgba(255,255,255,.995);box-shadow:0 18px 46px rgba(45,35,95,.14);backdrop-filter:blur(16px);z-index:180;}
.valai-company-menu[hidden]{display:none!important;}
.valai-company-menu-head{min-height:46px;padding:5px 8px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #efedf5;}
.valai-company-menu-head>div{min-width:0;display:flex;flex-direction:column;gap:3px;}
.valai-company-menu-head strong{color:#43465a;font-size:11px;font-weight:850;}
.valai-company-menu-head small{color:#9295a7;font-size:9.5px;}
.valai-company-menu-head>span{min-width:28px;height:24px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:#f0edff;color:#6b50e7;font-size:9px;font-weight:850;}
.valai-company-options{max-height:350px;overflow:auto;padding:6px 0;}
.valai-company-options::-webkit-scrollbar{width:5px;}
.valai-company-options::-webkit-scrollbar-track{background:transparent;}
.valai-company-options::-webkit-scrollbar-thumb{background:rgba(97,78,174,.20);border-radius:999px;}
.valai-company-option{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 9px;border:0;border-radius:10px;background:transparent;color:#303247;text-align:left;cursor:pointer;}
.valai-company-option:hover,.valai-company-option.is-active{background:linear-gradient(90deg,#f4f1ff 0%,#faf9ff 100%);color:#5d42db;}
.valai-company-option.is-selected{background:#faf8ff;}
.valai-company-option-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#f2efff;color:#6b50e7;}
.valai-company-option-icon svg{width:14px;height:14px;}
.valai-company-option-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px;}
.valai-company-option-copy strong{font-size:11.5px;line-height:1.25;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.valai-company-option-copy small{font-size:9.5px;line-height:1.25;color:#8f93a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.valai-company-option-check{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:8px;color:transparent;}
.valai-company-option.is-selected .valai-company-option-check{color:#6b4ee8;background:#f0ecff;}
.valai-company-option-check svg{width:12px;height:12px;}
.valai-company-empty{min-height:90px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;color:#747689;}
.valai-company-empty[hidden]{display:none!important;}
.valai-company-empty>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f3f1f8;color:#89869d;}
.valai-company-empty>span svg{width:15px;height:15px;}
.valai-company-empty>div{display:flex;flex-direction:column;gap:2px;}
.valai-company-empty strong{font-size:10.8px;color:#44465a;}
.valai-company-empty small{font-size:9.2px;color:#9699a9;}

.valai-company-lock{min-width:300px;display:flex;align-items:center;gap:11px;padding:8px 10px;border:1px solid #e2dfed;border-radius:11px;background:#fff;box-shadow:none;}
.valai-company-lock-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#f0edff;color:#6d4df6;}
.valai-company-lock-icon svg{width:15px;height:15px;}
.valai-company-lock div{min-width:0;display:flex;flex-direction:column;gap:2px;}
.valai-company-lock div span{color:#9295a6;font-size:9.5px;font-weight:700;}
.valai-company-lock strong{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#35394c;font-size:11.5px;}
.valai-lock-badge{margin-left:auto;padding:4px 8px;border-radius:999px;background:#f3f0ff;color:#735bd8;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;}

/* Workspace */
.valai-workspace{min-height:620px;border:1px solid #e4e2ec;border-radius:18px;background:#fff;box-shadow:none;overflow:visible;}
.valai-status-strip{min-height:45px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eceaf1;border-radius:18px 18px 0 0;background:#fbfafe;color:#7f8498;font-size:10px;}
.valai-status-strip>div{display:flex;align-items:center;gap:8px;}
.valai-status-strip strong{color:#414559;font-size:11px;}
.valai-live-dot{width:8px;height:8px;border-radius:50%;background:#24b26b;box-shadow:0 0 0 3px rgba(36,178,107,.10);}
.valai-status-right span{display:flex;align-items:center;gap:5px;}
.valai-status-right svg{width:12px;height:12px;color:#725ed6;}

.valai-thread{height:clamp(450px,calc(100vh - 325px),700px);min-height:450px;overflow:auto;padding:18px 24px 20px;background:#fdfdfd;scroll-behavior:smooth;}
.valai-empty{max-width:1160px;margin:0 auto;}
.valai-intro-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:46px;align-items:center;min-height:410px;}
.valai-intro-grid:not(.has-video){grid-template-columns:minmax(0,1fr);}
.valai-promo-panel{min-width:0;display:flex;align-items:center;justify-content:center;}
.valai-video-shell{width:100%;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:0;background:transparent;box-shadow:none;}
.valai-intro-video{display:block;width:100%;max-width:680px;height:auto;max-height:390px;aspect-ratio:16/9;object-fit:contain;object-position:center center;background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;}
.valai-video-placeholder{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:#5f52bd;}
.valai-video-placeholder>span{width:58px;height:58px;margin-bottom:10px;display:grid;place-items:center;border-radius:18px;background:#f4f0ff;color:#6d4df6;}
.valai-video-placeholder svg{width:25px;height:25px;}
.valai-video-placeholder strong{font-size:18px;}
.valai-video-placeholder small{margin-top:3px;color:#8f93a6;font-size:10px;}

.valai-intro-copy{min-width:0;padding-right:4px;}
.valai-intro-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:11px;color:#6e57d7;font-size:10.5px;font-weight:850;letter-spacing:.02em;}
.valai-intro-kicker>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f1edff;color:#6d4df6;}
.valai-intro-kicker svg{width:12px;height:12px;}
.valai-intro-copy h2{margin:0;max-width:610px;color:#262a3d;font-size:25px;line-height:1.18;font-weight:900;letter-spacing:-.45px;}
.valai-intro-copy>p{margin:10px 0 22px;max-width:620px;color:#71768c;font-size:13px;line-height:1.62;}

.valai-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.valai-prompts button{min-width:0;min-height:74px;padding:11px 12px;display:flex;align-items:flex-start;gap:10px;border:1px solid #e4e1ec;border-radius:12px;background:#fff;cursor:pointer;transition:.16s ease;color:#34384a;text-align:left;}
.valai-prompts button:hover{transform:translateY(-1px);border-color:#c8bff1;background:#fefeff;}
.valai-prompts button>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#f4f1ff;color:#735bd8;}
.valai-prompts button>span svg{width:15px;height:15px;}
.valai-prompts button>div{min-width:0;display:flex;flex-direction:column;gap:3px;}
.valai-prompts b{display:block;font-size:11.5px;line-height:1.25;font-weight:850;}
.valai-prompts small{display:block;color:#85899d;font-size:9.7px;line-height:1.4;white-space:normal;}

/* Conversation */
.valai-message{max-width:930px;margin:0 auto 19px;}
.valai-message-user{display:flex;justify-content:flex-end;}
.valai-user-bubble{max-width:min(78%,680px);padding:12px 15px;border-radius:15px 15px 4px 15px;background:#6d4df6;color:#fff;font-size:12.5px;line-height:1.55;box-shadow:none;white-space:pre-wrap;}
.valai-assistant-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;}
.valai-assistant-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0edff;color:#6d4df6;}
.valai-assistant-avatar svg{width:16px;height:16px;}
.valai-answer-card{min-width:0;padding:1px 2px 0;}
.valai-answer-meta{margin-bottom:8px;display:flex;align-items:center;gap:8px;color:#8e92a4;font-size:9.5px;}
.valai-answer-meta strong{color:#45495b;font-size:11px;}
.valai-answer{color:#34384a;font-size:12.5px;line-height:1.72;overflow-wrap:anywhere;}
.valai-answer p{margin:0 0 10px;}.valai-answer p:last-child{margin-bottom:0;}
.valai-answer h2,.valai-answer h3{margin:13px 0 7px;color:#303447;font-size:13.5px;}
.valai-answer ul{margin:7px 0 11px;padding-left:19px;}.valai-answer li{margin:4px 0;}
.valai-answer strong{color:#303447;font-weight:820;}
.valai-answer code{padding:2px 5px;border-radius:5px;background:#f4f2f8;font-size:11px;}
.valai-evidence{margin-top:14px;padding-top:11px;border-top:1px solid #efedf3;}
.valai-evidence-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.valai-evidence-head strong{display:flex;align-items:center;gap:6px;color:#5f6376;font-size:10px;}
.valai-evidence-head svg{width:13px;height:13px;color:#7565d5;}
.valai-evidence-head span{color:#979aab;font-size:9px;}
.valai-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.valai-source{min-width:0;padding:10px 11px;border:1px solid #e8e5ef;border-radius:10px;background:#fcfbfe;text-decoration:none;color:inherit;}
a.valai-source:hover{border-color:#cec6f3;background:#faf8ff;}
.valai-source-title{display:flex;align-items:center;gap:7px;min-width:0;color:#515568;font-size:10px;font-weight:780;}
.valai-source-title svg{width:13px;height:13px;flex:0 0 13px;color:#7868d7;}
.valai-source-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.valai-source-meta{margin-top:5px;display:flex;gap:8px;color:#9397a9;font-size:8.7px;}
.valai-loading{display:flex;align-items:center;gap:7px;color:#808497;font-size:11px;}
.valai-loading-dots{display:flex;gap:3px;}
.valai-loading-dots i{width:5px;height:5px;border-radius:50%;background:#8675dc;animation:valaiDot 1s infinite ease-in-out;}
.valai-loading-dots i:nth-child(2){animation-delay:.13s;}.valai-loading-dots i:nth-child(3){animation-delay:.26s;}
@keyframes valaiDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
.valai-error{padding:11px 13px;border:1px solid #f0dada;border-radius:10px;background:#fff8f8;color:#a65353;font-size:11px;line-height:1.5;}

/* Composer */
.valai-composer-shell{padding:12px 15px 10px;border-top:1px solid #e9e7ef;border-radius:0 0 18px 18px;background:#fff;}
.valai-composer{display:flex;align-items:flex-end;gap:9px;padding:7px 8px 7px 14px;border:1px solid #d8d4e4;border-radius:14px;background:#fff;box-shadow:none;transition:.16s;}
.valai-composer:focus-within{border-color:#a89cf0;box-shadow:0 0 0 3px rgba(108,76,245,.06);}
.valai-composer textarea{min-width:0;min-height:37px;max-height:130px;flex:1;padding:8px 0 6px;border:0;resize:none;outline:0;background:transparent;color:#35394b;font:inherit;font-size:12px;line-height:1.5;}
.valai-composer textarea::placeholder{color:#979bad;}
.valai-composer textarea:disabled{cursor:not-allowed;}
.valai-send{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:0;border-radius:10px;background:#765af0;color:#fff;cursor:pointer;transition:.15s;}
.valai-send:hover:not(:disabled){transform:translateY(-1px);background:#6748e7;}
.valai-send:disabled{opacity:.38;cursor:not-allowed;}
.valai-send svg{width:16px;height:16px;}
.valai-composer-meta{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9296a8;font-size:9px;}
.valai-composer-meta span{display:flex;align-items:center;gap:5px;}
.valai-composer-meta svg{width:10px;height:10px;color:#8172d7;}

@media(max-width:1150px){
  .valai-intro-grid{grid-template-columns:1fr;max-width:820px;margin:0 auto;gap:24px;}
  .valai-promo-panel{justify-content:center;}
  .valai-intro-video{max-width:720px;}
  .valai-intro-copy{text-align:center;}
  .valai-intro-copy h2,.valai-intro-copy>p{margin-left:auto;margin-right:auto;}
  .valai-intro-kicker{margin-left:auto;margin-right:auto;}
  .valai-prompts{text-align:left;}
}
@media(max-width:900px){
  .valai-top{align-items:flex-start;flex-direction:column;}
  .valai-scope-panel{width:100%;margin-left:0;}
  .valai-company-picker{justify-content:space-between;}
  .valai-company-picker-control{width:min(100%,540px);}
  .valai-company-lock{width:100%;box-sizing:border-box;}
  .valai-thread{height:clamp(440px,calc(100vh - 350px),690px);}
}
@media(max-width:620px){
  .valai-brand-context{display:none;}
  .valai-brand-logo{height:44px;max-width:155px;}
  .valai-company-picker{display:block;}
  .valai-company-picker-label{display:block;margin-bottom:5px;}
  .valai-company-picker-control{width:100%;}
  .valai-status-right{display:none!important;}
  .valai-thread{padding:14px 12px;min-height:410px;}
  .valai-intro-grid{gap:18px;min-height:0;}
  .valai-intro-copy h2{font-size:20px;}
  .valai-intro-copy>p{font-size:11.5px;}
  .valai-prompts{grid-template-columns:1fr;}
  .valai-source-grid{grid-template-columns:1fr;}
  .valai-user-bubble{max-width:88%;}
  .valai-composer-meta>span:first-child{display:none;}
}
