
/* GILTOS v0.8.8 Console Layout Final
   A hard scoped final layout layer for ALL Console pages.
   Goal: one consistent App/Console geometry, left-aligned content, no public demo floating widget. */
:root{
  --console-sidebar-w: 188px;
  --console-topbar-h: 48px;
  --console-content-max: 1120px;
  --console-page-pad-x: 32px;
  --console-page-pad-y: 28px;
  --console-bg: #f3f6fb;
  --console-card: #fff;
  --console-border: #e4e8f0;
  --console-muted: #667085;
  --console-text: #101828;
  --console-blue: #1677ff;
  --console-blue-2: #0958d9;
}
body.giltos-console-page{
  margin:0!important;
  min-height:100vh!important;
  background:var(--console-bg)!important;
  color:var(--console-text)!important;
  text-align:left!important;
  overflow-x:hidden!important;
}
body.giltos-console-page *,
body.giltos-console-page *::before,
body.giltos-console-page *::after{box-sizing:border-box!important;}

/* Base layout: supports both old .app-layout and newer .app-shell */
body.giltos-console-page .app-layout,
body.giltos-console-page .app-shell{
  min-height:100vh!important;
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  background:var(--console-bg)!important;
}
body.giltos-console-page .sidebar,
body.giltos-console-page .app-sidebar{
  position:fixed!important;
  left:0!important; top:0!important; bottom:0!important;
  width:var(--console-sidebar-w)!important;
  min-width:var(--console-sidebar-w)!important;
  max-width:var(--console-sidebar-w)!important;
  background:#fff!important;
  border-right:1px solid var(--console-border)!important;
  z-index:50!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  box-shadow:none!important;
}
body.giltos-console-page .sidebar-header,
body.giltos-console-page .sidebar-logo{
  height:64px!important;
  min-height:64px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #eef2f7!important;
  margin:0!important;
}
body.giltos-console-page .sidebar-brand,
body.giltos-console-page .sidebar-brand a,
body.giltos-console-page .brand-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  text-decoration:none!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
body.giltos-console-page .brand-mark,
body.giltos-console-page .logo-mark{
  width:30px!important;height:30px!important;min-width:30px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid #dce6f5!important;
  display:grid!important;place-items:center!important;
  overflow:hidden!important;
}
body.giltos-console-page .brand-logo-img,
body.giltos-console-page .sidebar-logo-img,
body.giltos-console-page .logo-mark img{
  width:22px!important;height:22px!important;object-fit:contain!important;display:block!important;
}
body.giltos-console-page .sidebar-menu,
body.giltos-console-page .sidebar-nav,
body.giltos-console-page .app-nav{
  padding:18px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
}
body.giltos-console-page .sidebar-item,
body.giltos-console-page .sidebar-link{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#344054!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:650!important;
  text-decoration:none!important;
  border:0!important;
  transition:background .18s ease,color .18s ease!important;
}
body.giltos-console-page .sidebar-item .icon,
body.giltos-console-page .sidebar-link .icon{
  width:20px!important;min-width:20px!important;text-align:center!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:15px!important;line-height:1!important;
}
body.giltos-console-page .sidebar-item:hover,
body.giltos-console-page .sidebar-link:hover{background:#f0f7ff!important;color:var(--console-blue)!important;}
body.giltos-console-page .sidebar-item.active,
body.giltos-console-page .sidebar-link.active{background:#eaf4ff!important;color:var(--console-blue)!important;font-weight:800!important;}
body.giltos-console-page .sidebar-divider{height:1px!important;background:#edf0f5!important;margin:16px 0!important;flex:0 0 auto!important;}

/* Main content: supports .main-content and .app-main */
body.giltos-console-page .main-content,
body.giltos-console-page .app-main{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:100vh!important;
  width:calc(100% - var(--console-sidebar-w))!important;
  margin-left:var(--console-sidebar-w)!important;
  background:var(--console-bg)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  overflow-x:hidden!important;
  text-align:left!important;
}
body.giltos-console-page .topbar,
body.giltos-console-page .app-topbar{
  height:var(--console-topbar-h)!important;
  min-height:var(--console-topbar-h)!important;
  width:100%!important;
  padding:0 var(--console-page-pad-x)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--console-border)!important;
  position:sticky!important;top:0!important;z-index:30!important;
  backdrop-filter:blur(8px)!important;
  margin:0!important;
  box-shadow:none!important;
}
body.giltos-console-page .topbar-left,
body.giltos-console-page .app-topbar-left,
body.giltos-console-page .workspace-info{
  display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;
  color:#667085!important;font-size:13px!important;line-height:1!important;
}
body.giltos-console-page .workspace-name{color:#101828!important;font-weight:800!important;white-space:nowrap!important;}
body.giltos-console-page .workspace-project{color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.giltos-console-page .topbar-search,
body.giltos-console-page .app-search,
body.giltos-console-page .search-input,
body.giltos-console-page input[type="search"]{
  width:min(420px,42vw)!important;
  height:34px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #d8dee9!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  color:#111827!important;
  outline:0!important;
  font-size:13px!important;
  line-height:34px!important;
  flex:0 1 auto!important;
}
body.giltos-console-page .topbar-search input{border:0!important;background:transparent!important;outline:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;}
body.giltos-console-page .topbar-right,
body.giltos-console-page .topbar-actions,
body.giltos-console-page .user-area{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex:0 0 auto!important;
  color:#475467!important;font-size:13px!important;
}
body.giltos-console-page .user-avatar{
  width:30px!important;height:30px!important;border-radius:999px!important;background:var(--console-blue)!important;color:#fff!important;
  display:grid!important;place-items:center!important;font-weight:800!important;font-size:12px!important;
}
body.giltos-console-page .logout-btn,
body.giltos-console-page .logout-demo,
body.giltos-console-page [data-demo-logout]{
  border:0!important;background:transparent!important;color:var(--console-blue)!important;font-weight:700!important;font-size:13px!important;text-decoration:none!important;cursor:pointer!important;
}

/* One content geometry for all Console pages */
body.giltos-console-page .dashboard-content,
body.giltos-console-page .page-content,
body.giltos-console-page .app-content,
body.giltos-console-page .content-area,
body.giltos-console-page .console-content{
  width:100%!important;
  max-width:var(--console-content-max)!important;
  margin:0!important;
  padding:var(--console-page-pad-y) var(--console-page-pad-x) 84px!important;
  text-align:left!important;
}
body.giltos-console-page .dashboard-content > *,
body.giltos-console-page .page-content > *,
body.giltos-console-page .app-content > *,
body.giltos-console-page .content-area > *,
body.giltos-console-page .console-content > *{text-align:left!important;}
body.giltos-console-page .container{max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;}

/* Headings and page rhythm */
body.giltos-console-page .page-breadcrumb,
body.giltos-console-page .breadcrumb{
  color:#667085!important;font-size:12px!important;margin:0 0 14px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;
}
body.giltos-console-page .page-header,
body.giltos-console-page .app-page-header,
body.giltos-console-page .page-head,
body.giltos-console-page .section-header{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;
  margin:0 0 20px!important;text-align:left!important;width:100%!important;
}
body.giltos-console-page .page-header > div:first-child,
body.giltos-console-page .page-head > div:first-child{min-width:0!important;flex:1 1 auto!important;}
body.giltos-console-page h1,
body.giltos-console-page .page-title h1,
body.giltos-console-page .page-title{
  font-size:27px!important;line-height:1.22!important;font-weight:850!important;color:#101828!important;
  margin:0 0 8px!important;letter-spacing:-.02em!important;text-align:left!important;
}
body.giltos-console-page h2,
body.giltos-console-page .section-title{
  font-size:21px!important;line-height:1.3!important;font-weight:800!important;color:#101828!important;
  margin:0 0 14px!important;text-align:left!important;
}
body.giltos-console-page h3{font-size:16px!important;line-height:1.35!important;font-weight:800!important;color:#101828!important;margin:0 0 8px!important;}
body.giltos-console-page p,
body.giltos-console-page .page-desc,
body.giltos-console-page .section-desc{color:#667085!important;line-height:1.65!important;text-align:left!important;margin-top:0!important;}

/* Notice and project flow */
body.giltos-console-page .demo-notice,
body.giltos-console-page .notice,
body.giltos-console-page .warning-banner{
  width:100%!important;margin:0 0 18px!important;padding:12px 16px!important;border-radius:10px!important;
  border:1px solid #f8d38a!important;background:#fff7e6!important;color:#7a4f00!important;
  display:flex!important;align-items:center!important;gap:10px!important;font-size:13px!important;line-height:1.55!important;
}
body.giltos-console-page .project-flow-bar{
  width:100%!important;margin:0 0 18px!important;padding:10px 12px!important;border-radius:14px!important;
  border:1px solid #e5e8ef!important;background:#fff!important;display:flex!important;align-items:center!important;gap:12px!important;
  box-shadow:0 6px 18px rgba(15,23,42,.04)!important;overflow:hidden!important;
}
body.giltos-console-page .project-flow-label{font-size:12px!important;font-weight:800!important;color:#475467!important;white-space:nowrap!important;flex:0 0 auto!important;}
body.giltos-console-page .project-flow-scroll{display:flex!important;gap:8px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:thin!important;min-width:0!important;}
body.giltos-console-page .project-flow-item{
  display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:0 12px!important;border-radius:999px!important;
  color:#475467!important;background:#f6f8fb!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;flex:0 0 auto!important;border:1px solid #edf1f7!important;
}
body.giltos-console-page .project-flow-num{
  width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-items:center!important;color:#667085!important;font-size:11px!important;font-weight:850!important;
}
body.giltos-console-page .project-flow-item.current{background:#eaf4ff!important;border-color:#b8dcff!important;color:var(--console-blue)!important;}
body.giltos-console-page .project-flow-item.current .project-flow-num{background:var(--console-blue)!important;color:#fff!important;}

/* Cards, sections and grids */
body.giltos-console-page .card,
body.giltos-console-page .app-card,
body.giltos-console-page .ia-section,
body.giltos-console-page .section-card,
body.giltos-console-page .help-card,
body.giltos-console-page .help-section,
body.giltos-console-page .stat-card,
body.giltos-console-page .metric-card,
body.giltos-console-page .project-card,
body.giltos-console-page .report-card,
body.giltos-console-page .panel,
body.giltos-console-page .workspace-card{
  background:#fff!important;border:1px solid var(--console-border)!important;border-radius:14px!important;
  box-shadow:0 6px 18px rgba(15,23,42,.04)!important;text-align:left!important;
}
body.giltos-console-page .card,
body.giltos-console-page .app-card,
body.giltos-console-page .ia-section,
body.giltos-console-page .section-card,
body.giltos-console-page .help-card,
body.giltos-console-page .help-section,
body.giltos-console-page .panel{padding:22px!important;}
body.giltos-console-page section{margin:0 0 20px!important;}
body.giltos-console-page .grid,
body.giltos-console-page .app-grid,
body.giltos-console-page .stats-grid,
body.giltos-console-page .metrics-grid,
body.giltos-console-page .dashboard-grid,
body.giltos-console-page .project-grid,
body.giltos-console-page .reports-grid,
body.giltos-console-page .help-grid{
  display:grid!important;gap:16px!important;width:100%!important;margin:0 0 20px!important;
}
body.giltos-console-page .stats,
body.giltos-console-page .stats-grid,
body.giltos-console-page .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;}
body.giltos-console-page .grid.two-col,
body.giltos-console-page .two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.giltos-console-page .app-grid.cols-3,
body.giltos-console-page .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.giltos-console-page .app-grid.cols-2,
body.giltos-console-page .cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

/* Hero blocks inside Console should not look like public landing pages */
body.giltos-console-page .ia-hub-hero,
body.giltos-console-page .help-hero{
  background:#fff!important;border:1px solid #dbeafe!important;border-radius:16px!important;padding:26px!important;margin:0 0 20px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.04)!important;color:#101828!important;text-align:left!important;
}
body.giltos-console-page .ia-hub-hero h1,
body.giltos-console-page .help-hero h1{color:#101828!important;font-size:28px!important;margin:4px 0 8px!important;}
body.giltos-console-page .ia-hub-hero p,
body.giltos-console-page .help-hero p{color:#667085!important;max-width:760px!important;margin:0!important;}
body.giltos-console-page .pill{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 10px!important;border-radius:999px!important;background:#eaf4ff!important;color:var(--console-blue)!important;font-size:12px!important;font-weight:800!important;margin:0 0 6px!important;}

/* Tables and actions */
body.giltos-console-page table,
body.giltos-console-page .table,
body.giltos-console-page .ia-table,
body.giltos-console-page .help-table{width:100%!important;border-collapse:collapse!important;background:#fff!important;text-align:left!important;}
body.giltos-console-page th,
body.giltos-console-page td{padding:12px 14px!important;border-bottom:1px solid #eef2f7!important;text-align:left!important;vertical-align:top!important;font-size:13px!important;}
body.giltos-console-page th{background:#f8fafc!important;color:#344054!important;font-weight:800!important;}
body.giltos-console-page .btn,
body.giltos-console-page .topbar-btn,
body.giltos-console-page button,
body.giltos-console-page .head-actions a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-height:34px!important;padding:0 14px!important;border-radius:9px!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;line-height:1!important;
  cursor:pointer!important;
}
body.giltos-console-page .btn-primary,
body.giltos-console-page .primary,
body.giltos-console-page .head-actions .btn-primary{background:var(--console-blue)!important;color:#fff!important;border:1px solid var(--console-blue)!important;box-shadow:0 8px 16px rgba(22,119,255,.18)!important;}
body.giltos-console-page .btn-outline,
body.giltos-console-page .btn-secondary,
body.giltos-console-page .topbar-btn{background:#fff!important;color:var(--console-blue)!important;border:1px solid #bfdbfe!important;}
body.giltos-console-page .head-actions,
body.giltos-console-page .quick-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important;}

/* Footer/CTA inside Console */
body.giltos-console-page .foot-cta,
body.giltos-console-page .bottom-cta,
body.giltos-console-page .next-step-cta{
  width:100%!important;margin:22px 0 0!important;border-radius:16px!important;padding:24px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  background:linear-gradient(135deg,var(--console-blue),var(--console-blue-2))!important;color:#fff!important;text-align:left!important;
}
body.giltos-console-page .foot-cta h2,
body.giltos-console-page .bottom-cta h2,
body.giltos-console-page .next-step-cta h2{color:#fff!important;margin:0 0 6px!important;font-size:22px!important;}
body.giltos-console-page .foot-cta p,
body.giltos-console-page .bottom-cta p,
body.giltos-console-page .next-step-cta p{color:rgba(255,255,255,.86)!important;margin:0!important;}
body.giltos-console-page .foot-cta .btn,
body.giltos-console-page .bottom-cta .btn,
body.giltos-console-page .next-step-cta .btn{background:#fff!important;color:var(--console-blue)!important;border-color:#fff!important;}

/* Never show public demo floating UI inside Console */
body.giltos-console-page .giltos-demo-fab,
body.giltos-console-page .giltos-demo-panel,
body.giltos-console-page .giltos-demo-panel-backdrop,
body.giltos-console-page .giltos-stepbar,
body.giltos-console-page .demo-step-bar:not(.project-flow-bar){display:none!important;}

@media (max-width: 1180px){
  body.giltos-console-page{--console-content-max:calc(100vw - var(--console-sidebar-w));--console-page-pad-x:24px;}
  body.giltos-console-page .grid.two-col,
  body.giltos-console-page .two-col,
  body.giltos-console-page .app-grid.cols-3,
  body.giltos-console-page .cols-3,
  body.giltos-console-page .app-grid.cols-2,
  body.giltos-console-page .cols-2{grid-template-columns:1fr!important;}
}
@media (max-width: 760px){
  body.giltos-console-page{--console-sidebar-w:0px;--console-page-pad-x:16px;}
  body.giltos-console-page .sidebar,
  body.giltos-console-page .app-sidebar{display:none!important;}
  body.giltos-console-page .main-content,
  body.giltos-console-page .app-main{margin-left:0!important;width:100%!important;}
  body.giltos-console-page .topbar,
  body.giltos-console-page .app-topbar{padding:0 16px!important;}
  body.giltos-console-page .topbar-search,
  body.giltos-console-page .app-search{display:none!important;}
  body.giltos-console-page .page-header,
  body.giltos-console-page .page-head{flex-direction:column!important;}
  body.giltos-console-page .project-flow-bar{align-items:flex-start!important;flex-direction:column!important;}
  body.giltos-console-page .foot-cta{flex-direction:column!important;align-items:flex-start!important;}
}
