
/* VASLUNO unified V0.7 — layouts, settings, install, AI and messenger. */
:root{color-scheme:dark}
[data-vasluno-theme="light"]{color-scheme:light;--bg:#edf0fb;--card:#ffffff;--panel:#fff;--text:#0f1632;--muted:#545c80}
[data-vasluno-theme="light"] body,[data-vasluno-theme="light"] .app-shell,[data-vasluno-theme="light"] .app-main,[data-vasluno-theme="light"] .app-content{background:#f4f5fc!important;color:#162044!important}
[data-vasluno-theme="light"] .app-sidebar,[data-vasluno-theme="light"] .app-topbar,[data-vasluno-theme="light"] .mobile-app-nav{background:#fff!important;color:#182146!important;border-color:#d9dded!important}
[data-vasluno-theme="light"] .side-links a,[data-vasluno-theme="light"] .app-breadcrumb,[data-vasluno-theme="light"] .mobile-app-nav a{color:#4e5780!important}
[data-vasluno-theme="light"] .side-links a.active,[data-vasluno-theme="light"] .mobile-app-nav a.active{background:#e8ebff!important;color:#4b51ad!important}
[data-vasluno-theme="light"] .market-welcome,[data-vasluno-theme="light"] .market-v4 .listing-card,[data-vasluno-theme="light"] .profile-setting,[data-vasluno-theme="light"] .setting-section,[data-vasluno-theme="light"] .ai-mock-chat{background:#fff!important;color:#1b2448!important;border-color:#dee2f3!important}
[data-vasluno-theme="light"] .market-welcome h1,[data-vasluno-theme="light"] .profile-page h1,[data-vasluno-theme="light"] .settings-page h1,[data-vasluno-theme="light"] .settings-page h2,[data-vasluno-theme="light"] .ai-prelaunch h1{color:#141c3a!important}
[data-vasluno-theme="light"] .settings-page p,[data-vasluno-theme="light"] .settings-page small{color:#66708e!important}
[data-vasluno-theme="light"] input,[data-vasluno-theme="light"] select{background:#f7f8fd!important;color:#15203f!important;border-color:#d9def1!important}
.vasluno-reduced-motion *, .vasluno-reduced-motion *::before,.vasluno-reduced-motion *::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
.vasluno-compact .app-content{padding-top:12px!important}.vasluno-compact .setting-section{padding:17px}
.settings-page{max-width:920px;margin:0 auto;padding:20px 22px 90px;color:#eef0ff}
.settings-page h1{font-size:clamp(34px,5vw,54px);letter-spacing:-1.5px;margin:12px 0}
.settings-lead{color:#929cbf;line-height:1.65;max-width:660px}
.setting-section{background:linear-gradient(150deg,rgba(33,38,68,.94),rgba(17,21,39,.95));border:1px solid rgba(145,159,228,.17);border-radius:23px;padding:27px;margin-top:20px}
.setting-section h2{font-size:20px;display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#eff1ff}
.setting-section p{color:#aeb6d4;line-height:1.6}
.setting-control{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid rgba(166,174,236,.12);padding:18px 0;cursor:pointer}
.setting-control:first-of-type{border-top:0}.setting-control span{display:grid;gap:7px}.setting-control b{font-size:15px}.setting-control small{color:#9ea8cf}
.setting-control select{border:1px solid #454b78;border-radius:12px;padding:12px 14px;background:#151a30;color:#f4f5ff;min-width:142px}
.setting-control input[type=checkbox]{accent-color:#8b91f9;width:22px;height:22px;cursor:pointer}
.setting-current{color:#a6aff9;display:flex;gap:8px;align-items:center;margin-bottom:18px}
.setting-name{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.setting-name label{display:grid;gap:9px;flex:1;min-width:180px}.setting-name input{background:#11172c;border:1px solid #353c64;border-radius:12px;color:#fff;padding:14px;width:100%}
.settings-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.settings-key-state{color:#adb7db;line-height:1.6}
.contact-search{margin-top:18px;padding-top:14px;border-top:1px solid #34395a}.contact-search label{font-size:12px;color:#a3abd7;display:block;margin-bottom:7px}.contact-input{display:flex;gap:8px}.contact-input input{width:100%;min-width:0;background:#10182d;color:#fff;border:1px solid #353c68;border-radius:12px;padding:10px}.contact-input .btn{padding:9px 12px;white-space:nowrap}.messenger-search-results{margin:8px 0 14px;max-height:220px;overflow:auto}
.ai-prelaunch{max-width:1100px;margin:0 auto;padding:40px 22px 90px}.ai-head{text-align:center}.ai-head h1{font-size:clamp(32px,5vw,63px);margin:18px auto 10px;line-height:1.12}.ai-head h1 span{color:#9fa8fc}.ai-head p{color:#a3aed1;max-width:600px;line-height:1.7;margin:auto}
.ai-mock-chat{max-width:750px;margin:45px auto 20px;min-height:320px;display:grid;place-content:center;text-align:center;padding:35px;background:radial-gradient(ellipse at 50% 20%,rgba(108,121,249,.23),transparent 68%),#121729;border:1px solid #343c72;border-radius:28px}
.ai-mock-orb{font-size:56px;color:#b6bbff;text-shadow:0 0 34px #8088fc}.ai-mock-chat h2{font-size:27px}.ai-sample{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:20px 0 32px}.ai-sample span{display:flex;align-items:center;gap:6px;background:#252b4f;padding:10px 12px;border-radius:12px;color:#bec5ff;font-size:13px}.ai-disabled-input{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #41486f;color:#868eb6;text-align:left;border-radius:18px;padding:18px;background:#12182e}.ai-unavailable{font-size:12px;border:1px solid #58619d;border-radius:20px;padding:7px;color:#bdc3fc;white-space:nowrap}.muted-small{font-size:13px;color:#9da6c4;line-height:1.6}
.install-page{min-height:100dvh;color:#f3f4ff;background:radial-gradient(ellipse at 80% 20%,#222c62 0,transparent 45%),#090d1c;padding:35px 16px}.install-shell{max-width:760px;margin:auto}.install-overline{margin-top:64px;letter-spacing:2px;color:#a3afff;font-size:12px;font-weight:800}.install-shell h1{font-size:clamp(36px,8vw,66px);line-height:1.07;letter-spacing:-2px}.install-shell h1 span{color:#969ef5}.install-shell>p{font-size:17px;line-height:1.7;color:#a9b2d2}.install-panel{border:1px solid #373e72;border-radius:24px;background:#171d35;padding:24px;margin:18px 0}.install-panel h2{display:flex;align-items:center;gap:8px;font-size:22px}.install-panel li{margin:13px 0;color:#c8d0ee}.install-panel p{color:#c3cae7;line-height:1.6}.install-actions{display:flex;gap:12px;flex-wrap:wrap;padding:25px 0}
@media(max-width:850px){.app-main{min-width:0}.mobile-app-nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:space-between;padding:4px 8px calc(8px + env(safe-area-inset-bottom))}.mobile-app-nav a{flex:1 0 16.5%;min-width:58px;gap:3px;white-space:nowrap}.mobile-app-nav a span{font-size:10px}.app-content{padding-bottom:108px!important}.settings-page{padding:16px 13px 110px}.setting-section{padding:18px;margin-top:14px}.ai-prelaunch{padding:25px 10px 120px}.ai-mock-chat{padding:21px;min-height:310px}.ai-disabled-input{display:block}.ai-unavailable{display:inline-block;margin-top:12px}.setting-name{display:grid}.install-shell>p{font-size:15px}}
@media(max-width:380px){.mobile-app-nav a{min-width:53px}.mobile-app-nav a span{font-size:9px}.settings-page h1{font-size:32px}.contact-input{display:block}.contact-input button{margin-top:7px;width:100%}}
/* VASLUNO Market Brain v0.8 — deterministic, catalogue-only assistant */
.brain-shell{max-width:1250px;margin:0 auto;padding:32px 22px 100px;color:#e8ebff}
.brain-header{display:flex;align-items:center;gap:22px;margin-bottom:24px;padding:18px 2px}
.brain-avatar{width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;border-radius:24px;font-size:38px;color:#d6d8ff;background:radial-gradient(circle at 30% 25%,#6b77de,#272f67 58%,#171d36);box-shadow:0 15px 40px #2b349d44;border:1px solid #7e88f677}
.brain-header h1{font-size:clamp(29px,4vw,49px);letter-spacing:-1.4px;line-height:1.12;margin:8px 0}.brain-header h1 span{color:#a1aaff}
.brain-header p{color:#aab3d4;line-height:1.6;max-width:720px;margin:0}
.brain-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px}
.brain-main{background:linear-gradient(160deg,#12172d,#0c1020 85%);border:1px solid #333b64;border-radius:26px;min-width:0;overflow:hidden;box-shadow:0 12px 55px #0002}
.brain-conversation{min-height:360px;max-height:600px;overflow-y:auto;padding:25px 24px;display:flex;flex-direction:column;gap:17px}
.brain-empty{text-align:center;max-width:470px;align-self:center;margin:auto;padding:30px 10px}
.brain-empty .brain-orb{width:95px;height:95px;border-radius:30px;background:radial-gradient(circle,#4b5696,#252d57);border:1px solid #636dd1;display:grid;place-items:center;font-size:48px;color:#b0b6ff;margin:0 auto 22px}
.brain-empty h2{font-size:25px;margin:8px}.brain-empty p{color:#b4bedb;line-height:1.7}
.brain-message{border-radius:18px;padding:15px 17px;max-width:96%;border:1px solid #354068;background:#1c2444;align-self:flex-start}
.brain-message.is-user{align-self:flex-end;background:#343f83;border-color:#6971bc;max-width:85%}
.brain-role{display:block;font-size:11px;font-weight:800;color:#bbc5ff;letter-spacing:.06em;margin-bottom:6px}
.brain-message p{margin:0;color:#edf0ff;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.brain-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin-top:15px}
.brain-result{display:flex;flex-direction:column;text-align:left;cursor:pointer;border-radius:16px;overflow:hidden;border:1px solid #414a70;background:#121830;color:#fff;padding:0;min-width:0}
.brain-result:hover,.brain-result:focus-visible{border-color:#8c97ff;box-shadow:0 0 0 2px #8c97ff33}
.brain-result-thumb{height:125px;background:#202849;overflow:hidden}.brain-result-thumb img{width:100%;height:100%;object-fit:cover}.brain-result-thumb .placeholder-picture{height:100%;font-size:12px}
.brain-result-info{display:grid;gap:7px;padding:12px}.brain-result-info strong{font-size:14px;overflow-wrap:anywhere}.brain-result-info span{font-size:13px;color:#c2cafe}.brain-result-info small{font-size:12px;color:#a4adf7;display:flex;gap:6px;align-items:center}
.brain-suggestions{display:flex;gap:8px;padding:14px 20px 6px;flex-wrap:wrap;border-top:1px solid #292f51}.brain-suggestions button{background:#222a49;color:#bfc8f7;border:1px solid #343c69;border-radius:40px;padding:10px 13px;font-size:12px;cursor:pointer}.brain-suggestions button:hover{border-color:#9ea7fa;color:#fff}
.brain-form{display:flex;gap:10px;padding:12px 20px 20px}.brain-form input{flex:1;min-width:0;color:#fff;border-radius:14px;border:1px solid #48517b;background:#0c1228;padding:15px;font-size:14px}.brain-form .btn{white-space:nowrap}
.brain-aside{border:1px solid #343d66;background:#151c33;border-radius:24px;padding:22px;color:#ccd3f1}
.brain-aside h3{display:flex;align-items:center;gap:8px;color:#f0f2ff;font-size:16px;margin:0 0 15px}.brain-aside p{font-size:13px;line-height:1.7;color:#aab5da}.brain-aside .btn{margin:8px 0 14px;max-width:100%;white-space:normal}.brain-engine-badge{font-size:11px;color:#7ddea9;padding-top:12px;border-top:1px solid #313956}
.brain-market-link{font-size:12px;font-weight:700;color:#b4bcff;text-decoration:none;padding:7px}.brain-market-link:hover{text-decoration:underline}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-vasluno-theme="light"] .brain-shell{color:#161f45}[data-vasluno-theme="light"] .brain-main,[data-vasluno-theme="light"] .brain-aside{background:#fff!important;color:#1f2a51;border-color:#d4daf2}
[data-vasluno-theme="light"] .brain-message{background:#eef0fe!important;color:#1c254e}[data-vasluno-theme="light"] .brain-message p{color:#1c254e}[data-vasluno-theme="light"] .brain-message.is-user{background:#d8deff!important}
[data-vasluno-theme="light"] .brain-empty p,[data-vasluno-theme="light"] .brain-aside p{color:#53618b}
@media(max-width:960px){.brain-layout{grid-template-columns:1fr}.brain-aside{display:none}}
@media(max-width:650px){.brain-shell{padding:20px 8px 115px}.brain-header{gap:12px}.brain-avatar{width:54px;height:54px;font-size:29px;border-radius:18px}.brain-header h1{font-size:clamp(26px,8vw,39px)}.brain-header p{font-size:13px}.brain-conversation{min-height:360px;max-height:58vh;padding:12px}.brain-message{max-width:100%}.brain-message.is-user{max-width:94%}.brain-results{grid-template-columns:1fr 1fr}.brain-result-thumb{height:104px}.brain-form{padding:10px;gap:7px}.brain-form input{font-size:13px;padding:12px 9px}.brain-form .btn{padding:11px}.brain-suggestions{padding:12px 10px 3px}}
@media(max-width:355px){.brain-results{grid-template-columns:1fr}.brain-result-thumb{height:140px}}

.brain-form-helper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}.brain-form-helper .btn{font-size:13px;padding:10px 14px}.brain-form-helper span{flex:1;min-width:180px}
