#system-notification-dialog {
    --notice-bg: #ffffff;
    --notice-text: #111827;
    --notice-muted: #596579;
    --notice-border: #d1d5db;
    --notice-accent: #0369a1;
    box-sizing: border-box;
    margin: auto;
    padding: 0;
    width: min(560px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    color: var(--notice-text);
    background: var(--notice-bg);
    border: 1px solid var(--notice-border);
    border-radius: 8px;
    box-shadow: 0 24px 80px #0005;
    font: 14px/1.6 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
}
.dark #system-notification-dialog,
body[data-page] #system-notification-dialog {
    --notice-bg: var(--admin-surface, #1a1a1a);
    --notice-text: var(--admin-text, #f8fafc);
    --notice-muted: var(--admin-text-muted, #94a3b8);
    --notice-border: var(--admin-border-strong, #3d3d3d);
    --notice-accent: var(--admin-blue, #38bdf8);
}
#system-notification-dialog[open] { display: flex; flex-direction: column; }
#system-notification-dialog::backdrop { background: #000a; }
#system-notification-dialog .notice-heading {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 16px 12px 24px; border-bottom: 1px solid var(--notice-border);
    flex-shrink: 0; gap: 12px;
}
#system-notification-dialog .notice-label { display: flex; align-items: center; gap: 10px; color: var(--notice-muted); }
#system-notification-dialog .notice-label i { color: var(--notice-accent); }
#system-notification-dialog button {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 44px; min-width: 44px; padding: 8px 14px; border-radius: 6px;
    border: 1px solid var(--notice-border); color: var(--notice-text); background: transparent;
    font: inherit; cursor: pointer; flex-shrink: 0;
}
#system-notification-dialog button:hover:not(:disabled) { background: #8882; }
#system-notification-dialog button:disabled { opacity: .5; cursor: default; }
#system-notification-dialog :focus-visible { outline: 2px solid var(--notice-accent); outline-offset: 2px; }
#system-notification-dialog [data-notice-read] { border-color: var(--notice-accent); color: var(--notice-accent); }
#system-notification-dialog .notice-content { min-height: 0; overflow: auto; padding: 24px; overflow-wrap: anywhere; }
#system-notification-dialog h2 { margin: 0 0 8px; font-size: 20px; font-weight: 600; line-height: 1.5; }
#system-notification-dialog time { font-size: 12px; color: var(--notice-muted); }
#system-notification-dialog .notice-body { white-space: pre-wrap; margin: 20px 0 0; line-height: 1.8; }
#system-notification-dialog footer {
    display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;
    gap: 12px; padding: 16px 24px; border-top: 1px solid var(--notice-border); flex-shrink: 0;
}
#system-notification-dialog .notice-count { color: var(--notice-muted); font-size: 12px; }
#system-notification-dialog .notice-actions { display: flex; gap: 8px; flex-wrap: wrap; }
#system-notification-dialog .notice-error { color: #e34d59; margin: 0; padding: 8px 24px; }
#system-account-notification {
    position: fixed; z-index: 10000; top: 50%; left: 50%;
    transform: translate(-50%, -50%); box-sizing: border-box;
    width: min(560px, calc(100vw - 32px)); max-height: min(420px, calc(100dvh - 32px)); overflow: auto;
    padding: 18px; border: 1px solid var(--admin-border-strong, #d1d5db); border-radius: 8px;
    background: var(--admin-surface, #fff); color: var(--admin-text, #111827); box-shadow: 0 8px 30px #0003;
    font: 14px/1.6 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    overflow-wrap: anywhere;
}
#system-account-notification[hidden] { display: none; }
.dark #system-account-notification { background: #202020; color: #f8fafc; border-color: #454545; }
#system-account-notification h2 { font-size: 16px; margin: 0 0 8px; line-height: 1.5; }
#system-account-notification .notice-body { white-space: pre-wrap; margin: 0 0 12px; }
#system-account-notification button { min-height: 44px; padding: 8px 16px; border: 1px solid #0284c7; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
#system-account-notification .notice-error { color: #e34d59; }
@media (max-width: 480px) {
    #system-notification-dialog .notice-content { padding: 20px; }
    #system-notification-dialog footer { padding: 16px 20px; }
    #system-notification-dialog .notice-actions { width: 100%; }
    #system-notification-dialog .notice-actions button { flex: 1; }
}