.topbar .topbar-nav{overflow:visible;background:#086e60;border-color:#086e60;border-radius:15px;gap:2px}.topbar-nav-group{position:relative;display:flex;align-items:center;border-radius:10px}.topbar .topbar-nav-item{color:#fff;border-radius:10px;padding-inline:11px;gap:6px}.topbar .topbar-nav-item:hover,.topbar-subnav-toggle:hover{background:#06564b;color:#fff}.topbar-nav-group.active,.topbar .topbar-nav-item.active{background:#044d43;color:#fff;border-color:transparent;box-shadow:none}.topbar-subnav-toggle{display:inline-grid;place-items:center;min-height:34px;min-width:26px;padding:3px;border:0;border-radius:8px;background:transparent;color:#fff}.topbar-nav-group:has(.topbar-subnav-toggle) .topbar-nav-item{padding-right:3px}.topbar-nav :is(button:focus-visible){outline:3px solid #a8e9d6;outline-offset:2px}.topbar-subnav{position:absolute;z-index:80;top:calc(100% + 9px);left:0;min-width:230px;padding:7px;display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 40px #17342b26}.topbar-subnav button{border:0;text-align:left;padding:12px;border-radius:7px;background:#fff;color:#16483e;font-size:13px;font-weight:700}.topbar-subnav button:hover,.topbar-subnav button:focus-visible{background:#e4f4ee}.topbar-subnav button,.mobile-nav-subsections button{display:flex;align-items:center;gap:9px;min-width:0}.topbar-subnav button>svg,.mobile-nav-subsections button>svg{flex:0 0 17px}.topbar-subnav button>span:not(.navigation-count),.mobile-nav-subsections button>span:not(.navigation-count){flex:1;min-width:0;overflow-wrap:anywhere}.topbar-subnav .navigation-count,.mobile-nav-subsections .navigation-count{flex:0 0 auto;background:var(--accent-soft)}.topbar-subnav{width:max-content;max-width:min(330px,calc(100vw - 32px))}.mobile-nav-subsections button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.navigation-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:#075b4e;font-size:11px;font-weight:850}.app-shell .workspace-tabs button.active,.app-shell .workspace-tabs button.warning.active,.app-shell .workspace-tabs button.danger.active{background:#044d43;color:#fff;border-color:#044d43}.app-shell .workspace-tabs button.active :is(strong,small,span){color:inherit}.mobile-nav-subsections{display:grid;gap:12px;margin-top:14px}.mobile-nav-subsections>div{display:grid;gap:6px}.mobile-nav-subsections strong{font-size:12px;color:var(--muted)}.mobile-nav-subsections button{min-height:44px;text-align:left;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--accent-dark)}.mobile-nav-tab .navigation-count{background:var(--accent-soft);grid-column:2;justify-self:start}.todo-board>.todo-column-done{grid-column:1 / -1}.todo-board>.todo-communication-column{display:flex;flex-direction:column;align-self:start}.communication-hint{margin:0;padding:0 3px;font-size:12px;color:var(--muted);line-height:1.5}.todo-board .communication-card{padding:12px;display:grid;gap:8px;overflow-wrap:anywhere}.communication-card>small{font-size:11px;color:var(--muted);line-height:1.5}.communication-card>strong{font-size:13px}.communication-card>p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.6}.communication-card .todo-card-actions{flex-wrap:wrap}.communication-card .todo-card-actions button{min-height:34px}.todo-communication-column:focus{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1250px)and (min-width:901px){.topbar .topbar-nav-item{font-size:12px;padding-inline:7px}}@media(max-width:860px){.app-shell .mobile-nav-sheet{max-height:min(720px,calc(100dvh - 24px - var(--safe-area-top) - var(--safe-area-bottom)));grid-auto-rows:min-content}.mobile-nav-sheet .mobile-nav-tabs{order:1}.mobile-nav-sheet .mobile-nav-subsections{order:2}.mobile-nav-sheet .mobile-nav-actions{order:3}.app-shell .todo-board{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible}.app-shell .todo-board>.todo-column{min-height:0}}