.az4Z7q_notificationItem{--_tone:var(--primary);--_row-bg:var(--surface);--_row-border:var(--outline-variant);--_row-edge-width:1px;--_row-edge:var(--_row-border);--_row-icon-bg:var(--surface-container-high);--_row-icon-color:var(--on-surface-variant);--_row-message-color:var(--on-surface-variant);--_row-time-color:var(--on-surface-variant);align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--_row-bg);border:1px solid var(--_row-border);border-inline-start:var(--_row-edge-width) solid var(--_row-edge);border-radius:var(--border-radius);display:flex;position:relative}.az4Z7q_notificationItem[data-tone=bookings]{--_tone:var(--system-success)}.az4Z7q_notificationItem[data-tone=system]{--_tone:var(--on-surface-variant)}.az4Z7q_notificationItem[data-unread=true]{--ui-caption-weight:var(--font-weight-bold);--_row-bg:color-mix(in srgb, var(--_tone) 8%, var(--surface));--_row-border:color-mix(in srgb, var(--_tone) 28%, transparent);--_row-edge-width:4px;--_row-edge:var(--_tone);--_row-icon-bg:var(--surface);--_row-icon-color:var(--_tone);--_row-message-color:var(--on-surface);--_row-time-color:var(--on-surface-variant)}.az4Z7q_notificationItem[data-interactive]{cursor:pointer;transition:background-color .12s}.az4Z7q_notificationItem[data-interactive]:hover{--_row-bg:color-mix(in srgb, var(--_tone) 12%, var(--surface))}.az4Z7q_notificationItem[data-interactive]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.az4Z7q_notificationItem__media{--notification-badge-ring:var(--_row-bg);flex-shrink:0;position:relative}.az4Z7q_notificationItem__iconWrap{width:2.75rem;height:2.75rem;color:var(--_row-icon-color);background:var(--_row-icon-bg);border:1px solid var(--_row-border);border-radius:var(--spacing-2);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.az4Z7q_notificationItem__iconWrap:has(img){border:0;width:4rem;height:auto}.az4Z7q_notificationItem__image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.az4Z7q_notificationItem__body{gap:var(--spacing-1);flex:1;min-width:0;display:grid}.az4Z7q_notificationItem__header{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.az4Z7q_notificationItem__title{font-size:var(--ui-caption-font-size);line-height:var(--ui-caption-line-height);font-style:var(--ui-caption-font-style);font-weight:var(--ui-caption-weight,var(--ui-caption-font-weight));align-items:center;gap:var(--spacing-2);min-width:0;color:var(--on-surface);display:inline-flex}.az4Z7q_notificationItem__dot{background:var(--_tone);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.az4Z7q_notificationItem__time{font-size:var(--ui-small-font-size);line-height:var(--ui-small-line-height);font-style:var(--ui-small-font-style);font-weight:var(--ui-small-weight,var(--ui-small-font-weight));color:var(--_row-time-color);flex-shrink:0}.az4Z7q_notificationItem__message{font-size:var(--ui-small-font-size);line-height:var(--ui-small-line-height);font-style:var(--ui-small-font-style);font-weight:var(--ui-small-weight,var(--ui-small-font-weight));color:var(--_row-message-color);margin:0}.az4Z7q_notificationItem__detail{margin:var(--spacing-1) 0 0;color:var(--on-surface-variant)}.az4Z7q_notificationItem__link{font-size:var(--ui-small-font-size);line-height:var(--ui-small-line-height);font-style:var(--ui-small-font-style);font-weight:var(--ui-small-weight,var(--ui-small-font-weight));--ui-small-weight:var(--font-weight-bold);gap:var(--spacing-1);width:fit-content;margin-top:var(--spacing-1);color:var(--_tone);align-items:center;display:inline-flex}.az4Z7q_notificationItem__action{flex-shrink:0}.az4Z7q_notificationItem__debug{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--surface-container);border:1px dashed var(--outline-variant);border-radius:var(--spacing-1-5)}.az4Z7q_notificationItem__debugSummary{font-size:var(--ui-small-font-size);line-height:var(--ui-small-line-height);font-style:var(--ui-small-font-style);font-weight:var(--ui-small-weight,var(--ui-small-font-weight));color:var(--on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none}.az4Z7q_notificationItem__debugPre{font-size:var(--ui-xs-font-size);line-height:var(--ui-xs-line-height);font-style:var(--ui-xs-font-style);font-weight:var(--ui-xs-weight,var(--ui-xs-font-weight));max-height:16rem;margin:var(--spacing-2) 0 0;word-break:break-word;white-space:pre-wrap;line-height:1.45;overflow:auto}