/* Small behaviours Tailwind utilities do not need to own. */
:root { color-scheme: dark; }
[x-cloak] { display: none !important; }
.sidebar-shell { width: 17rem; transition: width .25s ease; }
.sidebar-shell .sidebar-label, .sidebar-shell .sidebar-brand-copy, .sidebar-shell .sidebar-group { transition: opacity .15s ease, width .15s ease; }
body.sidebar-collapsed .sidebar-shell { width: 5.25rem; }
body.sidebar-collapsed .sidebar-shell .sidebar-label,
body.sidebar-collapsed .sidebar-shell .sidebar-brand-copy,
body.sidebar-collapsed .sidebar-shell .sidebar-group { opacity: 0; width: 0; overflow: hidden; white-space: nowrap; }
body.sidebar-collapsed .portal-main { margin-left: 5.25rem; }
.portal-main { margin-left: 17rem; transition: margin-left .25s ease; }
.portal-navbar { left: 17rem; transition: left .25s ease; }
body.sidebar-collapsed .portal-navbar { left: 5.25rem; }
.hero-grid { background-image: linear-gradient(rgba(15,23,42,.88),rgba(15,23,42,.95)), radial-gradient(circle at 20% 20%, rgba(251,191,36,.20), transparent 32%), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:auto,auto,34px 34px,34px 34px; }
.hide-scrollbar::-webkit-scrollbar { display:none; }
.hide-scrollbar { scrollbar-width:none; }
@media (max-width: 1023px) { .portal-navbar { left:0; } .sidebar-shell { transform:translateX(-110%); } .sidebar-shell.mobile-open { transform:translateX(0); } .portal-main, body.sidebar-collapsed .portal-main { margin-left:0; } }

/* Portal content width: change this one value to widen or narrow every workspace. */
:root { --portal-content-max: 112rem; }
.portal-content { width: 100%; max-width: var(--portal-content-max); margin-inline: auto; }