/* Independent Baiyun notification read-state adapter v1.0.0 */
[data-baiyun-notice-native-count] { display: none !important; }
.baiyun-notice-count { position: absolute; top: -4px; right: -4px; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 999px; background: #fee2e2; color: #c81e1e; font-size: 10px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 20px; pointer-events: none; }
.baiyun-notice-count[hidden], .baiyun-notice-read-all[hidden] { display: none !important; }
.baiyun-notice-helper { display: flex; align-items: center; gap: 12px; justify-content: space-between; border-top: 1px solid var(--border, #e5e7eb); padding: 10px 4px 2px; font-size: 12px; }
.baiyun-notice-helper p { margin: 0; color: var(--muted-foreground, #6b7280); }
.baiyun-notice-read-all { flex-shrink: 0; cursor: pointer; border: 1px solid var(--border, #d1d5db); border-radius: 8px; color: inherit; background: transparent; padding: 6px 9px; font: inherit; }
.baiyun-notice-read-all:hover { background: var(--muted, #f3f4f6); }
.baiyun-notice-read-all:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }
.baiyun-notice-read-all:disabled { cursor: default; opacity: 0.6; }
@media (max-width: 420px) { .baiyun-notice-helper { align-items: flex-start; flex-direction: column; gap: 8px; } }