/* Panneau Alertes uniquement ; angles droits, défilement natif. */
.accueil-bloc-modal.vpx-home-alerts { height: 525px; border-radius: 0; overflow: hidden; }
.vpx-home-alerts .modal-content { display: flex; flex-direction: column; height: 100%; min-height: 0; border: 0; border-radius: 0; box-shadow: none; }
.vpx-home-alerts .modal-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: 0 0 auto; padding: 16px 14px 10px; border-bottom: 0; }
.vpx-home-alerts .modal-header .modal-title { margin: 0; font-size: 18px; font-weight: 400; }
.vpx-home-alerts .modal-body { display: flex; flex-direction: column; flex: 1; min-height: 0; height: auto !important; padding: 0 10px 10px; }
.vpx-home-alerts .vpx-alert-tabs { display: flex; gap: 3px; flex: 0 0 auto; border: 0; margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px solid #edf0f3; }
.vpx-home-alerts .vpx-alert-tabs::before, .vpx-home-alerts .vpx-alert-tabs::after { display: none; }
.vpx-home-alerts .vpx-alert-tabs > li { float: none; margin: 0; }
.vpx-home-alerts .vpx-alert-tabs > li > a { margin: 0; padding: 7px 8px; font-size: 11px; line-height: 1.3; color: #687786; border: 0; border-radius: 0; text-transform: none; white-space: nowrap; }
.vpx-home-alerts .vpx-alert-tabs > li.active > a, .vpx-home-alerts .vpx-alert-tabs > li.active > a:hover, .vpx-home-alerts .vpx-alert-tabs > li.active > a:focus { background: #ff641e; color: #fff; border: 0; }
.vpx-home-alerts .vpx-alert-tabs .badge-alerte { display: inline-block; min-width: 16px; padding: 1px 4px; margin-left: 2px; background: #fff; color: #c6450a; border-radius: 0; font-size: 10px; }
.vpx-home-alerts .vpx-alert-scroll { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; padding-right: 3px; }
.vpx-home-alerts .vpx-alert-list { display: flex; flex-direction: column; gap: 10px; }
.vpx-home-alerts .vpx-alert-card { background: #fff; border: 1px solid #e0e6eb; border-left: 3px solid #ff641e; border-radius: 0; margin: 0; }
.vpx-home-alerts .vpx-alert-card-link { display: block; padding: 11px 10px; color: #263445; text-decoration: none; }
.vpx-home-alerts .vpx-alert-card-link:hover, .vpx-home-alerts .vpx-alert-card-link:focus { background: #fff7f2; text-decoration: none; outline-offset: -2px; }
.vpx-home-alerts .vpx-alert-card-heading { display: flex; gap: 8px; align-items: flex-start; }
.vpx-home-alerts .vpx-alert-icon { color: #d95015; font-size: 14px; padding-top: 1px; }
.vpx-home-alerts .vpx-alert-card-title { min-width: 0; overflow-wrap: anywhere; }
.vpx-home-alerts .vpx-alert-card-title h5 { margin: 0; font-size: 13px; font-weight: 600; line-height: 1.45; color: #263445; }
.vpx-home-alerts .vpx-alert-card-title > span { display: block; color: #687786; font-size: 11px; margin-top: 3px; line-height: 1.4; }
.vpx-home-alerts .vpx-alert-date { color: #b24415; font-size: 11px; line-height: 1.5; margin: 8px 0 6px; }
.vpx-home-alerts .vpx-alert-all-day { display: block; color: #687786; }
.vpx-home-alerts .vpx-alert-owner { display: flex; gap: 6px; align-items: center; font-size: 11px; line-height: 1.4; color: #687786; overflow-wrap: anywhere; }
.vpx-home-alerts .vpx-alert-card p { margin: 7px 0 0; color: #687786; font-size: 11px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vpx-home-alerts .vpx-alert-empty { padding: 55px 12px; text-align: center; color: #687786; }
.vpx-home-alerts .vpx-alert-empty > i { font-size: 28px; color: #c8d0d8; }
.vpx-home-alerts .vpx-alert-empty p { margin-top: 14px; font-size: 12px; }