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