/* Deliberate layout deviations from the artboards, scoped per screen and dated.
 * Screens are regenerated by scripts/import-sales-global.cjs — never hand-edit them.
 * 2026-10-07 sales-2: row drill-downs wrap static first cells in anchors (authority
 * row→detail mapping); wired anchors stay visually neutral (the artboards styled them
 * as inert href="#" placeholders — binding must not add link chrome): */
a[data-target-branch], a[data-target-ref] { color: inherit; text-decoration: none; }
[data-strict-screen="SG-02"] td a, [data-strict-screen="SG-02"] th a { color: inherit; text-decoration: none; }
[data-strict-screen="SG-03"] td a, [data-strict-screen="SG-03"] th a { color: inherit; text-decoration: none; }
[data-strict-screen="SG-05"] td a, [data-strict-screen="SG-05"] th a { color: inherit; text-decoration: none; }
[data-strict-screen="SG-10"] td a, [data-strict-screen="SG-10"] th a { color: inherit; text-decoration: none; }
[data-strict-screen="SG-12"] td a, [data-strict-screen="SG-12"] th a { color: inherit; text-decoration: none; }
[data-strict-screen="SG-14"] td a, [data-strict-screen="SG-14"] th a { color: inherit; text-decoration: none; }
[data-strict-screen="SG-05"] a[data-target-ref$="-CARD"] { color: inherit; text-decoration: none; display: block; }

/* 2026-10-25 agent-2 cosmetics (receipt COSMETICS-COMMERCIAL-VENDOR-SALES-20261025).
   The artboards are desktop compositions that this app renders at their own widths.
   - Each artboard paints a decorative blurred glow outside the card that is designed to
     clip it. The glow is kept inside its own card so the card's content box matches its
     content and no design control or value is cut off.
   - On a narrow screen the fixed navigation column becomes the first block of the page
     and the fixed header becomes a normal wrapping block, so the page itself no longer
     scrolls sideways and every navigation control stays reachable. Wide data tables keep
     the artboard's own horizontal scroll region. */
[data-strict-screen] [class*='overflow-hidden'] > [class*='absolute'][class*='-right-'][class*='pointer-events-none'] { right: 0; }
@media (max-width: 800px) {
  [data-strict-screen] > aside.fixed { position: static !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; height: auto !important; max-height: 45vh; overflow-y: auto; z-index: auto !important; }
  [data-strict-screen] > aside.fixed > .flex-1 { overflow: visible !important; }
  [data-strict-screen] > div[class*='pl-'] { padding-left: 0 !important; }
  [data-strict-screen] header.fixed { position: static !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; height: auto !important; min-height: 64px; flex-wrap: wrap !important; padding-bottom: 12px; }
  [data-strict-screen] header.fixed > div { height: auto !important; flex-wrap: wrap !important; }
  [data-strict-screen] header.fixed .max-w-xl { max-width: 100% !important; }
  [data-strict-screen] main { padding-top: 24px !important; }
  [data-strict-screen] .shrink-0 { flex-shrink: 1 !important; min-width: 0 !important; }
  [data-strict-screen] :is(span, p, div, td, th) { overflow-wrap: anywhere; }
  [data-strict-screen] .truncate { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
}

/* Lead 2026-10-26 (Dell-agent-2 scope, taken over by the Lead): a card may not clip its own
   content, and a label that cannot fit wraps rather than being cut. The same class of correction
   the shared department package carries, applied to this retained application. */
[data-strict-screen] :is(.whitespace-nowrap, .whitespace-pre) { white-space: normal !important; }
[data-strict-screen] :is(.flex, .grid) > * { min-width: 0 !important; }
[data-strict-screen] :is(.flex, .grid) > * > :is(span, p, div, td, th) { overflow-wrap: anywhere; }
[data-strict-screen] :is(.truncate, .text-ellipsis) { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
[data-strict-screen] [class*='backdrop-blur'] { min-width: 0 !important; }

/* Lead 2026-10-26 (Dell-agent-2 scope, taken over by the Lead): a card may not clip its own
   content, and a material icon glyph may not be squeezed below its own advance width. */
[data-strict-screen] :is(.flex, .grid) > * { min-width: 0 !important; }
[data-strict-screen] [class*='rounded-xl'] > * { min-width: 0 !important; max-width: 100% !important; }
[data-strict-screen] [class*='rounded-xl'] :is(span, p, div, td, th) { overflow-wrap: anywhere; }
[data-strict-screen] .material-symbols-outlined { flex-shrink: 0 !important; }

/* Lead 2026-10-26 (Dell-agent-2 scope, taken over by the Lead): nothing inside a card may be wider
   than the card that holds it, and no fixed-width child may push it out. */
[data-strict-screen] [class*='rounded-xl'] :is(div, section, article) { min-width: 0 !important; max-width: 100% !important; }
[data-strict-screen] [class*='rounded-xl'] :is(span, p, td, th, strong, em, a) { min-width: 0 !important; max-width: 100% !important; overflow-wrap: anywhere; }
[data-strict-screen] [class*='rounded-xl'] :is(ul, ol) { padding-left: 18px !important; }