.nf-screen{display:flex;flex-direction:column;gap:12px;min-width:0}
.nf-toolbar,.nf-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nf-toolbar{justify-content:space-between;width:100%;gap:16px}
.nf-list.pi-panel{display:grid;gap:8px;padding:12px}
.nf-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;gap:12px;padding:8px 12px;min-height:56px;background:var(--surface-content);border-radius:var(--radius-content);align-items:center}
.nf-indicator{color:var(--action-blue);font-size:10px}
.nf-copy{min-width:0}.nf-head{display:flex;align-items:center;gap:8px;min-width:0;height:20px}
.nf-copy strong{font-size:14px;line-height:20px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nf-head .projects-status-label{flex:none;font-size:11px;line-height:16px;padding:2px 6px}
.nf-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nf-detail,.nf-time,[data-nf-count]{font-size:12px;line-height:20px;color:var(--muted)}
.nf-actions{display:flex;align-items:center;gap:8px}
.nf-actions .nf-read{width:32px;height:32px;background:transparent}
.nf-actions .nf-read:hover{background:var(--selection)}
.nf-open i{display:none;font-style:normal}
.nf-filter-options{display:grid;gap:12px}.nf-upgrade{flex-shrink:0}
.nf-screen [data-nf-prompts]:empty{display:none}
.nf-screen .sp-commission{margin:0}
.topbar:has(.nf-upgrade)>.command{right:calc(var(--topbar-inset) + var(--control) + var(--space-2) + 100px)}
.topbar:has(.nf-upgrade)>.command:not(.is-open){left:calc(100% - var(--topbar-inset) - var(--control) * 2 - var(--space-2) - 100px)}
.catalog-top-primary:has(.nf-upgrade)>.command{right:148px}
.catalog-top-primary:has(.nf-upgrade)>.command:not(.is-open){left:calc(100% - 188px)}
.nf-upgrade{width:92px}
@property --nf-border-angle{syntax:"<angle>";inherits:false;initial-value:120deg}
.cta.nf-upgrade{position:relative;overflow:hidden;padding-inline:8px;color:#fff;--cta-fg:#fff;--nf-border-angle:120deg;border:1px solid transparent;background:linear-gradient(120deg,#172D43,#30233D) padding-box,linear-gradient(var(--nf-border-angle),#00ADEE,#947BE7,#EB008B) border-box;animation:nf-border-orbit 3s linear infinite paused;box-shadow:none;transition:box-shadow 220ms ease}
.cta.nf-upgrade:is(:hover,:focus-visible){animation-play-state:running;background:linear-gradient(120deg,#172D43,#30233D) padding-box,linear-gradient(var(--nf-border-angle),#00ADEE,#947BE7,#EB008B) border-box;color:#fff;filter:none;transform:none;box-shadow:0 0 0 1px rgb(148 123 231 / 45%),-4px 0 14px rgb(0 173 238 / 42%),4px 0 14px rgb(235 0 139 / 38%),0 0 22px rgb(148 123 231 / 24%)}
@keyframes nf-border-orbit{from{--nf-border-angle:120deg}to{--nf-border-angle:480deg}}
.nf-upgrade-label{display:inline-block;transform:scale(1);transition:transform 220ms cubic-bezier(.22,1,.36,1)}
.cta.nf-upgrade:is(:hover,:focus-visible) .nf-upgrade-label{transform:scale(1.04)}
.cta.nf-upgrade:active{filter:brightness(.94)}
:root:is([data-theme=yellow-black],[data-theme=black-yellow]) .cta.nf-upgrade{background:#000;color:#fff;border-color:var(--text);filter:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){.cta.nf-upgrade,.nf-upgrade-label{transition:none;animation:none}.cta.nf-upgrade:is(:hover,:focus-visible) .nf-upgrade-label{transform:none}}
@media(max-width:1000px){
 .catalog-top-primary:has(.nf-upgrade){padding-top:48px}
 .catalog-top-primary:has(.nf-upgrade)>.top-icon{position:absolute;top:0}
 .catalog-top-primary:has(.nf-upgrade)>.top-icon:nth-child(1){left:0}
 .catalog-top-primary:has(.nf-upgrade)>.top-icon:nth-child(2){left:48px}
 .catalog-top-primary:has(.nf-upgrade)>.top-icon:nth-child(3){left:96px}
 .catalog-top-primary:has(.nf-upgrade)>.notification{position:absolute;top:0;right:100px;left:auto}
 .catalog-top-primary:has(.nf-upgrade)>.nf-upgrade{position:absolute;right:0;top:0}
}
.notification b[hidden]{display:none}
.nf-toolbar .library-tabs button.active{background:var(--selection)}
@media(max-width:700px){.nf-row{grid-template-columns:8px minmax(0,1fr) auto;gap:8px}.nf-time{display:none}.nf-actions{gap:4px}.nf-open span{display:none}.nf-open i{display:block}.nf-actions .nf-open{width:32px;padding:0}.nf-head .projects-status-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nf-toolbar>.nf-tools{width:100%}.nf-upgrade{padding-inline:10px}.nf-screen .project-context{gap:8px}}
.nf-row{cursor:pointer;transition:background-color 150ms ease}
.nf-row:hover{background:var(--surface-hover)}
.nf-row.is-selected{background:var(--selection)}
.nf-row.is-selected:hover{background:var(--surface-selected-hover)}
.nf-row:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.nf-head [data-status-tone=attention]{color:#B90059;background:color-mix(in srgb,var(--pink) 12%,var(--surface-content))}
:root[data-theme=dark] .nf-head [data-status-tone=attention]{color:#FF80BA}
:root:is([data-theme=yellow-black],[data-theme=black-yellow]) .nf-head [data-status-tone=attention]{color:var(--text);background:var(--surface-content);box-shadow:inset 0 0 0 1px currentColor}
.catalog-dialog-nf-filter{width:min(560px,calc(100vw - 24px));height:min(640px,calc(100dvh - 24px));--dialog-surface:var(--surface-work);--dialog-gutter:12px}
.catalog-dialog-nf-filter .catalog-panel-content{display:flex;flex:1;flex-direction:column;gap:12px;overflow:hidden;padding-bottom:12px}
.nf-filter-hint,.nf-filter-summary{margin:0;color:var(--muted);font-size:13px;line-height:20px}
.catalog-dialog-nf-filter .library-search{flex:none;width:100%;max-width:none;margin:0}
.nf-filter-options{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:4px}
.nf-filter-choice.catalog-choice{display:flex;flex:none;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:var(--radius-control);background:var(--surface-content)}
.nf-filter-choice>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.nf-filter-choice>small{margin-left:auto;color:var(--muted)}
.nf-filter-choice{position:relative}
.nf-filter-choice>input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.nf-filter-choice>.catalog-check{flex:0 0 16px;width:16px;min-width:16px;height:16px}
.nf-filter-choice:has(input:checked) .catalog-check{background:var(--text);border-color:var(--text);color:var(--surface-work)}
.nf-filter-choice:has(input:checked) .catalog-check svg{opacity:1}
.nf-filter-choice:has(input:focus-visible){outline:2px solid var(--text);outline-offset:-2px}
.nf-filter-choice:hover{background:var(--surface-hover)}
.nf-filter-choice:has(input:checked){background:var(--selection)}
.nf-filter-choice:has(input:checked):hover{background:var(--surface-selected-hover)}
.nf-upgrade-dialog.pi-dialog{width:min(760px,calc(100vw - 24px));max-width:760px}
.nf-upgrade-intro p{font-size:16px;line-height:24px;margin:12px 0 24px;color:var(--muted)}
.nf-plan-current{display:inline-flex;font-size:12px;line-height:20px;padding:4px 8px;border-radius:6px;background:var(--surface-content);color:var(--muted)}
.nf-billing{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.nf-billing>span{font-size:13px;color:var(--muted)}
.nf-billing .library-tabs{display:flex;gap:4px;flex-wrap:wrap}
.nf-plan-grid.sw-plan-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0 0 20px}
.nf-plan-grid .sw-plan-card{padding:20px;gap:12px;min-width:0}
.nf-plan-grid .sw-plan-card:hover{background:var(--surface-hover)}
.nf-plan-grid .sw-plan-card[aria-pressed=true]{border-color:var(--action-blue)}
.nf-plan-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.nf-plan-check{width:20px;height:20px;border-radius:50%;background:var(--surface-work);color:var(--text);text-align:center}
.nf-plan-price{display:grid;gap:4px;padding:8px 0}
.nf-plan-price b{font-size:28px;line-height:36px;font-weight:500}
.nf-plan-benefit{font-size:16px;line-height:24px;font-weight:500}
.sw-plan-card .nf-plan-select{margin-top:auto;padding-top:12px;color:var(--text);font-size:13px}
.nf-plan-reassurance{padding:16px;background:var(--surface-content);border-radius:var(--radius-content)}
.nf-plan-reassurance strong{font-size:14px;font-weight:500}
.nf-plan-reassurance p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:20px}
.nf-upgrade-dialog .event-dialog-footer>small{margin-right:auto;color:var(--muted);font-size:12px}
@media(max-width:600px){.nf-billing{align-items:flex-start;flex-direction:column}.nf-plan-grid.sw-plan-grid{grid-template-columns:1fr}.nf-upgrade-dialog .event-dialog-footer{flex-wrap:wrap}.nf-upgrade-dialog .event-dialog-footer>small{width:100%}}
