.workspaceSwitcher{z-index:55;flex-shrink:0;min-width:0;margin:0 0 28px;position:relative}.sidebar .workspaceSwitchTrigger{border:1px solid var(--line);text-align:left;background:#191b1e;border-radius:13px;align-items:center;gap:10px;width:100%;min-height:68px;padding:12px;display:flex}.sidebar .workspaceSwitchTrigger:hover,.sidebar .workspaceSwitchTrigger[aria-expanded=true]{background:#20272a;border-color:#5fb8c477}.workspaceMonogram{color:#a5dce3;background:#5fb8c41c;border:1px solid #5fb8c425;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.workspaceSwitchCopy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.workspaceSwitchCopy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px;font-weight:650;overflow:hidden}.workspaceSwitchCopy small{color:var(--muted);letter-spacing:.5px;font-size:10px}.workspaceSwitchTrigger>svg{color:var(--muted);flex-shrink:0}.workspaceSwitchMenu{background:#1b1d20;border:1px solid #373b40;border-radius:14px;width:max(100%,230px);max-width:calc(100vw - 48px);max-height:50dvh;padding:7px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 40px #0009}.workspaceSwitchMenu>p{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:8px 9px 10px;font-size:10px}.sidebar .workspaceSwitchMenu>button{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px;display:flex}.sidebar .workspaceSwitchMenu>button[aria-checked=true]{color:#a5dce3;background:#5fb8c419}.sidebar .workspaceSwitchMenu>button:hover,.sidebar .workspaceSwitchMenu>button:focus-visible{background:#ffffff0b}.boardQuickSearch{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#151619;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;margin:0 0 12px;padding:0 10px;display:flex}.boardQuickSearch:focus-within{border-color:#79cbd5;box-shadow:0 0 0 2px #79cbd51a}.boardQuickSearch>input{width:100%;min-width:0;color:var(--text);padding:10px 0;font-size:12px;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.sidebar .boardQuickSearch>button{flex-shrink:0;place-items:center;width:28px;min-height:28px;padding:4px;display:grid}.boardSearchCount{color:var(--muted);flex-shrink:0;margin:0 4px 9px;font-size:11px}.boardSearchEmpty{color:var(--muted);overflow-wrap:anywhere;padding:12px 8px;font-size:12px;line-height:1.6}.boardSearchEmpty small{display:block}.projectNav button>span{overflow-wrap:anywhere;min-width:0}@media (max-width:700px){.workspaceSwitcher{margin-bottom:20px}.workspaceSwitchMenu{width:100%}.boardQuickSearch{min-height:44px}.boardQuickSearch>input{font-size:16px}.sidebar .boardQuickSearch>button{width:32px;min-height:36px}}
.navigationDrawer{display:contents}.mobileMenuTrigger,.mobileMenuClose{display:none}@media (max-width:700px){.mobileMenuTrigger{z-index:20;width:44px;height:44px;color:var(--text);background:0 0;border:0;padding:10px;display:flex;position:absolute;top:6px;left:12px}.navigationBackdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;position:fixed;inset:0}.navigationDrawer{z-index:100;visibility:hidden;width:min(320px,100vw - 48px);height:100dvh;transition:transform .22s,visibility .22s;display:block;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.navigationDrawer.isOpen{visibility:visible;transform:translate(0)}.navigationDrawer .mobileMenuClose{z-index:2;top:max(12px, env(safe-area-inset-top));width:44px;height:44px;color:var(--text);background:0 0;border:0;padding:10px;display:flex;position:absolute;right:12px}.navigationDrawer .sidebar{width:100%;height:100%;padding:20px 16px max(16px, env(safe-area-inset-bottom));position:static;box-shadow:12px 0 40px #0006}.navigationDrawer .sidebar .brand{flex-shrink:0;margin:0 44px 22px 6px}.navigationDrawer .sidebar .workspace{flex-shrink:0;margin-bottom:22px;display:flex}.navigationDrawer .sidebar .navLabel{flex-shrink:0;margin-bottom:8px;display:block}.navigationDrawer .sidebar .projectLabel{margin-top:24px;display:flex}.navigationDrawer .sidebar nav{flex-direction:column;flex-shrink:0;overflow:visible}.navigationDrawer .sidebar nav button,.navigationDrawer .sidebar .projectNav button{white-space:normal;width:100%;min-height:44px;padding:12px;font-size:14px}.navigationDrawer .sidebar nav svg{flex-shrink:0;width:18px}.navigationDrawer .sidebar .projectNav{overscroll-behavior:contain;flex:1;min-height:0;display:block;overflow-y:auto}.navigationDrawer .sidebar .settingsNav{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.shell>main{width:100%;min-width:0;margin-left:0}.shell .topbar{gap:8px;padding:0 14px 0 64px}.shell .topbar>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.shell .topbar>div{flex-shrink:0;gap:8px}.shell .heading{flex-wrap:wrap;gap:16px}.shell .heading>div{min-width:0}}
.editableBoard{grid-auto-columns:280px;align-items:start;gap:12px;min-height:380px;padding:4px 4px 180px}.editableBoard .column{background:var(--panel);border-radius:12px;min-height:0;padding:8px}.editableBoard .emptyColumn{display:none}.editableBoard .addTask{border-radius:8px;justify-content:flex-start;width:100%;margin:4px 0 0;padding:10px}.listHeading{flex-wrap:wrap;align-items:center;gap:4px;min-height:36px;margin-bottom:8px;display:flex;position:relative}.listHeading h2{flex:1;align-items:center;gap:6px;min-width:0;display:flex;margin:0!important}.listHeading h2 .listTitle{color:inherit;font:inherit;text-align:left;overflow-wrap:anywhere;min-width:0;box-shadow:none;background:0 0;border:0;justify-content:flex-start;margin:0;padding:6px 8px}.listHeading h2 span{margin:0;font-size:11px}.listMenuTrigger{background:0 0;border:0;border-radius:6px;margin-left:auto;padding:6px}.listHeading button:hover,.addListTrigger:hover{background:var(--line)}.listPopover{z-index:90;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);width:264px;max-width:calc(100vw - 24px);color:var(--text);border-radius:10px;position:fixed;overflow-y:auto;box-shadow:0 8px 28px #0008}.listPopoverHeading{justify-content:center;align-items:center;padding:14px 36px;font-size:13px;display:flex;position:relative}.listPopoverHeading button{background:0 0;border:0;padding:4px;position:absolute;right:8px}.listMenuItems{padding:0 0 8px}.listMenuItems>button{text-align:left;width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:9px 14px;font-size:13px;display:block}.listMenuItems hr{border:0;border-top:1px solid var(--line);margin:8px 12px}.listPopoverBody{gap:12px;padding:4px 14px 14px;display:grid}.listPopoverBody p{margin:0;font-size:13px;line-height:1.5}.listPopoverBody label{gap:6px;font-size:12px;display:grid}.listPopoverBody select{background:var(--bg);width:100%;color:inherit;border:1px solid var(--line);border-radius:5px;padding:9px}.listPopoverBody button{justify-self:start}.listRename{width:100%;padding:2px}.listRename input,.addListForm input{border:2px solid var(--accent);background:var(--bg);width:100%;color:var(--text);border-radius:5px;margin:0;padding:9px}.listFormButtons{align-items:center;gap:6px;margin-top:8px;display:flex}.listFormButtons button{border-radius:5px;padding:8px 12px}.addList{width:280px}.addListTrigger{background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-content:flex-start;width:100%;padding:14px}.addListForm{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px}.listError{color:#ffb3ae;width:100%;margin:0;padding:6px 12px;font-size:12px}
.boardSettingsDrawer{border:0;border-left:1px solid var(--line);width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);background:#22272b;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-16px 0 60px #0005}.boardSettingsDrawer::backdrop{background:#0007}.boardSettingsDrawer>form{flex-direction:column;height:100%;min-height:0;display:flex}.boardSettingsDrawer header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.boardSettingsDrawer header h2{letter-spacing:-.4px;margin:0;font-size:20px;font-weight:600;line-height:1.3}.boardSettingsDrawer header p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:12px}.boardSettingsDrawer header button{background:0 0;border:0;flex-shrink:0;padding:6px}.boardSettingsBody{overscroll-behavior:contain;flex:1;min-height:0;padding:0 24px 24px;overflow:auto}.boardSettingsBody fieldset{border:0;min-width:0;margin:0;padding:0}.boardSettingsBody section{border-bottom:1px solid var(--line);padding:24px 0}.boardSettingsBody section:last-child{border:0}.boardSettingsBody h3{color:var(--ink);margin:0 0 16px;font-size:14px;font-weight:600}.boardSettingsBody p{color:var(--muted);margin:-6px 0 16px;font-size:12px;line-height:1.65}.boardSettingsBody label{color:var(--muted);margin:0 0 16px;font-size:12px;display:block}.boardSettingsBody label:last-child{margin-bottom:0}.boardSettingsBody input,.boardSettingsBody textarea,.boardSettingsBody select{color:var(--ink);background:#1c2126;border:1px solid #454e58;border-radius:7px;max-width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.boardSettingsBody textarea{resize:vertical;min-height:90px;line-height:1.6}.boardColorPalette{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.boardColorPalette button{border:2px solid #0000;border-radius:7px;min-width:0;height:34px;padding:0}.boardColorPalette button[aria-pressed=true]{outline-offset:3px;outline:2px solid #e4ebf1}.boardCustomColor{grid-template-columns:40px 100px minmax(0,1fr);align-items:end;gap:14px;display:grid}.boardCustomColor>input[type=color]{cursor:pointer;width:40px;height:40px;padding:4px}.boardCustomColor label{margin:0;font-size:11px}.boardCustomColor label input{margin-top:6px;padding:10px;font-family:monospace}.boardColorSample{color:#dce1e7;border:1px solid;border-radius:7px;place-items:center;height:40px;font-size:11px;display:grid}.boardSettingsGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.boardSettingsBody .settingsHelp{color:#8f9da9;margin:10px 0 0;font-size:11px;line-height:1.65}.boardSettingsBody .boardSettingsToggle{color:var(--ink);justify-content:space-between;align-items:center;gap:20px;margin:0;padding:12px 0;font-size:13px;display:flex}.boardSettingsToggle+.boardSettingsToggle{border-top:1px solid #ffffff08}.boardSettingsToggle input[type=checkbox]{appearance:auto;accent-color:#c7d1db;cursor:pointer;width:16px;height:16px;margin:0}.boardSettingsMembers{gap:12px;display:grid}.boardSettingsMembers>div{align-items:center;gap:10px;font-size:13px;display:flex}.boardSettingsMembers .avatar{flex-shrink:0}.boardSettingsMembers+.settingsHelp{margin:16px 0}.boardSettingsLists{flex-wrap:wrap;gap:8px;display:flex}.boardSettingsLists>span{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.boardSettingsLists small{color:var(--muted);font-size:10px}.boardSettingsDrawer footer{border-top:1px solid var(--line);background:#22272b;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.settingsReadOnly{background:#313a42;border-radius:7px;padding:12px;margin:16px 0!important}.boardSettingsBody .labelEditor h3{margin-bottom:16px}.boardSettingsBody .inlineComposer{gap:8px;display:flex}.boardSettingsBody .inlineComposer input{flex:1;min-width:0}.boardSettingsBody .inlineComposer button{flex-shrink:0}@media (max-width:600px){.boardSettingsDrawer header{padding:20px}.boardSettingsBody{padding:0 20px 20px}.boardSettingsDrawer footer{padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.boardColorPalette{gap:8px}.boardCustomColor{gap:10px}}
.boardActivityDrawer{border:0;border-left:1px solid var(--line);background:var(--panel);width:min(540px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-16px 0 60px #0005}.boardActivityDrawer::backdrop{background:#0007}.boardActivityContent{flex-direction:column;height:100%;display:flex}.boardActivityHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.boardActivityHeader h2{font-size:20px}.boardActivityHeader p{color:var(--dim);overflow-wrap:anywhere;margin-top:6px}.boardActivityHeader button{flex-shrink:0;padding:8px}.boardActivityBody{overscroll-behavior:contain;flex:1;padding:0 24px 24px;overflow:auto}.boardActivityBody .activityPanel{background:0 0;border:0;margin:0;padding:20px 0}.boardActivityBody .sectionTitle{flex-wrap:wrap;gap:12px}