/* Linear-inspired alignment, hierarchy and restrained chrome.
   Paper owns the palette and standard button appearance. */
:where(html,body,#app,#app *){touch-action:pan-x pan-y}
@font-face{font-family:'Feedbaky Inter';src:url('/static/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
[data-scope="Dashboard"],[data-scope="Auth"]{
 font-family:'Feedbaky Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;line-height:1.5;font-optical-sizing:auto;color:var(--neutral-900);background:var(--neutral-50);color-scheme:light;-webkit-font-smoothing:antialiased;
}
:where([data-scope="Dashboard"],[data-scope="Auth"]) :where(h1,h2,h3,h4){font-family:inherit;font-weight:600;letter-spacing:-.02em;color:var(--neutral-900);text-wrap:balance}
:where([data-scope="Dashboard"],[data-scope="Auth"]) :where([ui-input],input:not([type="checkbox"]),textarea){font-family:inherit;border-radius:6px;box-shadow:none;line-height:1.5;transition:border-color 120ms ease,outline-color 120ms ease}
:where([data-scope="Dashboard"],[data-scope="Auth"]) :where([ui-field]>label){font-size:13px;font-weight:500;line-height:1.5}
:where([data-scope="Dashboard"],[data-scope="Auth"]) :where([ui-field]>p){font-size:12px;line-height:1.5}
:where([data-scope="Dashboard"]) :where([ui-dialog]){border:1px solid var(--neutral-200);border-radius:10px;box-shadow:0 16px 48px -12px oklch(from var(--neutral-950) l c h / 16%)}
:where([data-scope="Dashboard"],[data-scope="Auth"]) .feedbaky-message{padding:12px 14px;border-radius:6px;font-size:13px;line-height:1.55}
:where([data-scope="Dashboard"],[data-scope="Auth"]) :where(pre,code){font-size:12px;font-variant-ligatures:none}
:where([data-scope="Dashboard"]) :where(pre[ui-code]){padding:14px 16px;border:1px solid var(--neutral-200);border-radius:6px;background:var(--neutral-100);color:var(--neutral-800);box-shadow:none;line-height:1.7}
:where([data-scope="Dashboard"]) :where(pre[ui-code]>code){padding:0;border:0;background:transparent;color:inherit;font-size:inherit}
:where([data-scope="Dashboard"]) :where(.list,.detail-scroll,.site-panel,[role="menu"]){scrollbar-width:thin;scrollbar-color:var(--neutral-300) transparent}

/* One menu layout for site selection and account actions; Paper supplies the colors. */
:where([data-scope="Dashboard"]) [ui-menu] > [role="menu"]{
 width:max-content;min-width:0;max-width:calc(100vw - 24px);max-height:min(480px,calc(100dvh - 32px));overflow-y:auto;padding:5px;border:1px solid var(--neutral-200);border-radius:8px;font-family:inherit;font-size:13px;line-height:1.4;box-shadow:0 4px 16px -4px oklch(from var(--neutral-950) l c h / 12%),0 1px 3px oklch(from var(--neutral-950) l c h / 5%);
}
:where([data-scope="Dashboard"]) [ui-menu] > [role="menu"] > :is([role="menuitem"],[role="menuitemradio"],[role="menuitemcheckbox"]){
 min-height:32px;padding:6px 8px;gap:8px;border-radius:4px;font-family:inherit;font-size:13px;line-height:1.4;transition:background-color 100ms ease;
}
:where([data-scope="Dashboard"]) [role="menu"] > :is([role="menuitem"],[role="menuitemradio"]) > svg{color:var(--neutral-600)}
:where([data-scope="Dashboard"]) [role="menu"] > [aria-checked="true"]{font-weight:600}
:where([data-scope="Dashboard"]) [ui-menu] > [role="menu"] > hr{margin:5px 8px}
:where([data-scope="Dashboard"]) .menu-heading{padding:8px 8px 4px;font-size:11px;font-weight:500;line-height:16px;letter-spacing:.01em;color:var(--neutral-600)}
:where([data-scope="Dashboard"]) .menu-trailing{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-start:auto;color:var(--neutral-600)}
:where([data-scope="Dashboard"]) .menu-profile{padding:8px}
@media(prefers-reduced-motion:reduce){
 :where([data-scope="Dashboard"],[data-scope="Auth"]) *, :where([data-scope="Dashboard"],[data-scope="Auth"]) *::before,:where([data-scope="Dashboard"],[data-scope="Auth"]) *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}