/* AskVALORA clean workspace • compact sidebar + centered chat, no decorative right panel */
:root { --clear-line:rgba(193,149,255,.21); }
.sidebar{width:226px;padding:10px 10px 11px;gap:6px;scrollbar-width:thin;overflow-y:auto;overflow-x:hidden}
.sidebar .brand{padding:2px 0 6px;margin:0;border-color:#72509b32}
.sidebar .brand img{width:93px!important;height:66px!important;object-fit:contain!important}
.sidebar .new-chat{padding:9px 12px!important;font-size:12px!important;border-radius:10px;min-height:38px;white-space:nowrap}
.sidebar .new-chat span{font-size:16px;margin-right:5px}.sidebar .new-chat b{font-size:17px}
.sidebar nav{gap:2px;display:grid;flex:0 0 auto}
.sidebar .nav-item{min-height:34px;padding:8px 10px;gap:10px;font-size:11.6px;line-height:1.25;border-radius:9px;width:100%;white-space:normal}
.sidebar .nav-item > span{font-size:15px;flex:none;width:20px}
.sidebar .nav-item small{font-size:8px;letter-spacing:.5px}
.sidebar .nav-apps{background:#8853cc18;color:#e3c9ff;border:1px solid #bf85ff40}
.sidebar .nav-apps:hover{background:#9861e639}
.sidebar .nav-cue{margin-left:auto;font-size:12px!important;width:auto!important;color:#d1b0f9}
.sidebar-divider{height:1px;background:#825fa13b;margin:5px 7px 2px}
.sidebar-group-title{font-size:9px;font-weight:700;letter-spacing:1.5px;margin:6px 10px 2px;color:#aa8ac6}
.sidebar .nav-live-call{background:#3b204d44;color:#f8e7ff;border:1px solid #a574e64d}
.sidebar .nav-wellness{color:#dfc4d6}
.sidebar .nav-guides{color:#c5b4d7}
.sidebar .veluxe-service-links,.sidebar .seo-blog-link{display:none!important}
.sidebar .spacer{min-height:1px;flex:1 1 auto}
.sidebar .quota{padding:9px 10px 10px;border-radius:10px;flex:none;background:linear-gradient(145deg,#25153a,#151025)}
.sidebar .quota-head{font-size:11px;margin-bottom:8px}
.sidebar .quota-line{font-size:9px;margin:5px 0 4px}
.sidebar .meter{height:4px}
.sidebar .vault-sidebar-link{padding:7px 6px!important;font-size:10px!important;line-height:1.3!important;margin-top:8px!important}
.sidebar .quota>button{font-size:10px;padding:7px 6px;margin-top:6px}
.sidebar .sidefoot{font-size:8px;letter-spacing:.3px;margin:2px 0}
.main > header{height:62px;min-height:62px;padding:0 20px}
.header-actions{gap:7px}.header-actions .status{margin-right:3px}
#welcome.valora-clean-home{overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px 18px 12px;gap:0;background:radial-gradient(ellipse at 50% 54%,#2e17474d,transparent 64%);}
#welcome.valora-clean-home:before{height:110px}
#welcome.valora-clean-home .welcome-inner{width:min(780px,100%);max-width:100%;padding:16px 7px;margin:0;text-align:center}
#welcome.valora-clean-home .welcome-inner h1{font:500 clamp(40px,5.2vw,72px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:15px 0 9px}
#welcome.valora-clean-home .welcome-inner > p{font-size:13px;line-height:1.5;letter-spacing:.08px;margin:0 auto 29px;max-width:580px}
#welcome.valora-clean-home .eyebrow{font-size:9px;letter-spacing:2px}
#welcome.valora-clean-home .features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;}
#welcome.valora-clean-home .feature{min-height:98px;padding:13px 9px;gap:8px;border-radius:14px;background:#181026bb;border:1px solid #66458577}
#welcome.valora-clean-home .feature > span{font-size:25px}
#welcome.valora-clean-home .feature strong{font-size:12px;font-weight:650;line-height:1.25}
#welcome.valora-clean-home .feature small{font-size:10px;line-height:1.35}
#welcome.valora-clean-home .welcome-apps-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 13px;margin-top:15px;font-size:11px;color:#dbbbf9;text-decoration:none}
#welcome.valora-clean-home .welcome-apps-link:hover{text-decoration:underline}
.main .composer-area{width:min(860px,calc(100% - 35px));margin:0 auto 9px}
.main .composer{padding:12px 14px 10px;border-radius:16px}
.main .composer textarea{min-height:36px;font-size:14px}
.main .tools{gap:5px;align-items:center;flex-wrap:wrap}
.main .tool{padding:6px 10px;font-size:10px;min-height:32px}
.main .composer-hidden-call{display:none!important}
.main .composer-secondary{display:none!important}
.main .tools.tools-expanded .composer-secondary{display:inline-flex!important}
.main .composer-more{border-color:#775a8d;background:#1c1330}
.main .composer-more[aria-expanded=true]{border-color:#b27eff;color:#e6c5ff}
.main .suggestions{margin:8px 0 2px;gap:6px}
.main .suggestions button{font-size:10px;padding:8px 10px}
.main .disclaimer{font-size:9px;margin-top:8px}
.main .valora-live-search{font-size:10px;margin:5px 5px 0}
.main .valora-live-search input{width:25px;height:14px}
.main .composer-area .valora-image-preview[hidden]{display:none}
@media (max-height:740px) and (min-width:761px){
 .sidebar .brand img{height:54px!important;width:79px!important}
 .sidebar .nav-item{min-height:31px;padding:7px 9px;font-size:11px}
 .sidebar .quota{padding:7px 9px}.sidebar .sidefoot{display:none}
 #welcome.valora-clean-home .welcome-inner{padding:8px}
 #welcome.valora-clean-home .welcome-inner h1{font-size:clamp(38px,4vw,54px);margin:8px 0}
 #welcome.valora-clean-home .welcome-inner > p{margin-bottom:16px}
 #welcome.valora-clean-home .feature{min-height:76px;padding:8px 7px}
}
@media(max-width:1050px){.sidebar{width:208px}#welcome.valora-clean-home .features{gap:8px}}
@media(max-width:760px){
 .sidebar{position:fixed;top:0;bottom:0;left:0;width:min(284px,85vw);padding:12px;gap:7px;transform:translateX(-105%)}
 .sidebar.open{transform:none}
 .sidebar .brand img{height:72px!important}
 .sidebar .nav-item{font-size:13px;min-height:42px;padding:10px 11px}
 .sidebar .quota{padding:12px}
 .main>header{height:56px;min-height:56px;padding:0 10px}
 #welcome.valora-clean-home{display:flex;justify-content:center;overflow-y:auto;align-items:stretch;padding:12px 15px 7px;min-height:0}
 #welcome.valora-clean-home .welcome-inner{width:100%;padding:10px 0;margin:auto}
 #welcome.valora-clean-home .eyebrow{font-size:8px;letter-spacing:1.2px}
 #welcome.valora-clean-home .welcome-inner h1{font-size:clamp(36px,9vw,53px);margin:10px 0 7px}
 #welcome.valora-clean-home .welcome-inner > p{font-size:12px;max-width:330px;margin-bottom:19px}
 #welcome.valora-clean-home .features{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #welcome.valora-clean-home .feature{min-height:75px;padding:10px 8px}
 #welcome.valora-clean-home .feature>span{font-size:23px}
 #welcome.valora-clean-home .feature strong{font-size:11px}
 #welcome.valora-clean-home .feature small{display:none}
 #welcome.valora-clean-home .welcome-apps-link{margin-top:8px;font-size:11px}
 .main .composer-area{width:100%;margin:0;padding:6px 10px max(8px,env(safe-area-inset-bottom))}
 .main .composer{padding:8px 10px;border-radius:14px}
 .main .tools{gap:5px}
 .main .tool{font-size:11px;padding:7px 8px;min-height:31px}
 .main .composer-more{min-width:57px}
 .main .suggestions{display:none!important}
 .main .valora-live-search{margin:5px 2px 0}
}
@media(max-width:370px){#welcome.valora-clean-home .welcome-inner h1{font-size:34px}#welcome.valora-clean-home .feature{min-height:68px}}
@media(prefers-reduced-motion:reduce){#welcome .feature{transition:none}}

/* Fit complete left navigation and Vault footer at standard laptop heights. */
@media (min-width:761px) and (max-height:820px){.sidebar{gap:3px;padding:6px 9px}.sidebar .brand img{height:48px!important;width:76px!important}.sidebar .brand{padding:0 0 2px}.sidebar .new-chat{min-height:34px;padding:6px 9px!important}.sidebar .nav-item{min-height:29px;padding:6px 9px;font-size:10.8px}.sidebar .sidebar-divider{margin:2px 7px 0}.sidebar .sidebar-group-title{margin:3px 9px 0}.sidebar .quota{padding:7px 8px}.sidebar .quota-head{margin-bottom:4px}.sidebar .vault-sidebar-link{padding:6px!important;margin-top:6px!important}.sidebar .sidefoot{display:none}}