.nf-btn{justify-content:center;align-items:center;gap:var(--nf-s2);min-height:var(--nf-tap);padding:0 var(--nf-s5);border-radius:var(--nf-r-pill);font:600 var(--nf-fs-sm)/1 var(--nf-font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--nf-dur-fast)var(--nf-ease),color var(--nf-dur-fast)var(--nf-ease),border-color var(--nf-dur-fast)var(--nf-ease);border:1px solid #0000;text-decoration:none;display:inline-flex}.nf-btn:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}.nf-btn:disabled,.nf-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.nf-btn svg{flex:none;width:16px;height:16px}.nf-btn--primary{background:var(--nf-accent);color:var(--nf-on-accent)}.nf-btn--primary:hover:not(:disabled){background:var(--nf-accent-hover)}.nf-btn--quiet{background:var(--nf-card-2);color:var(--nf-text)}.nf-btn--quiet:hover:not(:disabled){background:var(--nf-line)}.nf-btn--danger{background:var(--nf-err-soft);color:var(--nf-err)}.nf-btn--danger:hover:not(:disabled){border-color:var(--nf-err)}.nf-btn--text{min-height:0;color:var(--nf-accent);background:0 0;padding:0}.nf-btn--text:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.nf-btn--sm{min-height:34px;padding:0 var(--nf-s4);font-size:var(--nf-fs-xs)}.nf-btn--block{width:100%;display:flex}.nf-status{border-radius:var(--nf-r-pill);background:var(--nf-card-2);height:24px;color:var(--nf-text-2);font-size:var(--nf-fs-xs);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:600;display:inline-flex}.nf-status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.nf-status--ok{background:var(--nf-ok-soft);color:var(--nf-ok)}.nf-status--warn{background:var(--nf-warn-soft);color:var(--nf-warn)}.nf-status--err{background:var(--nf-err-soft);color:var(--nf-err)}.nf-status--off{color:var(--nf-text-3)}.nf-status--live:before{box-shadow:0 0 0 4px var(--nf-halo)}.nf-tag{border-radius:var(--nf-r-pill);background:var(--nf-card-2);height:22px;color:var(--nf-text-2);font-size:var(--nf-fs-xs);white-space:nowrap;align-items:center;padding:0 10px;font-weight:600;display:inline-flex}.nf-tag--accent{background:var(--nf-accent-soft);color:var(--nf-accent)}.nf-tag--ok{background:var(--nf-ok-soft);color:var(--nf-ok)}.nf-tag--warn{background:var(--nf-warn-soft);color:var(--nf-warn)}.nf-tag--err{background:var(--nf-err-soft);color:var(--nf-err)}.nf-field{flex-direction:column;gap:6px;min-width:0;display:flex}.nf-field__label{font-size:var(--nf-fs-sm);color:var(--nf-text);font-weight:600}.nf-field__box{align-items:center;gap:var(--nf-s2);min-height:var(--nf-tap);padding:0 var(--nf-s4);border-radius:var(--nf-r-pill);background:var(--nf-card-2);color:var(--nf-text-3);color-scheme:var(--nf-color-scheme);border:1px solid #0000;display:flex}.nf-field__box:focus-within{border-color:var(--nf-accent)}.nf-field--invalid .nf-field__box{border-color:var(--nf-err)}.nf-field__box svg{flex:none;width:16px;height:16px}.nf-field__input{width:100%;min-width:0;color:var(--nf-text);font:400 var(--nf-fs-md)var(--nf-font-sans);background:0 0;border:0;outline:0}.nf-field__input::placeholder{color:var(--nf-text-3)}.nf-field__hint{font-size:var(--nf-fs-xs);color:var(--nf-text-3)}.nf-field__error{font-size:var(--nf-fs-xs);color:var(--nf-err);font-weight:600}.nf-switch{align-items:center;gap:var(--nf-s3);min-height:var(--nf-tap);color:var(--nf-text);font:500 var(--nf-fs-sm)var(--nf-font-sans);text-align:start;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.nf-switch:disabled{opacity:.5;cursor:not-allowed}.nf-switch:focus-visible{outline:none}.nf-switch:focus-visible .nf-switch__track{outline:2px solid var(--nf-focus);outline-offset:2px}.nf-switch__track{border-radius:var(--nf-r-pill);background:var(--nf-line-strong);width:44px;height:26px;transition:background-color var(--nf-dur)var(--nf-ease);flex:none;position:relative}.nf-switch__track:after{content:"";background:var(--nf-card);width:20px;height:20px;transition:transform var(--nf-dur)var(--nf-ease);border-radius:50%;position:absolute;top:3px;left:3px}.nf-switch[aria-checked=true] .nf-switch__track{background:var(--nf-accent)}.nf-switch[aria-checked=true] .nf-switch__track:after{background:var(--nf-on-accent);transform:translate(18px)}.nf-seg,.nf-tabs{border-radius:var(--nf-r-pill);scrollbar-width:none;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.nf-seg{background:var(--nf-card-2)}.nf-tabs{background:var(--nf-surface)}.nf-seg__item,.nf-tabs__item{min-height:36px;padding:0 var(--nf-s4);border-radius:var(--nf-r-pill);color:var(--nf-text-2);font:600 var(--nf-fs-xs)var(--nf-font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.nf-tabs__item{font-size:var(--nf-fs-sm);font-weight:500}.nf-seg__item:hover,.nf-tabs__item:hover{color:var(--nf-text)}.nf-seg__item[aria-pressed=true]{background:var(--nf-card);color:var(--nf-text);box-shadow:inset 0 0 0 1px var(--nf-line)}.nf-tabs__item[aria-current=page]{background:var(--nf-card-2);color:var(--nf-text);font-weight:600}.nf-seg__item:focus-visible,.nf-tabs__item:focus-visible{outline:2px solid var(--nf-focus);outline-offset:-2px}.nf-count{border-radius:var(--nf-r-pill);background:var(--nf-card-2);min-width:20px;height:20px;color:var(--nf-text-2);place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.nf-count--err{background:var(--nf-err-soft);color:var(--nf-err)}.nf-panel{border:1px solid var(--nf-panel-border);border-radius:var(--nf-r-card);background:var(--nf-card);min-width:0;color:var(--nf-text)}.nf-panel--attn{background:var(--nf-err-soft);border-color:#0000}.nf-panel--flush{overflow:hidden}.nf-panel__head{justify-content:space-between;align-items:center;gap:var(--nf-s3);padding:var(--nf-s4)var(--nf-s5);flex-wrap:wrap;display:flex}.nf-panel__title{font:600 var(--nf-fs-md)/var(--nf-lh-tight)var(--nf-font-sans);margin:0}.nf-panel--attn .nf-panel__title{color:var(--nf-err)}.nf-panel__actions{gap:var(--nf-s2);flex-wrap:wrap;display:flex}.nf-panel__body{padding:0 var(--nf-s5)var(--nf-s5)}.nf-tech{font-family:var(--nf-font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;font-weight:500}.nf-tech__unit{color:var(--nf-text-3);margin-left:.15em}.nf-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.nf-panel__head{padding:var(--nf-s4)}.nf-panel__body{padding:0 var(--nf-s4)var(--nf-s4)}}
