.notif-box[data-v-57190756]{flex-direction:column;gap:10px;display:flex}.notif-box__head[data-v-57190756]{justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.notif-box__count[data-v-57190756]{color:var(--color-text-muted);font-size:.8125rem}.notif-box__mark[data-v-57190756]{width:auto;padding-inline:14px}.notif-row[data-v-57190756]{text-align:right;border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;border-radius:14px;grid-template-columns:40px minmax(0,1fr);align-items:flex-start;gap:12px;padding:14px 16px;font-family:inherit;transition:border-color .15s;display:grid}.notif-row[data-v-57190756]:hover{border-color:var(--color-primary)}.notif-row--unread[data-v-57190756]{background:var(--color-elevated)}.notif-row__icon[data-v-57190756]{background:var(--color-info-light);width:40px;height:40px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-row--success .notif-row__icon[data-v-57190756]{background:var(--color-success-light);color:var(--color-success)}.notif-row--warning .notif-row__icon[data-v-57190756]{background:var(--color-warning-light);color:var(--color-warning)}.notif-row--danger .notif-row__icon[data-v-57190756]{background:var(--color-danger-light);color:var(--color-danger)}.notif-row__body[data-v-57190756]{flex-direction:column;gap:4px;min-width:0;display:flex}.notif-row__title-row[data-v-57190756]{align-items:center;gap:8px;display:flex}.notif-row__title[data-v-57190756]{font-size:.875rem;font-weight:700}.notif-row__text[data-v-57190756]{color:var(--color-text-muted);font-size:.8125rem;line-height:1.6}.notif-row__time[data-v-57190756]{color:var(--color-text-muted);font-size:.6875rem}.notif-row__dot[data-v-57190756]{background:var(--color-danger);border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width>=768px){.notif-box[data-v-57190756]{gap:12px}.notif-row[data-v-57190756]{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:16px 18px}.notif-row__icon[data-v-57190756]{width:44px;height:44px}.notif-row__title[data-v-57190756]{font-size:.9375rem}.notif-row__text[data-v-57190756]{font-size:.875rem}.notif-row__time[data-v-57190756]{margin-top:2px}}