/* Financial Document Editor — shared Signal widget. Verbatim translation of
   docs/design/export/Financial Document Editor.dc.html. ONE widget rendered in invoice-mode or
   quote-mode. Tokens (light/dark) are applied as inline CSS vars on .fd-root by the module (follows
   the shell theme). This file carries only the fonts, keyframes, scrollbar, focus + row hover the
   mockup's <helmet> defined. Namespaced .fd-root so it is inert on every other page. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

.fd-root * { box-sizing: border-box; }

.fd-root ::-webkit-scrollbar { width: 10px; height: 10px; }
.fd-root ::-webkit-scrollbar-thumb { background: var(--border-strong, #cfd4e4); border-radius: 99px; border: 2px solid transparent; background-clip: content-box; }

.fd-root .fd-in:focus { outline: none; border-color: var(--brand-400, #7B8FF3); box-shadow: 0 0 0 3px rgba(94, 118, 238, .14); }
.fd-root .fd-row:hover .fd-del { opacity: 1; }

@keyframes fd-fade { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fd-pop { 0% { transform: translateY(10px) scale(.99); opacity: 0; } 100% { transform: translateY(0) scale(1); opacity: 1; } }