.nc-dialog,.nc-page{--nc-bg:#fff;--nc-text:#172033;--nc-muted:#667085;--nc-border:#e2e8f0;--nc-soft:#f8fafc;--nc-accent:#6045d6;color:var(--nc-text);font-family:inherit}
.dark .nc-dialog,.dark .nc-page{--nc-bg:#111827;--nc-text:#f1f5f9;--nc-muted:#aab7ca;--nc-border:#2a3547;--nc-soft:#192335;--nc-accent:#ac9bff}
.nc-dialog{border:0;margin:0 0 0 auto;padding:0;width:min(520px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;background:var(--nc-bg);box-shadow:-16px 0 48px #0003;overflow:hidden}
.nc-dialog::backdrop{background:#0b122966}.nc-shell{height:100%;display:flex;flex-direction:column}.nc-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--nc-border);gap:16px}.nc-header h2,.nc-page h1{font-size:22px;font-weight:650;line-height:1.3;margin:0}.nc-header p{margin:6px 0 0;font-size:13px}.nc-panel{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain}.nc-summary{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--nc-muted)}
.nc-icon,.nc-bell{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:8px;position:relative}.nc-icon:hover,.nc-bell:hover{background:var(--color-base-100,#e2e8f0)}.dark .nc-icon:hover,.dark .nc-bell:hover{background:#253047}.nc-badge{position:absolute;top:0;right:-5px;background:#6045d6;color:white;border-radius:20px;min-width:19px;padding:1px 5px;font-size:11px;text-align:center;font-weight:600}.nc-badge-empty{display:none}
.nc-tabs{display:flex;border-bottom:1px solid var(--nc-border);padding:0 24px;gap:20px;overflow:auto;white-space:nowrap}.nc-tabs a{padding:12px 0;font-size:14px;font-weight:600;border-bottom:3px solid transparent;color:var(--nc-muted)}.nc-tabs a[aria-current]{color:var(--nc-accent);border-color:var(--nc-accent)}.nc-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--nc-border);gap:12px;font-size:12px}.nc-button{border:1px solid var(--nc-border);padding:8px 12px;border-radius:7px;font-weight:550;font-size:13px;display:inline-flex}.nc-button:hover{background:var(--nc-soft)}.nc-button:disabled{opacity:.5;cursor:default}.nc-item{padding:22px 24px;border-bottom:1px solid var(--nc-border);position:relative}.nc-unread{background:var(--nc-soft)}.nc-unread:before{content:'';position:absolute;left:10px;top:29px;width:6px;height:6px;border-radius:50%;background:var(--nc-accent)}.nc-item-heading{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}.nc-item h3{font-size:16px;font-weight:650;line-height:1.45;margin:0;overflow-wrap:anywhere}.nc-severity{border:1px solid var(--nc-border);border-radius:20px;padding:2px 8px;font-size:11px;flex-shrink:0}.nc-warning{color:#b45309;border-color:#d97706}.dark .nc-warning{color:#fbbf24}.nc-critical{color:#dc2626;border-color:#dc2626}.dark .nc-critical{color:#fca5a5}.nc-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--nc-muted);margin:6px 0 12px}.nc-meta .material-symbols-outlined{font-size:15px}.nc-message{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.nc-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;font-size:12px;font-weight:600}.nc-item-actions button{color:var(--nc-muted)}.nc-item-actions button:hover{color:var(--nc-accent)}.nc-primary-link{display:inline-flex;gap:6px;align-items:center;color:var(--nc-accent)}.nc-primary-link span{font-size:16px}.nc-empty{text-align:center;padding:64px 24px;color:var(--nc-muted)}.nc-empty>span{font-size:40px}.nc-empty h3{font-size:18px;color:var(--nc-text);margin:16px 0 8px;font-weight:600}.nc-pagination{display:flex;justify-content:center;gap:12px;padding:16px}.nc-muted{color:var(--nc-muted)}.nc-loading{padding:32px;text-align:center}.nc-error{background:#fff1f2;color:#9f1239;padding:12px 24px;font-size:13px}.nc-error button{text-decoration:underline}.nc-page{max-width:760px;margin:0 auto;background:var(--nc-bg)}.nc-page>h1{padding:0 24px 16px}.nc-dialog :focus-visible,.nc-page :focus-visible,.nc-bell:focus-visible{outline:2px solid var(--nc-accent,#6045d6);outline-offset:3px}.nc-panel.htmx-request{opacity:.65;pointer-events:none}@media(max-width:480px){.nc-header{padding:20px}.nc-tabs{gap:16px;padding:0 20px}.nc-item{padding:20px}.nc-toolbar{padding:14px 20px}.nc-unread:before{left:7px;top:28px}}