/*
LUMA ROOT SHELL R2.6 — LIVE PILOT
Presentation-only. Scoped to body.luma-root-shell-r26.
No backend/auth/data contract is defined here.
*/
body.luma-root-shell-r26{
  min-height:100vh;
  background:
    radial-gradient(circle at 84% 8%,rgba(124,58,237,.15),transparent 28rem),
    radial-gradient(circle at 35% 0%,rgba(0,229,240,.08),transparent 25rem),
    #090f1d;
  color:#f8fafc;
}
body.luma-root-shell-r26 aside{
  position:fixed;
  inset:0 auto 0 0;
  width:280px;
  overflow-y:auto;
  padding:22px 16px 24px;
  background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(9,15,29,.98));
  border-right:1px solid rgba(148,163,184,.18);
  box-shadow:18px 0 48px rgba(0,0,0,.18);
  z-index:30;
}
body.luma-root-shell-r26 main{
  margin-left:280px;
  min-height:100vh;
  padding:28px clamp(18px,3vw,42px) 44px;
}
body.luma-root-shell-r26 aside .logo,
body.luma-root-shell-r26 aside .brand{
  font-size:1.08rem;
  font-weight:900;
  letter-spacing:.03em;
}
body.luma-root-shell-r26 aside .cloud{
  margin-top:3px;
  color:#94a3b8;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.15em;
}
body.luma-root-shell-r26 aside nav,
body.luma-root-shell-r26 aside .nav,
body.luma-root-shell-r26 aside .menu{
  display:grid;
  gap:6px;
  margin-top:22px;
}
body.luma-root-shell-r26 aside a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:10px;
  color:#cbd5e1;
  text-decoration:none;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
body.luma-root-shell-r26 aside a:hover{
  color:#fff;
  background:rgba(255,255,255,.055);
  border-color:rgba(148,163,184,.18);
  transform:translateX(2px);
}
body.luma-root-shell-r26 main h1,
body.luma-root-shell-r26 main h2{
  letter-spacing:-.025em;
}
body.luma-root-shell-r26 main h1{
  font-size:clamp(1.65rem,2.5vw,2.35rem);
  margin-top:0;
}
body.luma-root-shell-r26 main .card,
body.luma-root-shell-r26 main .panel{
  background:linear-gradient(180deg,rgba(24,34,53,.96),rgba(17,24,39,.96));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 16px 38px rgba(0,0,0,.17);
  backdrop-filter:blur(8px);
}
body.luma-root-shell-r26 main .card:hover{
  border-color:rgba(0,229,240,.24);
}
body.luma-root-shell-r26 main button,
body.luma-root-shell-r26 main .btn{
  min-height:40px;
}
body.luma-root-shell-r26 main table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
body.luma-root-shell-r26 main table thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:#121b2b;
}
body.luma-root-shell-r26 main table th,
body.luma-root-shell-r26 main table td{
  border-bottom:1px solid rgba(148,163,184,.14);
}
body.luma-root-shell-r26 main pre{
  max-width:100%;
  overflow:auto;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(2,6,23,.52);
  padding:12px;
}
body.luma-root-shell-r26 input,
body.luma-root-shell-r26 select,
body.luma-root-shell-r26 textarea{
  border-radius:9px;
}
body.luma-root-shell-r26 *{
  scrollbar-width:thin;
  scrollbar-color:#475569 transparent;
}
@media(max-width:900px){
  body.luma-root-shell-r26 aside{
    position:relative;
    inset:auto;
    width:auto;
    max-height:none;
    border-right:0;
    border-bottom:1px solid rgba(148,163,184,.18);
    box-shadow:none;
  }
  body.luma-root-shell-r26 main{
    margin-left:0;
    padding:20px 14px 34px;
  }
  body.luma-root-shell-r26 aside nav,
  body.luma-root-shell-r26 aside .nav,
  body.luma-root-shell-r26 aside .menu{
    display:flex;
    overflow-x:auto;
    padding-bottom:6px;
  }
  body.luma-root-shell-r26 aside a{
    flex:0 0 auto;
    white-space:nowrap;
  }
}


/* LUMA_ROOT_SHELL_R261_GRID_WIDTH_FIX
   Corrects the root layout collision between the 12-column Foundation grid
   and the pre-existing index.html card structure.
*/
body.luma-root-shell-r26 main{
  width:calc(100% - 280px) !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.luma-root-shell-r26 main > *{
  min-width:0;
  max-width:100%;
}
body.luma-root-shell-r26 main > .wrap,
body.luma-root-shell-r26 main .wrap{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.luma-root-shell-r26 main.grid,
body.luma-root-shell-r26 main .grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)) !important;
  gap:18px !important;
  width:100% !important;
  max-width:none !important;
  align-items:start;
}
body.luma-root-shell-r26 main .two{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100% !important;
}
body.luma-root-shell-r26 main .card,
body.luma-root-shell-r26 main .panel{
  min-width:0 !important;
  width:auto;
}
body.luma-root-shell-r26 main h1,
body.luma-root-shell-r26 main h2,
body.luma-root-shell-r26 main h3,
body.luma-root-shell-r26 main p{
  max-width:none;
  overflow-wrap:normal;
  word-break:normal;
}
body.luma-root-shell-r26 main .badge,
body.luma-root-shell-r26 main .luma-badge{
  white-space:normal;
  width:max-content;
  max-width:100%;
}
@media(min-width:901px){
  body.luma-root-shell-r26 main{
    padding-left:40px;
    padding-right:40px;
  }
}
@media(max-width:900px){
  body.luma-root-shell-r26 main{
    width:100% !important;
    margin-left:0 !important;
  }
  body.luma-root-shell-r26 main.grid,
  body.luma-root-shell-r26 main .grid,
  body.luma-root-shell-r26 main .two{
    grid-template-columns:1fr !important;
  }
}


/* LUMA_ROOT_SHELL_R263A_STRUCTURAL_WIDTH_FIX
   Structural root-shell correction.
   Scoped only to body.luma-root-shell-r26.
*/
body.luma-root-shell-r26{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow-x:hidden;
}

body.luma-root-shell-r26 > aside{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:280px !important;
  box-sizing:border-box !important;
}

body.luma-root-shell-r26 > main{
  display:block !important;
  margin-left:280px !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:28px 40px 44px !important;
}

body.luma-root-shell-r26 > main > .top,
body.luma-root-shell-r26 > main > #global,
body.luma-root-shell-r26 > main > .view,
body.luma-root-shell-r26 > main > .view.active{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

body.luma-root-shell-r26 > main > .top{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
}

body.luma-root-shell-r26 > main > .top > div:first-child{
  flex:1 1 520px !important;
  min-width:280px !important;
}

body.luma-root-shell-r26 > main > .top > div:last-child{
  flex:0 1 auto !important;
  min-width:0 !important;
}

body.luma-root-shell-r26 #global > .card.section{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

body.luma-root-shell-r26 #control > .grid.kpis{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(160px,1fr)) !important;
  gap:16px !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  align-items:stretch !important;
}

body.luma-root-shell-r26 #control > .grid.kpis > .card{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
}

body.luma-root-shell-r26 #title{
  max-width:none !important;
  min-width:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

@media(max-width:1280px) and (min-width:901px){
  body.luma-root-shell-r26 #control > .grid.kpis{
    grid-template-columns:repeat(3,minmax(180px,1fr)) !important;
  }
}

@media(max-width:900px){
  body.luma-root-shell-r26 > aside{
    position:relative !important;
    width:100% !important;
    left:auto !important;
    top:auto !important;
    bottom:auto !important;
  }

  body.luma-root-shell-r26 > main{
    margin-left:0 !important;
    width:auto !important;
    padding:20px 14px 34px !important;
  }

  body.luma-root-shell-r26 #control > .grid.kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  body.luma-root-shell-r26 #control > .grid.kpis{
    grid-template-columns:1fr !important;
  }
}


/* LUMA_ROOT_SHELL_R263B_HEADER_GLOBAL_FIX
   Final root-header correction for the live Foundation pilot.
   #global is a child of .top, so it must span the complete header row.
*/
body.luma-root-shell-r26 > main > .top{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  align-items:start !important;
  column-gap:22px !important;
  row-gap:18px !important;
  width:100% !important;
  max-width:none !important;
}

body.luma-root-shell-r26 > main > .top > div:first-child{
  grid-column:1 !important;
  grid-row:1 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
}

body.luma-root-shell-r26 > main > .top > div:nth-child(2){
  grid-column:2 !important;
  grid-row:1 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  justify-self:end !important;
}

body.luma-root-shell-r26 > main > .top > #global{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  display:block !important;
}

body.luma-root-shell-r26 > main > .top > #global > .card.section{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

body.luma-root-shell-r26 #title{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:1.08 !important;
}

@media(max-width:900px){
  body.luma-root-shell-r26 > main > .top{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
  }

  body.luma-root-shell-r26 > main > .top > div:first-child,
  body.luma-root-shell-r26 > main > .top > div:nth-child(2),
  body.luma-root-shell-r26 > main > .top > #global{
    grid-column:1 !important;
    width:100% !important;
    justify-self:stretch !important;
  }

  body.luma-root-shell-r26 > main > .top > div:first-child{grid-row:1 !important;}
  body.luma-root-shell-r26 > main > .top > div:nth-child(2){grid-row:2 !important;}
  body.luma-root-shell-r26 > main > .top > #global{grid-row:3 !important;}

  body.luma-root-shell-r26 #title{
    white-space:normal !important;
  }
}


/* LUMA_ROOT_SHELL_R263C_ROOT_VIEW_WIDTH_NORMALIZATION
   Stabilizes all root views in index.html.
   No render/data/auth contract is changed.
*/
body.luma-root-shell-r26 > main > .top{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

body.luma-root-shell-r26 > main > .top > div:first-child{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

body.luma-root-shell-r26 > main > .top > div:has(#global){
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-top:10px !important;
}

body.luma-root-shell-r26 > main > .top > #global,
body.luma-root-shell-r26 > main > .top > div:has(#global) > #global,
body.luma-root-shell-r26 #global{
  display:block !important;
  flex:1 0 100% !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin-top:10px !important;
}

body.luma-root-shell-r26 #global > .card.section,
body.luma-root-shell-r26 #global .card.section{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

body.luma-root-shell-r26 > main > .view{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

body.luma-root-shell-r26 > main > .view.active{
  display:block !important;
}

body.luma-root-shell-r26 > main > .view.active > .card,
body.luma-root-shell-r26 > main > .view.active > .grid,
body.luma-root-shell-r26 > main > .view.active > pre,
body.luma-root-shell-r26 > main > .view.active > table{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

body.luma-root-shell-r26 > main > .view.active .card{
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

body.luma-root-shell-r26 > main > .view.active pre{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:auto !important;
}

body.luma-root-shell-r26 > main > .view.active table{
  width:100% !important;
  max-width:100% !important;
}

body.luma-root-shell-r26 #title{
  white-space:normal !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

@media(min-width:901px){
  body.luma-root-shell-r26 #title{
    white-space:nowrap !important;
  }
}

@media(max-width:900px){
  body.luma-root-shell-r26 > main > .top > div:has(#global){
    align-items:stretch !important;
  }
}