.notification-focus-notice {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin: 0 0 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #b8d9ee;
    border-inline-start: 4px solid #1779a8;
    border-radius: 14px;
    background: #f0f8fc;
    color: #153e54;
    text-align: left;
}
.notification-focus-icon {
    display: grid;
    place-items: center;
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #dceff7;
    color: #13688e;
    font-size: 1.15rem;
    font-weight: 700;
}
.notification-focus-copy { flex: 1; min-width: 0; }
.notification-focus-copy strong { display: block; font-size: .9rem; }
.notification-focus-copy p { margin: .2rem 0 0; font-size: .82rem; line-height: 1.5; overflow-wrap: anywhere; }
.notification-focus-clear {
    flex: 0 0 auto;
    min-height: 40px;
    padding: .45rem .8rem;
    border: 1px solid #9dc7db;
    border-radius: 9px;
    background: #fff;
    color: #135875;
    font: inherit;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
}
.notification-focus-clear:hover { background: #e0f0f8; }
.notification-focus-clear:focus-visible { outline: 3px solid #1779a8; outline-offset: 3px; }
.notification-focus-target {
    outline: 2px solid #1779a8 !important;
    outline-offset: -2px;
    scroll-margin-block: 7rem;
    background-color: #f0f8fc !important;
}
tr.notification-focus-target > td { background-color: #f0f8fc !important; }
.notification-focus-notice--unavailable { background: #f7f8fa; border-color: #cdd5df; color: #475569; }
.notification-focus-notice--unavailable .notification-focus-icon { background: #e5eaf0; color: #475569; }
@media (max-width: 575.98px) {
    .notification-focus-notice { flex-wrap: wrap; gap: .65rem; padding: .85rem; border-radius: 12px; }
    .notification-focus-copy { flex-basis: calc(100% - 3rem); }
    .notification-focus-clear { margin-inline-start: 2.9rem; min-height: 44px; }
}
@media print {
    .notification-focus-notice { display: none !important; }
    .notification-focus-target { outline: none !important; background-color: transparent !important; }
}
