/* La vue « DPE » de l'onglet Propriétaires (src/parc-dpe.js), abonnés. Mêmes jetons que la vue Occupants ; les pastilles A à G gardent leurs couleurs réglementaires en clair comme en sombre. */
.pc .pd { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.pc .pd-filtres { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
.pc .pd-filtres .pm-recherche { flex: 1 1 260px; min-width: 0; }
.pc .pd-precis-seul { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; }
.pc .pd-imprecis { color: #9A5B0C; font-weight: 600; }
:root[data-theme="dark"] .pc .pd-imprecis { color: #E8A24A; }
.pc .pd-cartes { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.pc .pd-carte { border: 1px solid var(--i-trait, #A4ADB8); border-radius: 8px; padding: 10px 12px; min-width: 0; }
.pc .pd-carte h4 { margin: 0 0 6px; font-size: 14px; overflow-wrap: anywhere; }
.pc .pd-carte p { margin: 2px 0; font-size: 13px; overflow-wrap: anywhere; }
.pc .pd-classes { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; margin-bottom: 4px; }
.pc .pd-classes > span { display: inline-flex; gap: 6px; align-items: center; }
.pc .pd-pastille { display: inline-block; min-width: 28px; padding: 3px 0; text-align: center; font-weight: 700; font-size: 15px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.25); }
.pc .pd-date, .pc .pd-bati { color: var(--i-lib, #5B6768); }
.pc .pd-carte small { color: var(--i-lib, #5B6768); }
.pc .pd-dpe-A { background: #2E9B4A; color: #fff; }
.pc .pd-ges-A { background: #EAD3F2; color: #222; }
.pc .pd-dpe-B { background: #4FB848; color: #222; }
.pc .pd-ges-B { background: #D1A6E6; color: #222; }
.pc .pd-dpe-C { background: #C8D32D; color: #222; }
.pc .pd-ges-C { background: #B77DD8; color: #222; }
.pc .pd-dpe-D { background: #FFD400; color: #222; }
.pc .pd-ges-D { background: #9A53C4; color: #fff; }
.pc .pd-dpe-E { background: #F7A21B; color: #222; }
.pc .pd-ges-E { background: #7E33AE; color: #fff; }
.pc .pd-dpe-F { background: #EC6B25; color: #fff; }
.pc .pd-ges-F { background: #62208F; color: #fff; }
.pc .pd-dpe-G { background: #D7231E; color: #fff; }
.pc .pd-ges-G { background: #44116C; color: #fff; }
.pc .pd-pastille:not([class*="pd-dpe-"]):not([class*="pd-ges-"]) { background: transparent; color: var(--i-lib, #5B6768); }