.notification-item[data-v-05245813]{background:var(--color-surface);border-left:4px solid transparent;overflow:hidden;position:relative;transition:all .2s ease}.notification-item[data-v-05245813]:hover{background:var(--color-surface-hover)}.notification-item.is-unread[data-v-05245813]{background:var(--color-surface-elevated)}.notification-item.is-critical[data-v-05245813]{background:var(--color-error-light)}.notification-item.is-critical[data-v-05245813],.notification-item.priority-high[data-v-05245813]{border-left-color:var(--color-error)}.notification-item.priority-medium[data-v-05245813]{border-left-color:var(--color-warning)}.notification-item.priority-low[data-v-05245813]{border-left-color:var(--color-success)}.notification-item.type-language_error[data-v-05245813]{border-left-color:var(--color-error)}.notification-item.type-language_sync[data-v-05245813]{border-left-color:var(--color-info)}.notification-item.type-language_change[data-v-05245813]{border-left-color:var(--color-primary)}.notification-content[data-v-05245813]{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:16px 20px}.notification-content:hover .notification-title[data-v-05245813]{color:var(--color-primary)}.notification-icon[data-v-05245813]{align-items:center;background:var(--color-surface-subtle);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.type-icon[data-v-05245813]{color:var(--color-text-secondary);height:20px;width:20px}.icon-language_change[data-v-05245813]{color:var(--color-primary)}.icon-language_sync[data-v-05245813]{color:var(--color-info)}.icon-language_error[data-v-05245813]{color:var(--color-error)}.priority-indicator[data-v-05245813]{background:var(--color-error);border:2px solid var(--color-surface);border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.notification-info[data-v-05245813]{flex:1;min-width:0}.notification-header[data-v-05245813]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.notification-title[data-v-05245813]{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.4;margin:0;transition:color .2s ease}.notification-time[data-v-05245813]{color:var(--color-text-tertiary);flex-shrink:0;font-size:12px;white-space:nowrap}.notification-body[data-v-05245813]{color:var(--color-text-secondary);font-size:13px;line-height:1.4;margin:0}.notification-details[data-v-05245813]{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.context-info[data-v-05245813],.error-info[data-v-05245813]{margin-bottom:12px}.context-info[data-v-05245813]:last-child,.error-info[data-v-05245813]:last-child{margin-bottom:0}.context-title[data-v-05245813],.error-title[data-v-05245813]{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.context-details[data-v-05245813],.error-details[data-v-05245813]{display:flex;flex-direction:column;gap:4px}.context-item[data-v-05245813]{align-items:center;display:flex;font-size:12px;gap:8px}.context-label[data-v-05245813]{color:var(--color-text-tertiary);min-width:80px}.context-value[data-v-05245813]{color:var(--color-text-secondary);font-weight:500}.error-code[data-v-05245813]{background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:4px;color:var(--color-error);font-family:monospace;font-size:11px;padding:8px;white-space:pre-wrap;word-break:break-word}.error-code-info[data-v-05245813]{align-items:center;display:flex;gap:8px;margin-top:4px}.error-label[data-v-05245813]{color:var(--color-text-tertiary);font-size:11px}.error-value[data-v-05245813]{color:var(--color-error);font-family:monospace;font-size:11px}.expand-button[data-v-05245813]{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.expand-button[data-v-05245813]:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.expand-icon[data-v-05245813]{height:16px;transition:transform .2s ease;width:16px}.expand-icon.rotated[data-v-05245813]{transform:rotate(180deg)}.notification-actions[data-v-05245813]{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:8px;margin-top:-1px;padding:0 20px 12px}.action-button[data-v-05245813]{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.action-button[data-v-05245813]:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text)}.action-button.action-primary[data-v-05245813]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.action-button.action-primary[data-v-05245813]:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.action-button[data-v-05245813]:disabled{cursor:not-allowed;opacity:.6}.action-icon[data-v-05245813]{height:14px;width:14px}.action-icon.spin[data-v-05245813]{animation:spin-05245813 1s linear infinite}@keyframes spin-05245813{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.action-label[data-v-05245813]{white-space:nowrap}.notification-controls[data-v-05245813]{align-items:center;display:flex;gap:4px;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s ease}.notification-item:hover .notification-controls[data-v-05245813]{opacity:1}.control-button[data-v-05245813]{align-items:center;background:var(--color-surface-elevated);border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.control-button[data-v-05245813]:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.read-button[data-v-05245813]:hover{background:var(--color-success-light);color:var(--color-success)}.dismiss-button[data-v-05245813]:hover{background:var(--color-error-light);color:var(--color-error)}.control-icon[data-v-05245813]{height:14px;width:14px}.ttl-progress[data-v-05245813]{background:var(--color-warning);bottom:0;height:2px;left:0;position:absolute;transition:width 1s linear}.notification-item.is-critical .ttl-progress[data-v-05245813]{background:var(--color-error)}.expand-enter-active[data-v-05245813],.expand-leave-active[data-v-05245813]{overflow:hidden;transition:all .3s ease}.expand-enter-from[data-v-05245813],.expand-leave-to[data-v-05245813]{margin-top:0;max-height:0;opacity:0;padding-top:0}.expand-enter-to[data-v-05245813],.expand-leave-from[data-v-05245813]{max-height:200px;opacity:1}@media (max-width:480px){.notification-content[data-v-05245813]{gap:10px;padding:12px 16px}.notification-icon[data-v-05245813]{height:32px;width:32px}.type-icon[data-v-05245813]{height:16px;width:16px}.notification-header[data-v-05245813]{align-items:flex-start;flex-direction:column;gap:4px}.notification-actions[data-v-05245813]{flex-wrap:wrap;padding:0 16px 12px}.action-button[data-v-05245813]{flex:1;justify-content:center;min-width:0}.notification-controls[data-v-05245813]{justify-content:flex-end;margin-top:8px;opacity:1;position:static}}@media (prefers-reduced-motion:reduce){.action-icon.spin[data-v-05245813]{animation:none}.expand-icon[data-v-05245813]{transition:none}}@media (prefers-color-scheme:dark){.error-code[data-v-05245813],.notification-item.is-critical[data-v-05245813]{background:#ef44441a}.error-code[data-v-05245813]{border-color:#ef44444d}}