/* =========================================================================== THE FINDER, as a market command centre. --------------------------------------------------------------------------- Josh's Federal Finder specification, sections 6, 7, 49 and 79-95. A scoped stylesheet on the pattern assets/workspace.css set for the Tracker: the Finder stopped being a document with filters on top and became an application, and an application wants its own sheet rather than four hundred more lines bolted to the end of the shared one. WHAT THE MOCKUP GAVE AND WHAT IT DID NOT. The three-column shell, the six interactive highlights, the fact-row card and the right intelligence rail are Josh's structure and are followed closely. The look is not: the drawing is a generic dark dashboard with pastel icon tiles and lozenge buttons, and section 4 is explicit that "Finder should not become a generic white government search portal" - the same argument applies to a generic dark one. So every surface here is the house language already in assets/style.css: Archivo display numerals, mono uppercase keys, the brand green, steel for the contract half, hairline borders, no icon tiles. NAMESPACE. `fx-` for everything new, so the existing `gf-` rules stay readable and a future reader can see at a glance which half of the board they are editing. =========================================================================== */ /* --------------------------------------------------------------- the shell */ /* Three columns on a wide screen, two when the intelligence rail has nowhere to go, one on a tablet. The right rail is the first to leave because it is the only column that is explicitly optional - section 21: it "should disappear when it has nothing useful to say". */ /* THE BREAKPOINTS ARE MEASURED, not guessed. NEXT-SESSION.md records the universal search shipping a result column starved to 37 pixels because it was checked at 1444 and used at 1344. Three columns need 250 + 260 of rail plus two 20px gaps, so the centre column keeps 730px at 1280 and 470px at 1040 - both comfortably above the width at which a card title starts setting one character per line. Below 1280 the intelligence rail goes first, because section 21 makes it the one explicitly optional column. */ .fx-shell{ display:grid; grid-template-columns:262px minmax(0,1fr) 272px; gap:20px;align-items:start;margin-top:22px; } @media (max-width:1440px){ .fx-shell{grid-template-columns:250px minmax(0,1fr) 260px} } @media (max-width:1279px){ .fx-shell{grid-template-columns:250px minmax(0,1fr)} .fx-rail{display:none} } @media (max-width:1040px){ .fx-shell{grid-template-columns:minmax(0,1fr)} } .fx-col{min-width:0} /* ------------------------------------------------------ the six highlights */ /* Section 8: "The top cards should be interactive views, not decorative KPIs. Clicking any card applies a visible filter and updates the results below." They are