/* AIVELI Web 0.7 — neutral architectural light system. */
:root{--paper:#f6f8fb!important;--white:#ffffff;--ink:#172331!important;--text:#172331!important;--muted:#64748b!important;--accent:#263b54!important;--line:#e6ebf1!important;--shadow:0 18px 55px rgba(17,34,55,.045)!important}
html{color-scheme:light;scroll-behavior:smooth}html,body,#app{min-width:0;max-width:100%;background:#f6f8fb!important}
*,*::before,*::after{box-sizing:border-box}
.shell,.app-main,.content,.page{min-width:0;max-width:100%}
.content{background:radial-gradient(ellipse at 75% -10%,rgba(228,236,247,.32),transparent 45%),#f6f8fb!important}
.rail{background:#fff!important;border-right:1px solid #e7ebf0!important}
.rail .logo{border-radius:13px!important;background:#1f3248!important;box-shadow:0 7px 16px rgba(26,50,74,.17)}
.rail-btn{border-radius:12px!important;transition:background .22s ease,color .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.rail-btn:hover{transform:translateX(2px)}.rail-btn.active{background:#edf2f8!important;color:#243b55!important}
.topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e7ebf0!important;backdrop-filter:blur(18px)}
.breadcrumbs{min-width:0}.project-crumb{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:clamp(110px,22vw,320px)}
.page{width:100%;max-width:1570px!important;margin:0 auto;padding:clamp(22px,3vw,46px)!important}
.h1{font-weight:600!important;letter-spacing:-.038em!important;color:#172638!important}.sub,.tiny,.muted{color:#728093!important}
.primary{background:#233a54!important;border-color:#233a54!important;border-radius:11px!important;box-shadow:0 5px 13px rgba(28,55,81,.1)!important}
.primary:hover{background:#334e6d!important;transform:translateY(-1px);box-shadow:0 10px 20px rgba(28,55,81,.14)!important}
.outline,.iconbtn,.ghost{border-radius:11px!important;transition:background .22s ease,transform .2s ease,border-color .2s ease}.outline:hover,.iconbtn:hover{transform:translateY(-1px)}
.panel,.project-card,.metric,.welcome-empty,.status-panel{background:#fff!important;border:1px solid #e5ebf2!important;box-shadow:0 10px 38px rgba(22,46,69,.035)!important;border-radius:17px!important}
.project-card{transition:transform .32s cubic-bezier(.18,.75,.25,1),box-shadow .32s ease,border-color .2s ease}.project-card:hover{transform:translateY(-4px);border-color:#cad8e8!important;box-shadow:0 24px 48px rgba(22,46,69,.09)!important}
.welcome-empty{border-radius:26px!important;min-height:420px;overflow:hidden}.welcome-copy h2{letter-spacing:-.035em!important;font-weight:600!important}.welcome-copy p{max-width:440px;line-height:1.75!important}
.overview-grid,.metrics,.two-col,.project-toolbar{min-width:0}.project-card *, .panel *{min-width:0}
.data-table{border-collapse:collapse}.data-table th{color:#718195!important;font-weight:600;letter-spacing:.035em!important}.data-table td{border-color:#edf0f4!important}
.input,.select,.textarea{border-radius:11px!important;background:#fff!important;border-color:#dce4ec!important;color:#23354a!important}
.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 3px rgba(56,102,150,.10)!important}
.integrated-editor{background:#f3f6fa!important}.integrated-shortcuts{background:#fff!important;border-bottom:1px solid #e4eaf1!important;box-shadow:0 3px 14px rgba(23,41,56,.03)!important}
.native-frame-wrap{background:#e6ecf3!important;min-width:0;min-height:0}
#aiveli-intelligence .aiv-ai-drawer{background:#fbfcfe!important}
@media(max-width:950px){.page{padding:20px!important}.metrics,.overview-grid{gap:12px!important}}
@media(max-width:520px){.page{padding:18px 12px 82px!important}.topbar{min-width:0}.breadcrumbs .slash{margin:0 4px!important}.project-crumb{max-width:94px}.welcome-empty{min-height:0!important}.welcome-copy{padding:18px 12px!important}.welcome-actions{gap:7px!important}.welcome-actions>*{max-width:100%}.integrated-shortcuts{max-width:100%!important;min-width:0}.integrated-shortcuts button{white-space:nowrap}.project-toolbar{gap:10px}}
@keyframes aiv-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.page>*{animation:aiv-reveal .44s cubic-bezier(.22,.8,.2,1) both}.page>*:nth-child(2){animation-delay:.045s}.page>*:nth-child(3){animation-delay:.09s}
@media(prefers-reduced-motion:reduce){.page>*,*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}