/* Lists as on DevCheck (js/dv-split.js, 2026-11-11, owner): computers only. */
@media (min-width: 1024px) {
  /* A section of the page: the map stays, the list scrolls in its panel. */
  html.grl-on.grl-map-open.dv-on .sr-pub-page, html.dv-on .sr-pub-page { display: block !important; }
  html.dv-on .sr-pub-page > .hc-map { display: none !important; }
  html.grl-on.dv-on .sr-pub-page > .dv.dv { display: grid !important; }
  .dv { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(520px, 47%); height: calc(100vh - var(--header-h, 72px) - 2rem); min-height: 560px; margin: 0 0 1.5rem; overflow: hidden; border: 1px solid #e3e8ef; border-radius: 18px; background: #f6f7f9; box-shadow: 0 2px 10px rgba(11, 42, 69, .06); }
  .dv__map { position: relative; min-height: 0; background: #e8eef3; }
  .dv__home { position: absolute; z-index: 500; top: 16px; left: 16px; padding: .55rem 1rem; border-radius: 6px; background: #fff; color: #0b2a45 !important; font-weight: 800; font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 2px 8px rgba(11, 42, 69, .18); }
  .dv__panel { min-height: 0; overflow-y: auto; border-left: 1px solid #e3e8ef; background: #f6f7f9; }
  .dv__head { position: sticky; z-index: 5; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.6rem 1rem; border-bottom: 3px solid #eef1f5; background: #fff; }
  .dv__title { margin: 0; color: #0b2a45; font-size: 2rem; font-weight: 600; line-height: 1.1; }
  .dv__title b { color: #ed7016; font-weight: 800; }
  .dv__filter { display: inline-flex; align-items: center; gap: .6rem; min-height: 44px; padding: 0 1.2rem; border: 0; border-radius: 4px; background: #ed7016; color: #fff; font: inherit; font-weight: 800; font-size: .9rem; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
  .dv__filter[aria-expanded="true"] { background: #c95e10; }
  .dv__body { display: grid; gap: 1rem; padding: 1.1rem 1.6rem 2rem; }
  /* Filters: the search stays, the dropdowns behind « Filtrer ». */
  .dv .dv__filters { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
  .dv .dv__filters > :first-child { grid-column: 1 / -1; }
  .dv__panel:not(.is-filtering) .dv__filters > :not(:first-child) { display: none !important; }
  /* Figures in one row; cards in two columns. */
  .dv .grl__top { margin: 0 !important; }
  .dv .grl__figs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .dv .grl-fig { padding: .55rem .75rem; }
  .dv .grl-fig b { font-size: 1.35rem; }
  .dv .grl__actions .grl__btn[data-map] { display: none; }
  .dv .grl__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .9rem !important; }
  .dv-lit { outline: 3px solid #ed7016; outline-offset: 2px; border-radius: 16px; }
  /* Map bubbles. */
  .dv-bubble { background: none; border: 0; }
  .dv-bubble span { display: grid; place-items: center; border-radius: 50%; background: #ed7016; color: #fff; font: 800 1rem/1 var(--font-body, sans-serif); box-shadow: 0 0 0 6px rgba(237, 112, 22, .28), 0 4px 10px rgba(0, 0, 0, .2); transform: translate(-50%, -50%); margin: 50% 0 0 50%; cursor: pointer; }
  .dv-bubble span:hover { background: #c95e10; }
}
@media (min-width: 1024px) { .dv__home { display: none !important; } }
@media (min-width: 1024px) { .dv .grl__actions { flex-wrap: nowrap !important; } .dv .grl__actions .grl__btn { flex: 1 1 0; justify-content: center; } }
@media (min-width: 1024px) {
  .dv .gpl__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .9rem !important; }
  .dv .gpl__count { margin: 0; }
  .dv .gpl__bar { margin: 0 !important; }
}
/* Reports: only the cards beside the map (2026-11-11, owner: no count, no
   Filtrer, no figures, no buttons, no search). */
@media (min-width: 1024px) {
  .dv:has(.grl) .dv__head, .dv .grl__top, .dv .grl__bar { display: none !important; }
  .dv:has(.grl) .dv__body { padding-top: 1.2rem; }
}
/* Reports: the map larger, one report per line (2026-11-11, owner). */
@media (min-width: 1024px) {
  .dv:has(.grl) { grid-template-columns: minmax(0, 1.35fr) minmax(440px, 1fr); }
  .dv .grl__grid { grid-template-columns: minmax(0, 1fr) !important; gap: .55rem !important; }
  .dv .grl-card > a, .dv .grl-card { padding: .75rem 1rem !important; }
  .dv .grl-card :is(h3, .grl-card__title, p) { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-block: .25rem !important; }
}
/* Reports: the map from the top of the section down to the footer, the
   whole list beside it (2026-11-11, owner). */
@media (min-width: 1024px) {
  .dv:has(.grl) { height: auto !important; min-height: calc(100vh - var(--header-h, 72px) - 2rem); align-items: start; overflow: visible !important; }
  .dv:has(.grl) .dv__map { position: sticky; top: var(--header-h, 72px); height: calc(100vh - var(--header-h, 72px)); border-radius: 18px 0 0 18px; overflow: hidden; }
  .dv:has(.grl) .dv__panel { overflow: visible !important; }
}
/* GovCheck brand kit (Charte graphique RDC: flag blue, yellow, red; deep
   blue #0077be, navy #003a63), instead of DevCheck's orange (2026-11-11,
   owner). */
@media (min-width: 1024px) {
  .dv__head { border-bottom: 0 !important; box-shadow: 0 4px 0 -0px transparent; background: #fff linear-gradient(90deg, #009fe3 0 33.3%, #f2c200 33.3% 66.6%, #e30613 66.6%) bottom / 100% 4px no-repeat !important; padding-bottom: 1.1rem !important; }
  .dv__title { color: #003a63 !important; }
  .dv__title b { color: #0077be !important; }
  .dv__filter { background: #f2c200 !important; color: #003a63 !important; border-radius: 999px !important; }
  .dv__filter[aria-expanded="true"] { background: #dcae00 !important; }
  .dv-lit { outline-color: #f2c200 !important; }
  .dv-bubble span { background: #0077be !important; border: 3px solid #fff; box-shadow: 0 0 0 5px rgba(0, 159, 227, .28), 0 4px 10px rgba(0, 58, 99, .3) !important; font-family: var(--font-display, inherit) !important; }
  .dv-bubble span:hover { background: #005f99 !important; }
  .dv { border-color: #dfe7ef !important; }
}
/* Projects: all the filters open, no « Filtrer » button (owner). */
@media (min-width: 1024px) {
  .dv--open-filters .dv__filter { display: none !important; }
  .dv--open-filters .dv__filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .dv--open-filters .dv__filters > label > span { display: block; margin-bottom: .2rem; color: #003a63; font-size: .74rem; font-weight: 700; }
}
/* Projects: one per row (2026-11-11, owner). */
@media (min-width: 1024px) {
  .dv .gpl__grid { grid-template-columns: minmax(0, 1fr) !important; gap: .6rem !important; }
}