.data-error-notice { position:fixed; top:56px; right:20px; z-index:1000; display:flex; align-items:center; gap:10px; max-width:calc(100vw - 24px); padding:7px 10px; background:var(--bg2); border:1px solid var(--border); border-left:2px solid var(--accent); border-radius:4px; color:var(--text); font:0.72rem 'Segoe UI',system-ui,sans-serif; box-shadow:0 4px 16px #0005; }
.data-error-notice[hidden] { display:none; }
.data-error-notice button,.data-error-dialog button { cursor:pointer; color:var(--accent); border:1px solid var(--accent); border-radius:4px; background:transparent; padding:4px 7px; font:inherit; font-weight:600; }
.data-error-notice button:hover,.data-error-dialog button:hover { background:var(--bg3); }
.data-error-notice button:last-child { border:0; color:var(--muted); font-size:16px; padding:0 3px; }
.data-error-dialog { margin:auto; inset:0; max-width:min(680px, calc(100vw - 40px)); max-height:75vh; overflow:auto; background:var(--bg2); color:var(--text); border:1px solid var(--border); border-top:2px solid var(--accent); border-radius:5px; padding:20px; font:14px/1.5 'Segoe UI',system-ui,sans-serif; }
.data-error-dialog h2 { color:var(--accent); font-size:0.85rem; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:10px; }
.data-error-dialog p { color:var(--muted); }
.data-error-dialog ul { padding-left:20px; margin:12px 0; }
.data-error-dialog::backdrop { background:#0008; }
.data-error-dialog li { margin:8px 0; overflow-wrap:anywhere; }