/* R11.2.2 — Bilingual team-announcement presentation */
.notification-bilingual-block {
    padding: 10px 12px;
    border: 1px solid rgba(122, 151, 232, .24);
    border-radius: 10px;
    background: rgba(18, 29, 55, .38);
    margin: 8px 0;
}

.notification-bilingual-block small {
    display: block;
    margin-bottom: 5px;
    color: #9eadd3;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.notification-bilingual-block strong {
    display: block;
    color: #fff;
    line-height: 1.45;
}

.notification-bilingual-block p {
    margin: 6px 0 0;
    line-height: 1.7;
}


/* R14.2 — Account security activity */
.security-filter-panel,
.security-log-panel { overflow: hidden; }
.security-filter-form { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(220px, 1.2fr) minmax(150px, .8fr) minmax(150px, .8fr) auto; align-items: end; gap: 12px; }
.security-filter-form label { display: grid; gap: 6px; color: #b7c7ea; font-size: 12px; font-weight: 700; }
.security-filter-form input, .security-filter-form select { width: 100%; }
.security-filter-actions { display: flex; align-items: center; gap: 10px; min-height: 42px; }
.security-log-count { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; color: #b7c7ea; background: rgba(77, 110, 174, .16); border: 1px solid rgba(132, 165, 231, .22); border-radius: 999px; font-size: 11px; font-weight: 800; }
.security-log-table td { vertical-align: top; }
.security-log-table td small { display: block; margin-top: 3px; color: #9aaed9; overflow-wrap: anywhere; }
.security-event-pill { display: inline-flex; align-items: center; max-width: 190px; padding: 5px 8px; color: #e4edff; background: rgba(83, 114, 186, .18); border: 1px solid rgba(136, 166, 231, .26); border-radius: 999px; font-size: 11px; font-weight: 800; line-height: 1.35; }
.security-event-login-failed, .security-event-login-rate-limited, .security-event-password-reset-rate-limited, .security-event-password-reset-invalid-token, .security-event-password-change-failed, .security-event-password-reset-email-failed { color: #ffd9dc; background: rgba(189, 72, 82, .14); border-color: rgba(255, 142, 151, .25); }
.security-event-login-success, .security-event-password-changed, .security-event-password-reset-completed, .security-event-password-reset-email-sent { color: #c2f1dd; background: rgba(45, 172, 119, .14); border-color: rgba(83, 211, 161, .25); }
.security-user-agent { display: -webkit-box !important; max-width: 260px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.security-event-details summary { cursor: pointer; color: #bed0ff; font-weight: 800; }
.security-event-details pre { max-width: 280px; margin: 8px 0 0; padding: 8px; overflow: auto; color: #dce8ff; background: rgba(7, 15, 33, .52); border: 1px solid rgba(121, 151, 217, .18); border-radius: 8px; font-size: 10px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
.security-pagination { margin-top: 16px; }
@media (max-width: 980px) { .security-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .security-filter-actions { grid-column: span 2; } }
@media (max-width: 680px) { .security-filter-form { grid-template-columns: 1fr; } .security-filter-actions { grid-column: auto; } .security-log-table-wrap { overflow: visible; } .security-log-table { display: block; width: 100%; min-width: 0; background: transparent; } .security-log-table thead { display: none; } .security-log-table tbody { display: grid; gap: 12px; } .security-log-table tr { display: block; overflow: hidden; background: rgba(20, 33, 61, .72); border: 1px solid rgba(116, 148, 215, .2); border-radius: 13px; } .security-log-table td { display: grid; grid-template-columns: minmax(105px, .75fr) minmax(0, 1.25fr); gap: 10px; padding: 10px 11px; border-bottom: 1px solid rgba(151, 178, 229, .1); } .security-log-table td::before { content: attr(data-label); color: #9aaed9; font-size: 10px; font-weight: 800; } .security-log-table tr td:last-child { border-bottom: 0; } .security-log-table .table-empty { display: block; text-align: center; } .security-log-table .table-empty::before { display: none; } .security-user-agent, .security-event-details pre { max-width: 100%; } }