.clickup-spaces-sidebar{--space-accent:var(--primary);--space-item-active-border:var(--primary);--space-item-active:color-mix(in srgb, var(--primary) 14%, transparent);--space-item-hover:color-mix(in srgb, var(--foreground) 5%, transparent);--accent:var(--primary);background:var(--sidebar)!important;border-color:var(--sidebar-border)!important}.clickup-spaces-sidebar .space-item.active{color:var(--primary)!important;background:color-mix(in srgb, var(--primary) 14%, transparent)!important;box-shadow:inset 2px 0 0 var(--primary)!important}.clickup-spaces-sidebar .space-item:hover{background:color-mix(in srgb, var(--foreground) 5%, transparent)}.clickup-spaces-sidebar button:focus-visible,.clickup-space-shell button:focus-visible,.clickup-task-sheet button:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 65%, transparent);outline-offset:2px}.clickup-space-shell{--space-accent:var(--primary);--accent:var(--primary);background:var(--background)!important;border-color:var(--border)!important}.clickup-space-shell .space-create-button{background:var(--primary)!important;color:var(--primary-foreground)!important;box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 18%, transparent)!important}.clickup-space-shell .space-create-button:hover{background:color-mix(in srgb, var(--primary) 88%, black)!important}.clickup-space-shell [data-state=active],.clickup-space-shell [aria-selected=true]{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.clickup-task-sheet{background:var(--background)!important;border-left-color:color-mix(in srgb, var(--border) 82%, transparent)!important}.dark .clickup-spaces-sidebar{background:var(--sidebar)!important}.dark .clickup-space-shell,.dark .clickup-task-sheet{background:var(--background)!important}.clickup-spaces-sidebar .space-item{border-radius:5px;min-height:30px}.clickup-space-shell{box-shadow:none!important;border-radius:8px!important}.clickup-space-route,.clickup-space-route *{scrollbar-width:thin;scrollbar-color:var(--primary) color-mix(in srgb, var(--primary) 10%, transparent)}.clickup-space-route ::-webkit-scrollbar{width:9px;height:9px}.clickup-space-route ::-webkit-scrollbar-track{background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:999px}.clickup-space-route ::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid color-mix(in srgb, var(--primary) 10%, var(--background));border-radius:999px}.clickup-space-route ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--primary) 86%, var(--foreground))}.clickup-space-route ::-webkit-scrollbar-corner{background:color-mix(in srgb, var(--primary) 10%, transparent)}.clickup-spaces-sidebar,.clickup-space-main-scroll{scrollbar-gutter:stable;overscroll-behavior:contain}.clickup-horizontal-scroll{scrollbar-gutter:stable;overscroll-behavior-x:contain;scroll-behavior:smooth}@media (width<=767px){.clickup-spaces-sidebar{height:calc(100vh - 4rem);max-height:none!important}}.clickup-board-column{height:clamp(320px,100dvh - 330px,720px);min-height:0}.clickup-board-column-scroll{scrollbar-gutter:stable;overscroll-behavior-y:contain;min-height:0}.clickup-board-pan{overscroll-behavior-x:contain;cursor:default}.clickup-board-pan[data-pan-active="1"]{cursor:grabbing;-webkit-user-select:none;user-select:none;cursor:grabbing;scroll-behavior:auto}@media (height<=720px){.clickup-board-column{height:clamp(260px,100dvh - 285px,520px)}}.clickup-board-pan.is-right-panning,.clickup-board-pan.is-right-panning *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}
