:root {
  --senmilo-green: #00ff57;
  --senmilo-green-soft: #7dffa9;
  --senmilo-green-dim: #16883d;
  --senmilo-black: #000;
  --senmilo-panel: #030604;
  --senmilo-panel-2: #071009;
  --senmilo-line: #183522;
  --senmilo-line-soft: rgba(0,255,87,.2);
  --senmilo-white: #f4f7f5;
  --senmilo-muted: #7f9185;
  --cyan: var(--senmilo-green);
  --cyan2: var(--senmilo-green-dim);
  --blue: var(--senmilo-green);
  --orange: var(--senmilo-green);
  --amber: var(--senmilo-green-soft);
  --green: var(--senmilo-green);
  --pink: var(--senmilo-green-soft);
  --term-bg: var(--senmilo-black);
  --term-black: var(--senmilo-black);
  --term-panel: var(--senmilo-panel);
  --term-panel-2: var(--senmilo-panel-2);
  --term-amber: var(--senmilo-green);
  --term-hot: var(--senmilo-green-soft);
  --term-paper: var(--senmilo-white);
  --term-muted: var(--senmilo-muted);
  --term-dim: #405448;
  --term-line: var(--senmilo-line);
  --term-line-soft: var(--senmilo-line-soft);
}

html, body, .screen, .route, .panel, .console-route, .live-room, .wallet-modal { background-color: var(--senmilo-black) !important; }
body { color: var(--senmilo-muted) !important; }
.wallet-zone .hf-link { display: grid !important; }
.wallet-zone .github-link { display: none !important; }
.wallet-zone .x-link { display: grid !important; }
.hf-link svg { fill: currentColor; }
.brand { width: 68px !important; min-width: 68px !important; height: 44px !important; padding: 2px 8px !important; place-items: center !important; overflow: hidden !important; background: #000 !important; }
.brand .cennomo-logo-small { width: 50px !important; height: 38px !important; overflow: hidden !important; border: 0 !important; background: transparent !important; }
.brand img { width: 100% !important; height: 100% !important; object-fit: contain !important; transform: scale(1.14) !important; filter: drop-shadow(0 0 7px rgba(0,255,87,.2)) !important; }
.core-mark img { width: 100% !important; height: 100% !important; inset: 0 !important; object-fit: contain !important; transform: none !important; filter: none !important; }

.nav-item.active, .nav-item:hover, .buy, .spawn-button:not(:disabled),
.hero-actions .primary, .wallet-option:hover, .skill-row button:hover {
  border-color: var(--senmilo-green) !important;
  background: var(--senmilo-green) !important;
  color: #001a09 !important;
}
.connect, .ca-pill, .social, .hero-actions .secondary, .skill-row button,
.wall-filters button, .view-switch button, .manual-index button {
  border-color: var(--senmilo-line) !important;
}
.connect:hover, .ca-pill:hover, .social:hover, .manual-index button.active,
.wall-filters button.active, .view-switch button.active {
  border-color: var(--senmilo-green) !important;
  color: var(--senmilo-green) !important;
  background: rgba(0,255,87,.08) !important;
}

.route-command > b, .route-command em b, .wordmark, .lede b, .crawl-inline-stats b:last-child,
.feed-label:before, .stage-title span, .browser-chrome b, .crawl-tail strong,
.statusbar b, .statusbar i, .panel-head b, .section-head > b, .territory-item em,
.treasury-total strong i, .burn-card b, .doc-kicker, .manual-doc h3,
.identity-console-head > b, .identity-console-head small, .room-identity small,
.room-identity > span, .live-room-head b, .live-room-head i, .gateway-live,
.token-chain-panel header b, .token-chain-panel header i, .allocation-ledger .accent,
.treasury-address-card code, .ca-row span, .ca-row button, .ca-pill strong {
  color: var(--senmilo-green) !important;
}
.status-dot, .monitor-dot, .gateway-live i, .room-identity i, .statusbar i,
.territory-foot i, .verified-stream-mark, .token-chain-panel header i {
  background: var(--senmilo-green) !important;
  box-shadow: 0 0 12px rgba(0,255,87,.65) !important;
}

.topbar, .statusbar, .route-command, .panel-head, .section-head, .wall-controls,
.operator-monitor, .monitor-screen, .skill-row, .territory-item, .treasury-total,
.token-chain-panel, .treasury-address-card, .spawn-steps, .burn-card, .identity-console,
.manual-index button, .manual-code, .manual-detail-grid article, .wallet-dialog,
.live-room-head, .live-room-foot, .room-side, .broadcast {
  border-color: var(--senmilo-line) !important;
}
.operator-wall, .monitor-grid, .territory-layout, .treasury-layout, .spawn-layout,
.gateway-layout, .skills-panel, .manual-layout { background: var(--senmilo-line) !important; }

.wordmark { color: var(--senmilo-white) !important; text-shadow: 0 0 36px rgba(0,255,87,.12); }
.hero-brand:before, .territory-map {
  background-image: radial-gradient(circle,rgba(0,255,87,.22) 1px,transparent 1px) !important;
}
.reward-note, .ca-row, .manual-code, .gateway-code, .token-chain-panel,
.treasury-address-card, .burn-card { background: #010502 !important; }
.reward-note { border-color: var(--senmilo-line) !important; }
.spawn-steps li.active, .manual-index button.active, .wall-filters button.active,
.view-switch button.active { background: rgba(0,255,87,.08) !important; }
.identity-hash { background: linear-gradient(rgba(0,255,87,.035) 1px,transparent 1px) !important; }
.identity-hash i { border-color: var(--senmilo-green) !important; background: linear-gradient(180deg,rgba(0,255,87,.34),rgba(0,255,87,.02)) !important; }
.health i, .alloc-row i, .contribution-weights i, .ascii-meter i {
  filter: hue-rotate(105deg) saturate(1.8) brightness(1.25);
}
.operator-monitor:hover:after, .field select:focus, .field input:focus,
.live-room, .wallet-dialog { border-color: var(--senmilo-green) !important; }
.feed-reticle i, .verified-stream-mark { border-color: var(--senmilo-green) !important; }
::selection { background: var(--senmilo-green); color: #001a09; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { border-color: #000; background: #174528; }

/* Remove the former coral palette from every route and generated layer. */
body:after,
.hero,
.feed-awaiting:before,
#route-territories .territory-map,
.identity-hash {
  background-image: none !important;
}
body:after { display:none !important; content:none !important; }
.hero-actions button:hover,
.hero-actions a:hover,
.operator-core:after,
.verified-stream-mark,
.operator-monitor[data-state="verified"] .feed-stage:before {
  box-shadow: 0 0 20px rgba(0,255,87,.16) !important;
}
.operator-monitor>footer button,
#route-skills .skill-search button,
#route-skills .skill-row button,
.spawn-steps li.active,
#route-manual .manual-index button.active {
  border-color: var(--senmilo-line) !important;
  background: rgba(0,255,87,.06) !important;
  color: var(--senmilo-green) !important;
}
#route-deploy .burn-card,
.monitor-data,
.table-wrap tbody tr:hover td,
.palm-visual span {
  border-color: var(--senmilo-line) !important;
  background: #010502 !important;
}
.burn-card span,
.burn-card em,
.preview-foot b,
.treasury-checklist b {
  color: var(--senmilo-muted) !important;
}
.health i,
.alloc-row i {
  background: linear-gradient(90deg,var(--senmilo-green) var(--health,100%),#142018 var(--health,100%)) !important;
  filter: none !important;
}
.palm-visual i,
.palm-visual span,
.manifest-checks span i,
.treasury-checklist i {
  border-color: var(--senmilo-line) !important;
  box-shadow: none !important;
}
.preview-foot i,
.protocol-loop i,
.treasury-checklist span[data-ready="true"] i {
  background: var(--senmilo-green) !important;
  border-color: var(--senmilo-green) !important;
  box-shadow: 0 0 8px rgba(0,255,87,.45) !important;
}

/* Territory map: neutral black structure with the Senmilo green signal. */
#route-territories .territory-map {
  background-color: #000 !important;
  background-image:
    linear-gradient(rgba(0,255,87,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,87,.018) 1px,transparent 1px) !important;
}
#route-territories .territory-map:after {
  background: radial-gradient(circle at 51% 52%,rgba(0,255,87,.07),transparent 36%) !important;
}
#territoryCanvas { filter: none !important; }
.territory-hud small,
#route-territories .territory-item>em[data-state="observing"],
.territory-policy b,
.map-legend .verified,
.map-legend .learning,
.map-legend .repairing {
  color: var(--senmilo-green) !important;
}

/* Transparent logo treatment in the deployment manifest. */
.identity-console .core-mark,
.identity-console-head>.core-mark {
  width: 72px !important;
  height: 72px !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.identity-console-head {
  grid-template-columns: 76px 1fr 32px !important;
}

/* Force all inherited warm surfaces and indicators into the brand system. */
.topbar,
.wallet-zone button,
.wallet-zone a,
.ca-row,
.reward-note,
.hero-actions .secondary,
.operator-stage,
.panel-head,
.browser-chrome,
.crawl-tail,
.stage-foot,
.table-wrap th,
.stream-head,
.route-command,
.wall-controls,
.operator-monitor,
.monitor-screen,
.monitor-url,
.watch-live,
.live-proof,
.vision-badge {
  background-color: #000 !important;
}
.panel-head,
.browser-chrome,
.crawl-tail,
.stage-foot,
.watch-live,
.live-proof,
.vision-badge {
  border-color: var(--senmilo-line) !important;
}
.watch-live,
.live-proof b,
.live-proof i,
.vision-badge span,
.vision-badge i,
.vision-route span,
.vision-route i {
  color: var(--senmilo-green) !important;
  border-color: var(--senmilo-green) !important;
}
.live-proof i,
.vision-badge i,
.vision-route i {
  background: var(--senmilo-green) !important;
}
.browser-chrome i:nth-child(1) { background:#00ff57 !important; }
.browser-chrome i:nth-child(2) { background:#83ffa9 !important; }
.browser-chrome i:nth-child(3) { background:#1d6b37 !important; }
#actionGraph { filter:hue-rotate(92deg) saturate(2.4) brightness(1.08); }
.wallet-zone .buy { color:#001a09 !important; }
.territory-item em,
.territory-item em[data-state="verified"],
.territory-item em[data-state="learning"],
.territory-item em[data-state="degrading"],
.identity-console-head p,
.manifest-route span small,
.post-burn-flow small,
.deployment-contract em {
  color: var(--senmilo-green) !important;
}
.manual-doc p,
.manual-facts p,
.manual-code p {
  color: #91a398 !important;
}
.manual-index button:before { color:var(--senmilo-green) !important; }

@media (max-width: 760px) {
  .brand { width: 62px !important; min-width: 62px !important; height:44px !important; padding:3px 7px !important; }
  .brand .cennomo-logo-small { width:46px !important; height:36px !important; }
  .nav {
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth;
    scrollbar-width:none;
  }
  .nav::-webkit-scrollbar { display:none; }
  .nav-item { min-width:88px !important; flex:0 0 auto !important; }
  #route-live .crawl-hero:before,
  #route-live .crawl-hero:after { display:none !important; content:none !important; }
  #route-live .operator-stage>.panel-head .feed-label { display:none !important; }
  #route-live .operator-stage>.stage-title {
    left:103px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    overflow:hidden !important;
  }
  #route-live .operator-stage>.stage-title b {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #route-live .operator-stage>.stage-title span { display:none !important; }
  #route-deploy .section-head {
    min-height:62px !important;
    height:auto !important;
    align-items:center !important;
    gap:12px !important;
  }
  #route-deploy .section-head span { max-width:210px; line-height:1.45; }
  #route-deploy .spawn-steps li { gap:5px; padding:0 8px !important; }
  #route-deploy .spawn-steps li b { margin-right:3px; }
  #route-manual .manual-index { scroll-snap-type:x proximity; }
  #route-manual .manual-index button { scroll-snap-align:start; }
}

/* Final surface pass: every structural surface is true black. */
html, body, .screen, .route, .panel, .console-route,
.topbar, .brand, .nav, .nav-item, .wallet-zone,
.wallet-zone button, .wallet-zone a:not(.buy),
.crawlnet-live-grid, .crawl-hero, .operator-stage, .network, .stream,
.panel-head, .section-head, .route-command, .wall-controls,
.ca-row, .reward-note, .hero-actions .secondary, .browser-chrome,
.crawl-tail, .stage-foot, .network-summary, .table-wrap, .table-wrap th,
.stream-head, .event-stream, .event,
.operator-wall, .monitor-grid, .operator-monitor, .monitor-screen, .monitor-url,
.skills-panel, .skill-table, .skill-row, .skill-admission-strip,
.territory-layout, .territory-map, .territory-feed, .territory-item,
.territory-hud, .territory-policy, .map-legend,
.treasury-layout, .treasury-main, .treasury-side, .settlement,
.treasury-total, .treasury-facts, .treasury-principles, .allocation,
.token-chain-panel, .treasury-address-card, .pool-total,
.contribution-weights, .treasury-checklist, .fee-split,
.spawn-layout, .spawn-form, .spawn-preview, .spawn-steps,
.field select, .field input, .burn-card, .identity-console,
.deploy-readiness, .deployment-contract, .manifest-checks, .post-burn-flow,
.manual-layout, .manual-index, .manual-index button, .manual-doc,
.manual-facts article, .manual-detail-grid article, .manual-code,
.state-definitions, .allocation-ledger, .protocol-loop span,
.gateway-layout, .gateway-main, .gateway-tools, .gateway-live,
.gateway-endpoints, .gateway-code, .gateway-audit, .gateway-call-flow, .gateway-tool,
.live-room, .live-room-head, .live-room-foot, .broadcast, .room-side,
.room-live-layer, .wallet-dialog {
  background-color: #000 !important;
  background-image: none !important;
}
#route-live .crawlnet-live-grid,
#route-live .crawl-hero,
#route-live .operator-stage,
#route-live .ca-row,
#route-live .reward-note,
#route-live .operator-stage>.stage-foot,
#route-operators .operator-wall,
#route-skills .skill-search input,
#route-skills .skill-row.header,
#route-gateway .gateway-main article,
#route-gateway #copyGatewayExample,
#route-treasury #tokenRefresh,
#route-treasury .treasury-event,
#route-deploy .burn-card,
.statusbar,
.toast {
  background-color:#000 !important;
  background-image:none !important;
}
.wallet-modal { background: rgba(0,0,0,.94) !important; }
.nav-item.active,
.wallet-zone .buy,
.hero-actions .primary,
.spawn-button:not(:disabled) {
  background: var(--senmilo-green) !important;
}
.wall-filters button.active,
.view-switch button.active,
.manual-index button.active,
.spawn-steps li.active {
  background: rgba(0,255,87,.08) !important;
}
.spawn-button:disabled { background:#000 !important; }
.brand {
  border: 0 !important;
  border-right: 1px solid var(--senmilo-line) !important;
}
.brand img { transform: scale(1.34) !important; }
.manual-doc, .manual-doc p, .manual-facts p, .manual-code p,
.genesis-notice, .genesis-notice p, .gateway-code pre {
  color: #91a398 !important;
}
.manual-facts b, .genesis-notice b, .manual-doc h3,
.doc-kicker, .gateway-audit b {
  color: var(--senmilo-green) !important;
}
.genesis-notice, .manual-facts article, .manual-detail-grid article,
.manual-code, .gateway-code, .gateway-audit {
  border-color: var(--senmilo-line) !important;
  background: #000 !important;
}

/* Octopus signal field and orbital deployment seed. */
#route-territories .territory-map:before {
  content:"OCTOPUS SIGNAL FIELD";
  position:absolute;z-index:3;right:18px;top:66px;
  color:#496955;font:7px var(--term-mono);letter-spacing:.14em;
}
.identity-orbit {
  position:relative;
  height:164px;
  overflow:hidden;
  border-bottom:1px solid var(--senmilo-line) !important;
  background:#000 !important;
}
.identity-orbit:before,
.identity-orbit:after {
  content:"";
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(0,255,87,.2);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-12deg);
}
.identity-orbit:before { width:238px;height:82px; }
.identity-orbit:after { width:154px;height:126px;transform:translate(-50%,-50%) rotate(24deg); }
.orbit-core {
  position:absolute;z-index:2;left:50%;top:50%;
  width:58px;height:58px;
  display:grid;place-content:center;text-align:center;
  border:1px solid var(--senmilo-green);
  background:#000;
  transform:translate(-50%,-50%) rotate(45deg);
}
.orbit-core span,.orbit-core b { display:block;transform:rotate(-45deg);font-family:var(--term-mono); }
.orbit-core span { color:#5f7b68;font-size:7px; }
.orbit-core b { margin-top:3px;color:var(--senmilo-green);font-size:9px; }
.orbit-node {
  position:absolute;z-index:3;width:9px;height:9px;
  border:1px solid var(--senmilo-green);background:#000;
  transform:rotate(45deg);box-shadow:0 0 9px rgba(0,255,87,.35);
}
.orbit-node:after { content:"";position:absolute;inset:2px;background:var(--senmilo-green); }
.identity-orbit .node-a { left:18% !important;right:auto !important;top:31% !important;bottom:auto !important; }
.identity-orbit .node-b { right:18% !important;left:auto !important;top:25% !important;bottom:auto !important; }
.identity-orbit .node-c { left:22% !important;right:auto !important;bottom:22% !important;top:auto !important; }
.identity-orbit .node-d { right:21% !important;left:auto !important;bottom:24% !important;top:auto !important; }
.orbit-label { position:absolute;color:#779282;font:7px var(--term-mono);letter-spacing:.08em; }
.identity-orbit .label-a { left:7% !important;right:auto !important;top:17% !important;bottom:auto !important; }
.identity-orbit .label-b { right:7% !important;left:auto !important;top:13% !important;bottom:auto !important; }
.identity-orbit .label-c { left:8% !important;right:auto !important;bottom:10% !important;top:auto !important; }
.identity-orbit .label-d { right:7% !important;left:auto !important;bottom:12% !important;top:auto !important; }

@media (max-width: 760px) {
  #route-territories .territory-policy,
  #route-territories .map-axis { display:none !important; }
  #route-territories .territory-hud { left:18px !important;right:auto !important;top:70px !important; }
  #route-territories .territory-map:before { display:none !important; }
  .brand img { transform:scale(1.4) !important; }
  #route-live .operator-stage>.panel-head {
    height:34px !important;
  }
  #route-live .operator-stage>.stage-title {
    top:34px !important;
    left:7px !important;
    right:7px !important;
    width:auto !important;
    height:29px !important;
    padding:0 9px !important;
    display:flex !important;
    align-items:center !important;
    border-bottom:1px solid var(--senmilo-line) !important;
    background:#000 !important;
  }
  #route-live .operator-stage>.browser-feed {
    top:63px !important;
  }
  #route-live .operator-stage[data-view="browser"] #actionGraph {
    inset:63px 7px 92px !important;
    height:calc(100% - 155px) !important;
  }
}