/* Compact panels, accessible navigation and consistent dark scrollbars. */
:root { color-scheme: dark; }
* { scrollbar-width: thin; scrollbar-color: #50515c #17181d; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: #17181d; }
::-webkit-scrollbar-thumb { background: #50515c; border: 2px solid #17181d; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #777986; }
#root > div > header { min-height: 52px; height: auto; padding-top: 8px; padding-bottom: 8px; flex-wrap: wrap; row-gap: 7px; }
.panel-surface { border-radius: 8px; border-color: #2e2f36; }
.panel-title { font-size: 11px; letter-spacing: .04em; font-weight: 650; }
[role="tablist"] { overflow-x: auto; justify-content: flex-start; scrollbar-width: thin; }
[role="tab"] { flex: 0 0 auto; padding-inline: 11px; min-height: 36px; }
button:focus-visible, [role="combobox"]:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.ronin-save-status { display: inline-flex; align-items: center; white-space: nowrap; color: #a9c9b1; font-size: 11px; padding: 4px 8px; border: 1px solid #34483a; border-radius: 999px; background: #19231d; }
.ronin-save-status[data-save-state="Not saved"], .ronin-save-status[data-save-state="Storage warning"] { color: #ffc39a; border-color: #6c442d; background: #2c2019; }
.ronin-save-status[data-save-state="Saving…"] { color: #cec8ea; border-color: #4a4360; background: #24202f; }
[data-sonner-toast] { background: #232329 !important; color: #eaeaf0 !important; border-color: #44444f !important; box-shadow: 0 12px 32px #0005 !important; }
[data-sonner-toast] [data-description] { color: #bcbcc7 !important; }
[data-sonner-toast][data-type="error"] { border-color: #965443 !important; }
[data-sonner-toast][data-type="success"] { border-color: #42634e !important; }
@media (max-width: 1280px) { #root > div > header > input[aria-label="Project name"] { width: 130px; } #root > div > header { gap: 4px; } }