/* autocatalog-screen.css — /qmob/autocatalog list screen restyle (body
   header + workspace height budget): hand-written, outside the Tailwind
   bundle (no build tool for it in this repo) — see sourcing-screen.css's
   own header comment for the full reasoning (this file follows the same
   pattern: page-specific extras beyond the shared card-landing rules in
   qmob-home.css).

   Adds the intranet's .painel-title/.painel-subtitle header to the list
   workspace — the module's original "title-in-topbar-only" choice
   (controller/qmob/CONTEXT.md "Single header") explicitly excluded
   autocatalog from it on 2026-09-10; the owner reversed that call for this
   screen on 2026-09-14 (this was the actual source of the "destoante"
   feeling reported — the shared color tokens were already ~90% aligned,
   the missing body header was not). detail.html (ficha completa) was left
   out on purpose: it already has its own per-part heading
   (.autocat-detailHead__name) and the topbar breadcrumb already shows the
   part number — a second, generic "Catálogo" title there would be
   clutter, not alignment, unlike Sourcing's screens which all repeat the
   same static context because they have no per-item page.

   Same two Tailwind-preflight traps as qmob-home.css/sourcing-screen.css:
   the bundle resets h1 font-size/font-weight to inherit and <p> margins to
   0 (both (0,2,2)), beating style.css's own rules (0,1,0) by load order. */

html.qmob-scope main.content .autocat-page .painel-title {
	font-size: 38px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.8px;
}

html.qmob-scope main.content .autocat-page .painel-subtitle {
	margin-bottom: 20px;
}

/* Workspace height budget: .content gives this page a definite height
   (style.css .content{flex:1}), which .autocat-workspace (partials/pages/
   autocatalog.css) claims whole via height:100% so its 3 columns scroll
   independently with no page-level scroll. The header now shares that box,
   so THIS wrapper takes the 100% and redistributes it as a flex column: the
   header keeps its natural height (flex:0 0 auto, default) and the
   workspace is the flex-shrink:1 item.
   min-height (2026-09-14, owner request): the first version shrank the
   workspace by exactly the header's height with no floor — correct
   geometry, but the workspace itself came out visibly smaller than before
   the header existed, which read as a regression, not an improvement. A
   flex item never shrinks past its own min-height, so 720px is a hard floor
   the header can no longer eat into: on tall/typical viewports the
   workspace still fills 100% of whatever is left (no wasted space, same as
   before this change); only once the viewport is short enough that "100% −
   header" drops under 720px does the workspace hold at 720px, overflow
   .autocat-page, and let .content's own overflow-y:auto scroll the page
   normally — the explicit trade-off the owner asked for over an
   ever-shrinking workspace. Below 1280px .autocat-workspace itself already
   switches to height:auto (autocatalog.css media queries), where flex:1 1
   auto simply sizes to content and .content resumes its normal page scroll
   regardless of this min-height — same graceful fallback as before.
   Needs the full html.qmob-scope :is(main.content,.topbar-actions) prefix
   (same trap as the BUTTONS section below): the bundle's own
   .autocat-workspace rule already sets min-height:0 at that same prefix
   (specificity (0,3,2)) — a bare ".autocat-page .autocat-workspace" (0,2,0)
   silently lost that property to it (verified live: computed min-height
   stayed "0" and the floor never engaged until this prefix was added; flex
   had no such fight since the bundle rule never declares it). */
.autocat-page {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

html.qmob-scope :is(main.content, .topbar-actions) .autocat-page .autocat-workspace {
	flex: 1 1 auto;
	min-height: 720px;
}

/* BUTTONS: the .btn.brd.purple color fix that used to live here (2026-09-14)
   was superseded the same day by qmob-buttons.css, which covers .brd.purple
   (and .brd.green) repo-wide, including the topbar-relocation case this
   file used to need a second selector for — see that file's own header
   comment for the full story. Nothing área-specific left to override here. */