/* ================================================================
   page-producing-country-detail.css
   Page-specific styles for /country-export (producing country page).

   Almost everything on this page is rendered by shared rules, so
   the file is intentionally short:

   Files this depends on
   ─────────────────────
     • dropdown.css                  .cc-detail-combo*
     • page-country-detail-shared.css  stat-card, info-icons, boat icon,
                                     .cc-commodity-card* tile grid,
                                     .cc-detail-panel + heading,
                                     .table-section + toolbar,
                                     .cc-table--trade-flows variant +
                                     supplier / share-bar primitives
     • page-detail-frame.css         .cc-detail-* chrome (breadcrumb,
                                     hero, tab bar, body, sidebar cards)
     • table.css                     .cc-table* shared block

   The single rule below is what's unique to this page: the
   transparent .export-summary wrapper around the commodity tile
   grid on the Overview tab.
   ================================================================ */


/* Export-summary wrapper. Transparent — mirrors .import-summary on
   the member-state page. The tile grid inside (.cc-commodity-card*
   in page-country-detail-shared.css) provides its own stat-card-style
   surfaces; this wrapper just carries the --info-* tokens for any
   tooltips inside. Width comes from the parent .cc-detail-panel. */
.export-summary {
    margin: 0;
    --info-bg: var(--ae-orange);
    --info-color: var(--white);
}