/* ==========================================================================
   /tools — hub head.
   Same treatment as the simulators and analyse hubs: the archive wears the
   compact app header its own tool pages wear (the trackers, the simulators,
   /analyse, /verify) — identity tile, inline H1, state pill, facts line, CTA,
   stat strip. That head is the casino-originals system, so this file layers on
   crash-tracker.css and is scoped under .crx.tlx. Everything below the head —
   the card grid and the cd_tool loop — stays on the shared layouts in the
   parent style.css.
   ========================================================================== */

.crx.tlx{padding-bottom:0}

/* Identity tile: the hub has no casino logo, so it carries the Tools glyph on
   the same 58px tile the casino marks use. */
.tlx .crx-mark{display:grid;place-items:center;background:linear-gradient(150deg,rgba(79,199,234,.2),rgba(123,77,242,.22));color:var(--cyan,#4FC7EA)}
.tlx .crx-mark svg{width:28px;height:28px}

/* Nothing on this page is polling a feed, so the state pill reads cyan and
   static rather than the green pulse the live boards use. */
.tlx .crx-live.tlx-local{background:rgba(79,199,234,.1);color:var(--cyan,#4FC7EA);border-color:rgba(79,199,234,.3)}
.tlx .crx-live.tlx-local i{box-shadow:0 0 0 3px rgba(79,199,234,.18);animation:none}

/* Four tiles, not the boards' eight. "Thu 11:00" is the widest val on the
   strip, so the tiles need to keep it on one line at every width. */
.tlx .crx-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}

/* Below this the head's own breakpoint in crash-tracker.css is out-specificised
   by the rule above, so the fold has to be repeated here. */
@media (max-width:1080px){
	.tlx .crx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
	.tlx .crx-facts{white-space:normal;flex-wrap:wrap;row-gap:3px}
	.tlx .crx-facts li{white-space:normal}
}