/* Private, uninstalled operator view; no customer navigation change. */
#notificationOperator { padding: 22px; margin-top: 18px; overflow-wrap: anywhere; }
#notificationOperator h2 { margin: 0 0 8px; }
#notificationOperator h3 { font-size: 1rem; margin: 20px 0 10px; }
#notificationOperator p { line-height: 1.55; color: #3e5965; }
#notificationOperatorRefresh { max-width: 100%; white-space: normal; }
#notificationOperatorSnapshot { margin-top: 16px; }
#notificationOperatorTime { font-size: .82rem; }
#notificationOperatorSummary { font-weight: 700; }
#notificationOperatorActions { padding-left: 22px; line-height: 1.55; }
#notificationOperatorActions li + li { margin-top: 10px; }
#notificationOperator details { margin-top: 18px; padding: 14px; background: #f5f8fa; border: 1px solid #dce5e9; border-radius: 10px; }
#notificationOperator summary { cursor: pointer; font-weight: 700; }
#notificationOperator dl { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 16px; }
#notificationOperator dt { color: #3e5965; }
#notificationOperator dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
#notificationOperatorWorkers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
#notificationOperator .notification-worker { padding: 14px; border: 1px solid #dce5e9; border-radius: 8px; background: white; }
#notificationOperator .notification-worker h3 { margin-top: 0; }
#notificationOperator .notification-worker dl { grid-template-columns: 1fr; gap: 4px; font-size: .82rem; }
#notificationOperator .notification-worker dd { margin-bottom: 8px; font-weight: 500; }
@media (max-width: 800px) { #notificationOperatorWorkers { grid-template-columns: 1fr; } }
@media (max-width: 480px) { #notificationOperator { padding: 16px; } #notificationOperator details { padding: 10px; } }