/* AIVELI Space OS 0.9 | original light design, responsive refinement */
:root{color-scheme:light;--paper:#f6f8fb;--ink:#172331;--muted:#64748b;--accent:#263b54;--line:#e6ebf1}
html,body,#app{width:100%;max-width:100%;min-width:0;min-height:0;overflow-x:hidden;background:#f6f8fb}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overscroll-behavior-x:none}
.shell{width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden}
.app-main,.content,.page,.topbar,.breadcrumbs,.top-actions,.page-head,.page-intro{min-width:0;max-width:100%}
.app-main{overflow:hidden}
.content{overflow-x:hidden;overscroll-behavior-y:contain}
.page{width:100%;max-width:1640px!important;margin-inline:auto;padding:clamp(18px,2.6vw,44px)!important;overflow-wrap:break-word}
.page-head{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}
.page-head>*{min-width:0}
.page-actions{display:flex;gap:8px;min-width:0;max-width:100%;flex-wrap:wrap}
.page-actions>*{max-width:100%}
.topbar{gap:10px}
.top-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;max-width:min(55%,400px)}
.breadcrumbs{display:flex;min-width:0;overflow:hidden}
.breadcrumbs strong,.project-crumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.panel,.project-card,.metric,.status-panel,.welcome-empty,.editorial-card,.project-toolbar,.section-head{min-width:0;max-width:100%}
.panel>*,.project-card>*,.metric>*,.welcome-empty>*{min-width:0}
.panel,.project-card{overflow-wrap:anywhere}
.metrics,.overview-grid,.projects-grid,.two-col,.core-metrics,.core-split,.core-aside{min-width:0;max-width:100%}
.metrics>* ,.overview-grid>* ,.projects-grid>* ,.two-col>* ,.core-metrics>* ,.core-split>*{min-width:0}
img,svg,video,canvas,iframe{max-width:100%}
img,video{height:auto}
input,textarea,select,button{max-width:100%}
a.crumb-logo,a.logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
a.logo{flex:0 0 44px;line-height:1}
a.crumb-logo{white-space:nowrap}
.aiv-table-scroll{display:block;max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c3cfda transparent}
.aiv-table-scroll table{max-width:none!important;min-width:620px}
.native-frame-wrap,.integrated-editor,.shell-design .app-main{min-width:0;min-height:0;overflow:hidden}
.native-frame-wrap iframe{width:100%;height:100%;min-width:0;border:0}
.modal,.modal-overlay,.dialog-overlay{max-width:100%;overflow-x:hidden}
.modal-box,.modal-content,.dialog{width:min(95vw,840px);max-height:92dvh;overflow:auto}
@media(min-width:1740px){
 .page{max-width:1720px!important}
 .projects-grid{gap:20px!important}
 .metrics,.overview-grid{gap:18px!important}
 .topbar{padding-inline:clamp(35px,3vw,64px)!important}
}
@media(max-width:1180px){
 .page{padding:24px!important}
 .overview-grid,.projects-grid{gap:14px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .core-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .page{padding:20px!important}
 .topbar{padding-inline:18px!important;gap:8px}
 .top-actions{max-width:48%}
 .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .welcome-empty{min-height:0!important}
 .core-split{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:790px){
 .topbar{padding-inline:14px!important}
 .save-indicator{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .breadcrumbs .project-crumb{max-width:125px}
 .home-lead{grid-template-columns:minmax(0,1fr)!important}
 .page-head{align-items:flex-start}
 .h1{font-size:clamp(25px,4.6vw,38px)!important}
}
@media(max-width:630px){
 .shell{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;height:100dvh}
 .shell:not(.shell-design) .app-main{grid-column:1;grid-row:1;min-height:0;min-width:0}
 .shell:not(.shell-design) .rail{grid-column:1;grid-row:2;min-height:60px;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);width:100%;max-width:100%;overflow:hidden}
 .rail-navigation{min-width:0;max-width:100%;overflow:hidden}
 .rail-navigation .rail-btn{min-width:0}
 .rail-label{overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:9px}
 .page{padding:16px 13px 28px!important;max-width:100%}
 .topbar{height:58px!important;min-height:58px!important;padding:0 12px!important}
 .topbar .save-indicator{display:none}
 .topbar .project-crumb{max-width:85px}
 .top-actions{flex-shrink:0}
 .page-head{gap:12px!important}
 .page-actions{width:100%;flex-wrap:wrap}
 .page-actions button{white-space:normal}
 .h1{font-size:clamp(24px,6vw,32px)!important}
 .projects-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .metric{padding:15px!important}
 .metric strong{font-size:22px}
 .core-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .core-aside{grid-template-columns:minmax(0,1fr)}
 .native-fail{width:min(90vw,450px);padding:18px}
 .shell-design .integrated-shortcuts{max-width:calc(100% - 14px)!important;min-width:0;gap:4px}
 .shell-design .integrated-shortcuts button{white-space:nowrap;min-width:0}
}
@media(max-width:380px){
 .page{padding-inline:10px!important}
 .topbar{padding-inline:9px!important}
 .breadcrumbs{gap:4px!important}
 .breadcrumbs .project-crumb{display:none}
 .top-actions{gap:3px}
 .metrics{gap:7px}
 .metric{padding:11px!important}
 .core-metrics{gap:7px}
 .rail-navigation .rail-btn{padding-inline:2px}
}
@media(prefers-reduced-motion:reduce){
 .page>*{animation:none!important}
 html{scroll-behavior:auto}
}