body.sparky-page-open { overflow:hidden !important; }
.sparky-page,.sparky-notice-shell { position:fixed !important; inset:0 !important; z-index:2000 !important; display:block; box-sizing:border-box !important; width:min(var(--sparky-notice-width,600px),1100px,calc(100vw - 32px)) !important; max-width:calc(100vw - 32px) !important; height:fit-content !important; max-height:calc(100dvh - 32px) !important; margin:auto !important; padding:24px !important; border:1px solid var(--sp-line,#dbe4ef) !important; border-radius:16px !important; box-shadow:0 20px 64px #10233f33 !important; overflow:auto !important; overflow-wrap:anywhere; overscroll-behavior:contain; color:var(--sp-text,#10233f); background:var(--sp-surface,#fff) !important; font:inherit; }
dialog:not([open]),.sparky-page:not([open]):is(dialog),.sparky-notice-shell:not([open]) { display:none !important; }
.sparky-notice-shell { padding:0 !important; }
.sparky-notice-shell > .sparky-page { position:static !important; inset:auto !important; width:100% !important; max-width:none !important; max-height:none !important; margin:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
.sparky-page-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; color:var(--sp-text,#10233f); }
.sparky-page-bar > button:only-child { margin-inline-start:auto !important; }
.sparky-page-bar > button { flex:none; width:auto !important; min-height:44px; margin:0 !important; padding:8px 10px; border:1px solid var(--sp-line-strong,#bdccdc); border-radius:8px; color:var(--sp-primary,#0a63cb); background:var(--sp-surface,#fff); font:inherit; cursor:pointer; }
.sparky-page-bar > h1 { min-width:0; margin:0; overflow-wrap:anywhere; font-size:1.15rem; line-height:1.4; }
.sparky-page > form:not(#knowledgeEditorForm) { width:100% !important; max-width:none !important; height:auto !important; max-height:none !important; margin:0 !important; padding:0 !important; }
.sparky-page :is(.notification-list,.settings-content,#knowledgeReaderBody,#referenceEditor) { max-height:none !important; overflow:visible !important; }
.sparky-page :is(.notification-list,.notification-item) { grid-template-columns:minmax(0,1fr); min-width:0; }
.sparky-page .notification-item > * { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.sparky-page#knowledgeReaderDialog > div:not(.sparky-toast-region) { height:auto !important; max-height:none !important; }
.sparky-page > .modal-content { box-sizing:border-box; width:100%; max-width:none; max-height:none; padding:0; border-radius:0; overflow:visible; }
.sparky-page :is(.notification-dialog-head,.dialog-heading,.dialog-head,.settings-heading,.modal-header) { flex-wrap:wrap; }
.sparky-page :is(.notification-dialog-head,.dialog-heading,.dialog-head,.settings-heading,.modal-header) > :is(h1,h2,h3,div) { flex:1 1 0; min-width:0; }
.sparky-page :is(.notification-dialog-head,.dialog-heading,.dialog-head,.settings-heading,.modal-header) > button { flex:none; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.sparky-page-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:24px; }
.sparky-page-actions > button { min-width:0; max-width:100%; min-height:44px; padding:10px 16px; border:1px solid var(--sp-line-strong,#bdccdc); border-radius:8px; color:var(--sp-primary,#0a63cb); background:var(--sp-surface,#fff); font:inherit; white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
.sparky-page > p { white-space:pre-wrap; overflow-wrap:anywhere; }
.sparky-notice { box-sizing:border-box; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; }
.sparky-notice::backdrop,.sparky-notice-shell::backdrop { background:rgba(15,23,42,.45); }
.sparky-confirm { --sparky-notice-width:440px; width:440px; margin:auto; padding:24px; border:1px solid var(--sp-line,#dbe4ef); border-radius:14px; color:var(--sp-text,#10233f); background:var(--sp-surface,#fff); box-shadow:0 16px 48px #10233f26; font:inherit; }
.sparky-confirm h2 { margin:0 0 12px; font-size:1.1rem; }
.sparky-confirm p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
body.sparky-task-open { display:block !important; height:auto !important; min-height:100dvh; overflow:visible !important; }
body.sparky-task-open.sparky-page-open { overflow:hidden !important; }
body.sparky-task-open > :not(.sparky-flow-surface):not(.sparky-notice):not(.sparky-notice-shell):not(.sparky-toast-region):not(script):not(style):not(link) { display:none !important; }
.sparky-page-background { display:none !important; }
.sparky-flow-surface { position:static !important; inset:auto !important; width:min(1100px,calc(100% - 32px)) !important; max-width:calc(100% - 32px) !important; height:auto !important; max-height:none !important; margin:16px auto !important; overflow:visible !important; }
.sparky-flow-surface > .sparky-page { position:static !important; width:100% !important; max-width:none !important; height:auto !important; max-height:none !important; overflow:visible !important; }
.sparky-page:has(> .sparky-page-bar + :is(h1,h2,h3,h4)) > .sparky-page-bar { float:inline-end; margin:0 0 12px 16px; }
.sparky-page-bar + :is(h1,h2,h3,h4) { min-height:44px; margin-top:0; }