@layer components{.nb-count{font-variant-numeric:tabular-nums;color:#15161a;background:var(--brand-amethyst);min-width:17px;height:17px;box-shadow:0 0 0 2px var(--color-raise);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10.5px;font-weight:700;display:flex;position:absolute;top:calc(50% - 16px);left:50%}.nb-panel{flex-direction:column;width:min(400px,100vw - 16px);max-height:min(620px,100dvh - 90px);display:flex;overflow:hidden}.nb-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.nb-link{height:30px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);border-radius:10px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}@media (hover:hover){.nb-link:hover{color:var(--color-ink);background:#ffffff12}}.nb-label{color:var(--color-ink-3);padding:10px 10px 6px;font-size:11.5px;font-weight:500}.nb-row{transition:background-color var(--dur-hover) var(--ease-standard);border-radius:14px;position:relative}.nb-row-main{border-radius:inherit;text-align:left;cursor:pointer;outline:none;align-items:flex-start;gap:12px;width:100%;padding:10px 40px 10px 10px;display:flex}@media (hover:hover){.nb-row:hover{background:#ffffff0d}}.nb-row[data-fresh]{background:color-mix(in srgb, var(--brand-amethyst) 7%, transparent)}@media (hover:hover){.nb-row[data-fresh]:hover{background:color-mix(in srgb, var(--brand-amethyst) 11%, transparent)}}.nb-side{justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:8px;right:8px}.nb-dot{background:var(--brand-amethyst);width:8px;height:8px;transition:opacity var(--dur-hover) var(--ease-standard);border-radius:50%}.nb-dismiss{color:var(--color-ink-3);cursor:pointer;opacity:0;transition:opacity var(--dur-hover) var(--ease-standard), background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);border-radius:9px;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (hover:hover){.nb-row:hover .nb-dismiss{opacity:1}.nb-row:hover .nb-dot{opacity:0}.nb-dismiss:hover{color:var(--color-ink);background:#ffffff14}}.nb-visual{width:40px;height:40px;color:var(--color-ink-2);background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.nb-visual>canvas{border-radius:12px;position:absolute;inset:0}.nb-visual[data-person]{background:0 0;border-radius:999px}.nb-visual[data-tone=good]{color:var(--color-good);background:color-mix(in srgb, var(--color-good) 12%, transparent)}.nb-visual[data-tone=warn]{color:var(--color-warn);background:color-mix(in srgb, var(--color-warn) 12%, transparent)}.nb-visual[data-tone=accent]{color:var(--brand-amethyst-light);background:color-mix(in srgb, var(--brand-amethyst) 16%, transparent)}.nb-badge{width:18px;height:18px;color:var(--color-ink);background:var(--color-raise-3);box-shadow:0 0 0 2px var(--color-raise-2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.nb-badge[data-tone=good]{color:var(--color-good)}.nb-badge[data-tone=warn]{color:var(--color-warn)}.nb-badge[data-tone=accent]{color:var(--brand-amethyst-light)}.nb-more{width:100%;height:38px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard);border-radius:12px;justify-content:center;align-items:center;margin-top:4px;font-size:12.5px;display:flex}@media (hover:hover){.nb-more:hover{color:var(--color-ink);background:#ffffff0d}}.nb-empty-icon{width:44px;height:44px;color:var(--color-ink-3);background:#ffffff0f;border-radius:14px;justify-content:center;align-items:center;display:flex}.nb-verify{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-amethyst) 11%, transparent), color-mix(in srgb, var(--brand-amethyst) 4%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-amethyst) 20%, transparent);border-radius:18px;gap:12px;margin:0 8px 8px;padding:14px;display:flex}.nb-verify-icon{width:40px;height:40px;color:var(--brand-amethyst-light);background:color-mix(in srgb, var(--brand-amethyst) 16%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-verify-btn{color:#15161a;background:var(--brand-amethyst);cursor:pointer;height:32px;transition:filter var(--dur-hover) var(--ease-standard), opacity var(--dur-hover) var(--ease-standard);border-radius:10px;align-items:center;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}@media (hover:hover){.nb-verify-btn:hover{filter:brightness(1.06)}}.nb-verify-btn:disabled{cursor:default;color:var(--color-ink-2);background:#ffffff14}@media (pointer:coarse){.nb-row-main{padding:12px 48px 12px 10px}.nb-side{width:40px;height:40px;top:4px;right:4px}.nb-dismiss{opacity:1}.nb-dot{opacity:0}.nb-link,.nb-verify-btn{height:40px}.nb-more{height:44px}}}
