/* BUILD 089 / SILICON CORE + MOBILE COMMAND SYSTEM
   Refinement layer on top of B088. Focus: believable processor packaging,
   stronger hierarchy, compact-first mobile evidence, and cohesive system polish. */

/* ---------- shared silicon language ---------- */
.core-substrate,.m-core-substrate,.i-core-substrate{
  position:absolute;inset:9%;pointer-events:none;z-index:0;
  border:1px solid rgba(182,210,200,.10);
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 24%),
    repeating-linear-gradient(0deg,rgba(141,244,217,.025) 0 1px,transparent 1px 12px),
    repeating-linear-gradient(90deg,rgba(141,244,217,.022) 0 1px,transparent 1px 12px),
    linear-gradient(145deg,#0d1512,#050907 58%,#0a120f);
  box-shadow:inset 0 0 18px rgba(141,244,217,.025),inset 0 0 0 1px rgba(0,0,0,.18);
}
.core-notch,.m-core-notch,.i-core-notch{
  position:absolute;left:8%;top:8%;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:3;
  background:radial-gradient(circle at 36% 36%,#a7fff0 0 14%,#496e64 20%,#07100d 58%,#010302 100%);
  border:1px solid rgba(141,244,217,.20);box-shadow:0 0 8px rgba(141,244,217,.18),inset 0 0 4px rgba(0,0,0,.72);
}
.core-marking,.m-core-mark,.i-core-mark{
  position:absolute;z-index:3;pointer-events:none;font-family:var(--mono);font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:rgba(119,151,141,.64)
}

/* ---------- desktop processor realism ---------- */
@media(min-width:901px) and (pointer:fine){
  .core-authority{width:286px;height:286px}
  .core-authority::before{width:232px!important;height:232px!important}
  .core-authority::after{width:206px!important;height:206px!important}
  .core-geometry i:nth-child(1){width:232px;height:232px;border-color:rgba(141,244,217,.11)}
  .core-geometry i:nth-child(2){width:188px;height:188px;border-color:rgba(141,244,217,.16)}

  .core-package{
    width:188px;height:188px;
    border:1px solid rgba(183,220,208,.58);
    background:
      linear-gradient(145deg,rgba(255,255,255,.075),transparent 15%),
      linear-gradient(315deg,rgba(255,255,255,.024),transparent 28%),
      radial-gradient(circle at 52% 48%,rgba(141,244,217,.055),transparent 48%),
      linear-gradient(145deg,#111916 0,#060a08 56%,#0b1310 100%);
    clip-path:polygon(4% 0,96% 0,100% 4%,100% 96%,96% 100%,4% 100%,0 96%,0 4%);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      inset 9px 9px 20px rgba(255,255,255,.012),
      inset -14px -14px 24px rgba(0,0,0,.28),
      0 14px 28px rgba(0,0,0,.50),
      0 0 30px rgba(141,244,217,.10),
      0 0 74px rgba(141,244,217,.075);
  }
  .core-substrate{inset:12px;clip-path:polygon(3% 0,97% 0,100% 3%,100% 97%,97% 100%,3% 100%,0 97%,0 3%)}
  .core-die{inset:31%;border-color:rgba(141,244,217,.20);box-shadow:inset 0 0 28px rgba(141,244,217,.09),0 0 20px rgba(141,244,217,.045)}
  .core-die::before{inset:8%;background:radial-gradient(circle,rgba(141,244,217,.16) 0 1px,transparent 1.2px) 0 0/12px 12px}
  .core-die::after{width:68%;height:68%;border-color:rgba(141,244,217,.14)}
  .core-vias{inset:17px;border-color:rgba(141,244,217,.10)}
  .core-notch{left:15px;top:15px;width:9px;height:9px}
  .core-marking-a{left:20px;bottom:18px;font-size:5px}
  .core-marking-b{right:18px;top:17px;font-size:4.7px;color:rgba(105,132,124,.58)}

  /* Dense, metal-looking pin banks with darker pin roots. */
  .core-package::before{
    left:-22px;right:-22px;top:12px;bottom:12px;
    background:repeating-linear-gradient(180deg,
      rgba(214,234,227,.86) 0 2px,
      rgba(99,127,117,.82) 2px 4px,
      rgba(16,29,24,.92) 4px 6px,
      transparent 6px 13px);
    mask:linear-gradient(90deg,#000 0 22px,transparent 22px calc(100% - 22px),#000 calc(100% - 22px));
    filter:drop-shadow(0 0 2px rgba(141,244,217,.14));
  }
  .core-package::after{
    top:-22px;bottom:-22px;left:12px;right:12px;
    background:repeating-linear-gradient(90deg,
      rgba(214,234,227,.86) 0 2px,
      rgba(99,127,117,.82) 2px 4px,
      rgba(16,29,24,.92) 4px 6px,
      transparent 6px 13px);
    mask:linear-gradient(#000 0 22px,transparent 22px calc(100% - 22px),#000 calc(100% - 22px));
    filter:drop-shadow(0 0 2px rgba(141,244,217,.14));
  }
  .core-package b{font-size:45px;letter-spacing:.035em;text-shadow:0 0 12px rgba(141,244,217,.08);transform:translateY(-1px)}
  .core-package small{font-size:6px;letter-spacing:.18em;color:#849990}
  .core-package em{margin-top:11px;font-size:7px;letter-spacing:.18em}
  .core-label{bottom:-12px;font-size:5.1px;letter-spacing:.18em;color:#6c8b82}

  .prod-machine.is-live-flow.core-nominal .core-die{animation:ccSiliconDie 5.2s ease-in-out infinite}
  .prod-machine.is-live-flow.core-nominal .core-package::before,
  .prod-machine.is-live-flow.core-nominal .core-package::after{filter:drop-shadow(0 0 3px rgba(141,244,217,.20))}
  @keyframes ccSiliconDie{
    0%,100%{box-shadow:inset 0 0 20px rgba(141,244,217,.05),0 0 10px rgba(141,244,217,.03)}
    50%{box-shadow:inset 0 0 34px rgba(141,244,217,.12),0 0 24px rgba(141,244,217,.075)}
  }

  /* Slightly cleaner desktop board so the chip reads as hardware, not iconography. */
  .machine-field{background:
    radial-gradient(circle at 50% 50%,rgba(141,244,217,.045),transparent 25%),
    linear-gradient(90deg,transparent 49.95%,rgba(141,244,217,.018) 50%,transparent 50.05%),
    linear-gradient(transparent 49.95%,rgba(141,244,217,.016) 50%,transparent 50.05%)}
  .telemetry-card{box-shadow:inset 0 0 24px rgba(141,244,217,.01),0 8px 18px rgba(0,0,0,.12)}

  /* Inspector silicon package */
  .cc-inspector-chip{
    width:160px;height:160px;clip-path:polygon(4% 0,96% 0,100% 4%,100% 96%,96% 100%,4% 100%,0 96%,0 4%);
    border-color:rgba(185,220,208,.60);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset -10px -10px 18px rgba(0,0,0,.24),0 12px 22px rgba(0,0,0,.35),0 0 34px rgba(141,244,217,.09)
  }
  .i-core-substrate{inset:11px}
  .i-core-die{inset:31%}
  .i-core-notch{left:14px;top:14px;width:8px;height:8px}
  .i-core-mark{right:16px;bottom:15px;font-size:4.8px}
  .cc-inspector-chip strong{font-size:43px;letter-spacing:.03em}
}

/* ---------- mobile command system refinement ---------- */
@media(max-width:600px){
  .mobile-shell{padding:12px 12px 38px}
  .m-identity{padding-bottom:18px}
  .m-title{line-height:.78;margin-bottom:16px}
  .m-manifesto{box-shadow:inset 0 0 28px rgba(141,244,217,.014)}

  .m-machine-head{font-size:8.2px}.m-machine-head b{font-size:7.1px}
  .m-runtime-strip{gap:7px;margin:12px}
  .m-runtime-strip>div{min-height:58px}

  .m-core-deck{grid-template-columns:122px minmax(0,1fr);gap:15px 17px;padding:17px;margin:12px}
  .m-core-deck::after{left:139px}
  .m-core{
    width:118px;height:118px;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);
    border-color:rgba(186,222,210,.58);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset -9px -9px 16px rgba(0,0,0,.24),0 10px 18px rgba(0,0,0,.30),0 0 30px rgba(141,244,217,.08)
  }
  .m-core-substrate{inset:9px;clip-path:polygon(4% 0,96% 0,100% 4%,100% 96%,96% 100%,4% 100%,0 96%,0 4%)}
  .m-core-die{inset:31%;border-color:rgba(141,244,217,.20)}
  .m-core-notch{left:10px;top:10px;width:7px;height:7px}
  .m-core-mark{right:11px;bottom:10px;font-size:4.5px;color:rgba(110,141,132,.62)}
  .m-core strong{font-size:36px}.m-core small{font-size:5.8px}.m-core em{font-size:6.8px}
  .m-core::before{
    left:-14px;right:-14px;top:9px;bottom:9px;
    background:repeating-linear-gradient(180deg,rgba(208,230,222,.82) 0 2px,rgba(87,116,106,.78) 2px 4px,rgba(16,29,24,.92) 4px 5px,transparent 5px 11px);
    mask:linear-gradient(90deg,#000 0 14px,transparent 14px calc(100% - 14px),#000 calc(100% - 14px));
  }
  .m-core::after{
    top:-14px;bottom:-14px;left:9px;right:9px;
    background:repeating-linear-gradient(90deg,rgba(208,230,222,.82) 0 2px,rgba(87,116,106,.78) 2px 4px,rgba(16,29,24,.92) 4px 5px,transparent 5px 11px);
    mask:linear-gradient(#000 0 14px,transparent 14px calc(100% - 14px),#000 calc(100% - 14px));
  }
  .m-core-copy>b{font-size:11.4px}.m-core-copy p{font-size:11.4px;color:#9fb0aa}
  .m-integrity-rail span{min-height:45px}

  /* Compact-first evidence cards. */
  .m-evidence-list{gap:9px}
  .m-card{padding:13px 13px 12px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
  .m-card.is-expanded{border-color:rgba(141,244,217,.28);background:linear-gradient(180deg,rgba(6,15,11,.97),rgba(2,8,6,.99));box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 0 28px rgba(141,244,217,.012)}
  .m-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
  .m-card-head b{font-size:13.5px}
  .m-card-head span{max-width:none;text-align:right;font-size:7.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-card-toggle{
    min-height:32px;padding:0 9px;border:1px solid rgba(141,244,217,.16);background:rgba(141,244,217,.02);color:#9bb0a9;
    font:650 5.8px var(--mono);letter-spacing:.10em;text-transform:uppercase
  }
  .m-card-toggle::after{content:" +";color:#9bf0df}
  .m-card.is-expanded .m-card-toggle{border-color:rgba(141,244,217,.26);color:#d3e2dd;background:rgba(141,244,217,.035)}
  .m-card.is-expanded .m-card-toggle::after{content:" −"}
  .m-card-detail{display:none!important}
  .m-card.is-expanded .m-card-detail{display:block!important}
  .m-card.is-expanded .m-metrics{display:grid!important}
  .m-card.is-expanded .m-sec-grid{display:grid!important}

  .m-agent-preview{padding:12px}
  .m-agent-preview .m-agent-row{padding:9px 10px}
  .m-machine-foot{margin-top:10px;padding:13px 14px}
  .m-machine-foot b{font-size:9px}
  .m-machine-foot p{font-size:9.4px}
  .m-live-activity{padding:12px;margin-top:10px}
  .m-live-activity li{font-size:8px;padding-top:9px;padding-bottom:9px}

  /* Inspector feels like a native command surface, not a tiny desktop modal. */
  .cc-inspector-shell{min-height:100svh}
  .cc-inspector-head{min-height:60px}
  .cc-inspector-tabs{top:60px}
  .cc-inspector-tabs button{min-height:44px;font-size:6px}
  .cc-inspector-core{grid-template-columns:112px minmax(0,1fr)}
  .cc-inspector-chip{width:108px;height:108px;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%)}
  .i-core-substrate{inset:8px}.i-core-die{inset:31%}.i-core-notch{left:9px;top:9px;width:7px;height:7px}.i-core-mark{right:10px;bottom:9px;font-size:4.2px}
  .cc-inspector-chip strong{font-size:30px}
  .cc-inspector-summary>div{min-height:54px}
  .cc-inspector-panel{padding-bottom:14px}
  .cc-inspector-activity-wrap{background:linear-gradient(180deg,rgba(141,244,217,.012),rgba(141,244,217,.004))}
}

@media(max-width:390px){
  .m-core-deck{grid-template-columns:104px minmax(0,1fr);padding:14px;gap:13px}.m-core-deck::after{left:120px}
  .m-core{width:100px;height:100px}.m-core strong{font-size:31px}
  .m-card-head{grid-template-columns:auto minmax(0,1fr)}
  .m-card-toggle{grid-column:1/-1;justify-self:end;margin-top:2px}
}

@media(prefers-reduced-motion:reduce){.core-die{animation:none!important}}