.notificaciones-page { background: #f7f8fa; min-height: 80vh; padding: 24px 0 48px; color: #343a40; }
.notificaciones-shell { max-width: 1200px; }
.notificaciones-search { margin: 32px 0 24px; background: #fff; border: 1px solid #ddd; }
.notificaciones-search h2 { margin: 0; padding: 12px 10px; background: #287fca; color: #fff; font-size: 1rem; font-weight: 700; }
.notificaciones-search-row { display: grid; grid-template-columns: 29% 46% 25%; border-top: 1px solid #ddd; }
.notificaciones-search-row label { margin: 0; padding: 16px 10px; }
.notificaciones-input, .notificaciones-action { padding: 8px; border-left: 1px solid #ddd; }
.notificaciones-input input[type=text] { width: 245px; max-width: 100%; min-height: 45px; border: 1px solid #ccc; padding: 8px 10px; border-radius: 0; }
.notificaciones-action button { min-height: 45px; width: 123px; max-width: 100%; border: 1px solid #225479; background: #287fca; color: #fff; font-size: .9rem; font-weight: 700; cursor: pointer; }
.notificaciones-action button:hover { background: #1765a8; }
.notificaciones-page :focus-visible { outline: 3px solid #12295c; outline-offset: 3px; }
.notificaciones-results { overflow-x: auto; background: #fff; }
.notificaciones-results table { width: 100%; border-collapse: collapse; min-width: 880px; }
.notificaciones-results th, .notificaciones-results td { border: 1px solid #ddd; padding: 10px 8px; text-align: left; }
.notificaciones-results th { background: #287fca; color: #fff; font-weight: 700; }
.notificaciones-results a { color: #006ac5; }
.notificaciones-results .notificaciones-empty { padding: 25px 12px; text-align: center; color: #596778; }
@media (max-width: 620px) {
    .notificaciones-search-row { grid-template-columns: 1fr auto; padding: 10px; gap: 8px; }
    .notificaciones-search-row label { grid-column: 1 / -1; padding: 0; }
    .notificaciones-input, .notificaciones-action { padding: 0; border: 0; }
    .notificaciones-input input[type=text] { width: 100%; }
}