/* GoodOS notification widget presentation 1.1.0. Shared by every integration. */
html body .goodos-notification-center {
 --nc-accent:var(--goodos-tone-2,#2563eb);--nc-highlight:var(--goodos-tone-3,#38bdf8);
 --nc-surface:var(--goodos-surface,#fff);--nc-text:var(--goodos-text,#172033);
 --nc-muted:var(--goodos-secondary,#64748b);--nc-border:color-mix(in srgb,var(--nc-accent) 18%,var(--nc-surface));
 background:var(--nc-surface)!important;color:var(--nc-text)!important;
 border:1px solid var(--nc-border)!important;border-radius:22px!important;
 box-shadow:0 20px 60px #07111f26,0 2px 8px #07111f0a!important;
 font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
html body .goodos-notification-center::before{content:"";display:block;flex:none;height:3px;background:linear-gradient(90deg,var(--nc-accent),var(--nc-highlight));}
html body .goodos-notification-center header{padding:20px!important;gap:16px!important;border-bottom:1px solid var(--nc-border)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--nc-accent) 8%,var(--nc-surface)),var(--nc-surface))!important;}
html body .goodos-notification-center h2{font:700 20px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.03em;margin:0!important;color:var(--nc-text)!important;}
html body .goodos-notification-center header p{font-size:12px!important;margin:6px 0 0!important;color:var(--nc-muted)!important;}
html body .goodos-notification-center :is(button,input,select,a){box-sizing:border-box!important;font:500 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--nc-text)!important;background:color-mix(in srgb,var(--nc-accent) 4%,var(--nc-surface))!important;border:1px solid var(--nc-border)!important;border-radius:11px!important;min-height:42px!important;padding:10px 12px!important;box-shadow:none!important;transition:background .15s,border-color .15s!important;}
html body .goodos-notification-center :is(button,a):hover:not(:disabled){background:color-mix(in srgb,var(--nc-accent) 12%,var(--nc-surface))!important;border-color:var(--nc-accent)!important;}
html body .goodos-notification-center :is(button,input,select,a):focus-visible{outline:2px solid var(--nc-accent)!important;outline-offset:2px!important;}
html body .goodos-notification-center input::placeholder{color:var(--nc-muted)!important;opacity:.85!important;}
html body .goodos-notification-center select option{background:var(--nc-surface);color:var(--nc-text);}
html body .goodos-notification-center header button{font-size:0!important;width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 34px!important;padding:0!important;display:grid!important;place-items:center!important;}
html body .goodos-notification-center header button::after{content:"×";font:400 23px/1 sans-serif;color:var(--nc-muted);}
html body .goodos-notification-center__scroll{padding:16px!important;scrollbar-width:thin;scrollbar-color:var(--nc-border) transparent;}
html body .goodos-notification-center__filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html body .goodos-notification-center__filters input{grid-column:1/-1!important;width:100%!important;background:var(--nc-surface)!important;padding-left:14px!important;}
html body .goodos-notification-center__filters select{width:100%!important;text-overflow:ellipsis;}
html body .goodos-notification-center__actions{gap:8px!important;margin:12px 0 0!important;padding-bottom:14px!important;border-bottom:1px solid var(--nc-border);}
html body .goodos-notification-center__actions button{background:transparent!important;border-color:transparent!important;color:color-mix(in srgb,var(--nc-accent) 75%,var(--nc-text))!important;min-height:36px!important;padding:7px 8px!important;}
html body .goodos-notification-center__scroll>p:not([role=alert]){text-align:center!important;color:var(--nc-muted)!important;margin:0!important;padding:30px 14px!important;font-size:13px!important;}
html body .goodos-notification-center__scroll>p:not([role=alert])::before{content:"";display:block;width:36px;height:36px;margin:0 auto 12px;background:var(--nc-accent);opacity:.65;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E") center/contain no-repeat;}
html body .goodos-notification-center [role=alert]{padding:12px;border-radius:10px;background:color-mix(in srgb,#e11d48 9%,var(--nc-surface));color:var(--nc-text);}
html body .goodos-notification-center footer{border-top:1px solid var(--nc-border)!important;padding-top:12px!important;margin:0!important;font-size:11px!important;color:var(--nc-muted)!important;}
html body .goodos-notification-center footer button{min-height:34px!important;padding:7px 10px!important;font-size:11px!important;}
html body .goodos-notification-center__item{padding:14px!important;margin:10px 0!important;gap:6px!important;}
html body .goodos-notification-center__item strong{font-size:14px!important;font-weight:650!important;color:var(--nc-text)!important;}
html body .goodos-notification-center :is(small,time){color:var(--nc-muted)!important;font-size:11px!important;}
html body .goodos-notification-center__item span{font-size:12px!important;color:var(--nc-muted)!important;}
html body .goodos-notification-center article h3{font-size:19px!important;line-height:1.35!important;color:var(--nc-text)!important;}
html body .goodos-notification-center__message{font-size:14px!important;line-height:1.7!important;color:var(--nc-text)!important;}
@media(max-width:760px){html body [data-goodos-notification-center-widget]{left:12px!important;right:12px!important;width:calc(100% - 24px)!important;max-width:none!important;}html body .goodos-notification-center header{padding:16px!important;}html body .goodos-notification-center__scroll{padding:12px!important;}}
@media(prefers-reduced-motion:reduce){html body .goodos-notification-center *{transition:none!important;}}