/* PBTG-CJM-OMEGA-v3-CANONICAL-LIVE */

/* FOUNDER-APPROVED BRAND ROLE LOCK
   Masthead = protected .GEN / PQ | AI² master identity.
   Center   = protected Genesis PQ / AI² central emblem.
   Both files are promoted byte-for-byte from the protected 2026-09-02 reference branch.
   The existing semantic lockup DOM remains for accessibility/fail-closed structure only;
   it must never become the visible substitute for the founder artwork. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead .genesis-master-lockup{
  position:relative!important;
  width:clamp(176px,15vw,236px)!important;
  min-width:176px!important;
  min-height:82px!important;
  background-image:url('brand/genesis-pq-logo-master.png')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead .genesis-master-lockup>.genesis-master-name,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead .genesis-master-lockup>.genesis-family{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Target-interface JS keeps the canonical lockup element as the structural owner and clears
   its background. The pseudo-layer carries the founder-approved central AI² artwork so the
   protected target composition cannot regress to improvised typography. Keep the semantic
   child text in the render tree at opacity zero so accessibility/semantic acceptance can still
   observe the canonical Genesis PQ identity without the text ever becoming visible artwork. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-approved-lockup{
  position:relative!important;
  overflow:visible!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-approved-lockup::before{
  content:"";
  position:absolute;
  inset:-46px -44px;
  display:block;
  pointer-events:none;
  background-image:none!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.34));
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-approved-lockup>.genesis-master-name,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-approved-lockup>.genesis-family{
  opacity:0!important;
  pointer-events:none!important;
}

/* ORIGINAL GENESIS RAIN — restore the protected visual contract exactly at the field/veil layer.
   The renderer itself is unchanged and remains site/assets/genesis-rain.js. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] #genesisRain,
body[data-ai2-canonical-home="scratch-living-graph-v1"][data-ai2-target-interface="v1"] #genesisRain{
  opacity:1!important;
  filter:none!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .rain-veil,
body[data-ai2-canonical-home="scratch-living-graph-v1"][data-ai2-target-interface="v1"] .rain-veil{
  background:
    radial-gradient(700px 380px at 50% 24%,rgba(4,7,15,.80),rgba(4,7,15,.26) 58%,transparent 78%),
    linear-gradient(180deg,transparent 0%,transparent 42%,rgba(4,7,15,.72) 72%,#04070f 100%)!important;
}

/* One world, not a marketing page wrapped around a workspace. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] [data-legacy-presentation="true"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* High-end finish: depth comes from the existing Rain and state surfaces, not ornamental clutter. */
body[data-ai2-canonical-home="scratch-living-graph-v1"][data-ai2-target-interface="v1"] .sovereign-workspace.ai2-target-world{
  isolation:isolate;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-center::before{
  content:"";
  position:absolute;
  inset:92px -18px auto;
  height:420px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 8%,rgba(31,132,255,.115),rgba(10,42,88,.035) 40%,transparent 72%);
  filter:blur(12px);
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-surface,
body[data-ai2-canonical-home="scratch-living-graph-v1"] #map .mapframe,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-status{
  box-shadow:
    0 0 0 1px rgba(76,161,255,.045),
    0 24px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.022)!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-surface,
body[data-ai2-canonical-home="scratch-living-graph-v1"] #map .mapframe{
  backdrop-filter:blur(18px) saturate(112%);
}

/* The composer is the primary control surface. Keep it visually decisive but calm. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] #intent{
  caret-color:#52c7ff;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] #composer:focus-within{
  filter:drop-shadow(0 12px 32px rgba(20,119,236,.10));
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] #sendBtn{
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] #sendBtn:hover{
  transform:translateY(-1px) scale(1.02);
  filter:brightness(1.08);
}

/* Living Graph stays the product's visible second language. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] #map{
  scroll-margin-top:92px;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-lg-node,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-lg-edge{
  transition:opacity .18s ease,filter .18s ease,transform .18s ease;
}

/* Project folders and rails read as precision instrumentation, not dashboard furniture. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-project-shelf-folder,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-path span,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-graph-actions button{
  transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease,opacity .16s ease!important;
}

/* Mobile/tablet resilience without collapsing the operating-world hierarchy. */
@media (max-width:980px){
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-center::before{inset:70px -8px auto;height:340px}
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead .genesis-master-lockup{width:clamp(150px,31vw,205px)!important;min-width:150px!important;min-height:72px!important}
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-approved-lockup::before{inset:-36px -28px}
}

/* Accessibility is part of the premium finish. */
@media (prefers-reduced-motion:reduce){
  body[data-ai2-canonical-home="scratch-living-graph-v1"] *,
  body[data-ai2-canonical-home="scratch-living-graph-v1"] *::before,
  body[data-ai2-canonical-home="scratch-living-graph-v1"] *::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}


/* FIRST-CONTACT COMPLETION — additive projection over the canonical AI² composer. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-brand{
  min-height:148px;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-approved-lockup::before{
  inset:-12px -24px;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start{
  width:min(900px,calc(100% - 32px));
  margin:2px auto 18px;
  padding:clamp(16px,2.2vw,24px);
  border:1px solid rgba(108,177,255,.14);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(8,15,29,.88),rgba(4,9,18,.72));
  box-shadow:0 22px 64px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(18px) saturate(112%);
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-copy{
  max-width:690px;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-copy small{
  color:#62c5ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-copy h1{
  margin:7px 0 6px;
  color:#f3f8ff;
  font-size:clamp(24px,3.2vw,40px);
  line-height:1.04;
  letter-spacing:-.025em;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-copy p{
  margin:0;
  color:#9eb0c5;
  font-size:14px;
  line-height:1.55;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions button{
  min-height:92px;
  padding:15px 16px;
  text-align:left;
  color:#dfeeff;
  border:1px solid rgba(109,175,255,.16);
  border-radius:14px;
  background:rgba(10,20,36,.7);
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions button:hover,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions button:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(89,189,255,.55);
  background:rgba(12,32,57,.9);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
  outline:none;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions b,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions span{
  display:block;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions b{
  font-size:14px;
  letter-spacing:.01em;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions span{
  margin-top:6px;
  color:#8fa5bd;
  font-size:12px;
  line-height:1.4;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-trust{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:15px;
  color:#7590aa;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-trust i{
  width:3px;height:3px;border-radius:50%;background:#38b8ff;box-shadow:0 0 10px rgba(56,184,255,.7);
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start[data-compact="true"]{
  padding:10px 16px;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start[data-compact="true"] .ai2-simple-start-copy,
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start[data-compact="true"] .ai2-simple-start-actions{
  display:none;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start[data-compact="true"] .ai2-simple-start-trust{
  margin-top:0;
}
@media(max-width:760px){
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-brand{min-height:118px}
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-approved-lockup::before{inset:-8px -12px}
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start{width:calc(100% - 20px);margin-bottom:12px;padding:15px}
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions{grid-template-columns:1fr}
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-simple-start-actions button{min-height:70px}
}


/* FOUNDER VISUAL CONVERGENCE — 2026-09-20
   Presentation-only delta. Preserve canonical runtime/graph/workspace owners.
   Identity hierarchy:
   1. Genesis PQ / AI² master artwork belongs in the masthead.
   2. The approved AI²/G artwork belongs behind the composer as a quiet watermark.
   3. No second foreground master/central lockup is projected into the workspace.
   4. Genesis Rain remains the continuous atmospheric field behind every surface. */

/* Remove the duplicate foreground identity without deleting its semantic/source owner. */
/* The approved founder artwork is the only visible center identity. Cockpit owns its source image. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-target-wordmark{
  display:grid!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-brand{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Make the approved masthead identity unmistakable and readable without crowding navigation. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead .genesis-master-lockup{
  width:clamp(224px,20vw,320px)!important;
  min-width:224px!important;
  min-height:96px!important;
  flex:0 0 auto!important;
}

/* Composer owns the approved AI²/G watermark. It is artwork, never layout and never input chrome. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-composer{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(5,12,22,.64),rgba(3,8,16,.74))!important;
  backdrop-filter:blur(10px) saturate(108%)!important;
}
/* Chat is a functional input, not a second logo placement. No image on either pseudo-layer. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-composer::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-composer::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at 50% 48%,rgba(39,126,220,.055),transparent 58%)!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-composer > *{
  position:relative;
  z-index:1;
}

/* Let Genesis Rain read through the world instead of being buried by nearly opaque panels. */
body[data-ai2-canonical-home="scratch-living-graph-v1"] .rain-veil,
body[data-ai2-canonical-home="scratch-living-graph-v1"][data-ai2-target-interface="v1"] .rain-veil{
  background:
    radial-gradient(760px 420px at 50% 20%,rgba(4,7,15,.52),rgba(4,7,15,.16) 58%,transparent 80%),
    linear-gradient(180deg,rgba(3,7,15,.05) 0%,rgba(3,7,15,.12) 48%,rgba(3,7,15,.38) 78%,rgba(4,7,15,.62) 100%)!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] .ai2-chat-surface{
  background:linear-gradient(180deg,rgba(6,13,24,.58),rgba(3,8,16,.68))!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}
body[data-ai2-canonical-home="scratch-living-graph-v1"] #map .mapframe{
  background:linear-gradient(180deg,rgba(5,12,23,.52),rgba(3,8,16,.62))!important;
  backdrop-filter:blur(9px) saturate(108%)!important;
}

/* Mobile is the primary stress case: keep identity readable and Rain present without stealing room. */
@media(max-width:980px){
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead .genesis-master-lockup{
    width:clamp(205px,34vw,270px)!important;
    min-width:205px!important;
    min-height:88px!important;
  }
}
@media(max-width:620px){
  body[data-ai2-canonical-home="scratch-living-graph-v1"] #genesisRain{
    opacity:.92!important;
  }
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead{
    min-height:92px!important;
    align-items:center!important;
  }
  body[data-ai2-canonical-home="scratch-living-graph-v1"] .masthead .genesis-master-lockup{
    width:clamp(190px,48vw,236px)!important;
    min-width:190px!important;
    min-height:82px!important;
  }
}

/* Mobile cockpit: header does not steal viewport height from the approved center lockup. */
@media(max-width:620px){
  body[data-ai2-canonical-home="scratch-living-graph-v1"][data-ai2-cockpit-home="v1"] .masthead{
    min-height:58px!important;
  }
}