@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f6f8;--cream:#eef0f3;--white:#ffffff;--panel:#eef0f3;--field:#ffffff;--sidebar-bg:#f9fafb;--hover:#e9ecf0;--selected:#e4e7ec;--ink:#181b20;--text:#343a44;--muted:#69717e;--faint:#89919d;--line:#dce0e6;--strong-line:#c7cdd6;--green:#252a32;--green-dark:#101318;--sage:#e9ecf0;--on-primary:#ffffff;--shadow:0 2px 5px #171b2406;--sidebar:256px;--focus:#78879d;--low:#788794;--medium:#a4802c;--high:#bf7542;--urgent:#cb575b;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--text);background:var(--paper);font-synthesis:none}
:root[data-theme="dark"]{color-scheme:dark;--paper:#101010;--cream:#191919;--white:#222222;--panel:#181818;--field:#1b1b1b;--sidebar-bg:#151515;--hover:#292929;--selected:#303030;--ink:#f4f4f4;--text:#d6d6d6;--muted:#a1a1a1;--faint:#737373;--line:#303030;--strong-line:#454545;--green:#ededed;--green-dark:#ffffff;--sage:#292929;--on-primary:#151515;--shadow:0 2px 5px #00000018;--focus:#a3a3a3;--low:#a6a6a6;--medium:#d5b66a;--high:#dfa176;--urgent:#ef9195}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--strong-line) transparent}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{outline-offset:3px}*:focus-visible{outline:2px solid var(--focus)}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h1{font-size:30px;line-height:1.25;letter-spacing:-.8px;font-weight:650}h2{font-size:22px;line-height:1.3;font-weight:600}h3{font-size:15px;line-height:1.45;font-weight:600}p{line-height:1.6}strong{font-weight:600}small{font-size:12px}.icon{display:inline-block;vertical-align:middle;flex:none}.muted{font-size:14px;color:var(--muted);line-height:1.65}.eyebrow{display:block;font-size:11px;letter-spacing:1.2px;font-weight:600;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}.button .icon{width:17px;height:17px}.primary{background:var(--green);color:var(--on-primary);border-color:var(--green)}.primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.secondary{background:var(--field);border-color:var(--strong-line);color:var(--text)}.secondary:hover{background:var(--hover);border-color:var(--faint)}.small-button{min-height:34px;padding:8px 11px;font-size:13px}.danger{background:#b84045;border-color:#b84045;color:white}.danger:hover{background:#ce4c51}.text-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 0;color:var(--text);font-size:13px;font-weight:500}.text-button .icon{width:16px;height:16px}.text-button:hover{color:var(--ink);text-decoration:underline}.danger-text{color:var(--urgent)}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:6px;color:var(--muted)}.icon-button .icon{width:18px;height:18px}.icon-button:hover{background:var(--hover);color:var(--ink)}.action-spacer{flex:1}.icon-spacer{width:34px;flex:none}
.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-.9px;color:var(--ink)}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--strong-line);background:var(--green);color:var(--on-primary);border-radius:8px}.brand-symbol .icon{width:23px;height:23px}.brand-dot{margin-left:-9px;color:var(--muted)}.avatar{display:inline-flex;justify-content:center;align-items:center;flex:none;width:34px;height:34px;border:2px solid var(--paper);border-radius:50%;background:var(--selected);color:var(--text);font-size:11px;font-weight:600}.avatar.small{width:28px;height:28px;font-size:10px}.avatar-stack{display:flex;padding-left:6px}.avatar-stack .avatar{margin-left:-6px}.tag{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:500;line-height:1.3;background:var(--hover);color:var(--text)}.sage,.lilac,.peach,.blue{background:var(--hover);color:var(--text)}.priority{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;white-space:nowrap;text-transform:capitalize}.priority i{height:6px;width:6px;border-radius:50%;background:currentColor}.priority.low{color:var(--low)}.priority.medium{color:var(--medium)}.priority.high{color:var(--high)}.priority.urgent{color:var(--urgent)}.progress-track{height:4px;background:var(--line);border-radius:3px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--muted);border-radius:3px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}
/* Workspace frame */
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;padding:24px 14px 0;background:var(--sidebar-bg);border-right:1px solid var(--line)}.sidebar>.brand{padding:0 10px}.workspace-select{position:relative;display:flex;align-items:center;gap:10px;margin:26px 4px 24px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.workspace-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid var(--strong-line);border-radius:7px;background:var(--selected);color:var(--ink);font-size:16px;font-weight:600}.workspace-select>div{flex:1;min-width:0}.tiny-label{display:block;margin-bottom:3px;color:var(--faint);font-size:9px;font-weight:500;letter-spacing:.8px}.workspace-select select{min-height:20px;width:100%;padding:0 14px 0 0;background:none;border:0;border-radius:0;font-size:13px;font-weight:600;appearance:none;cursor:pointer;text-overflow:ellipsis;color:var(--ink)}.workspace-select>.icon{position:absolute;right:10px;width:13px;height:13px;pointer-events:none;color:var(--muted)}.nav-label{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin:0 10px 8px;font-size:10px;letter-spacing:1px;font-weight:600;color:var(--faint)}.nav-label.spaced{margin-top:24px;margin-bottom:6px}.nav-label .icon-button{width:26px;height:26px}.nav-label .icon-button .icon{width:16px;height:16px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;margin-bottom:3px;border-radius:6px;text-align:left;font-size:14px;color:var(--muted);line-height:1.4}.nav-item>.icon{width:18px;height:18px;color:inherit}.nav-item>span:not(.board-bullet):not(.nav-count){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--selected);color:var(--ink);font-weight:500}.nav-count{padding:2px 6px;border:1px solid var(--strong-line);border-radius:4px;font-size:11px;background:var(--hover);color:var(--ink);flex:none}.board-nav{max-height:35dvh;overflow-y:auto;margin-bottom:12px}.board-nav .nav-item{min-height:40px;padding-left:14px;font-size:13px}.board-bullet{height:6px;width:6px;flex:none;margin:0 6px 0 3px;background:var(--faint);border-radius:2px}.active .board-bullet{background:var(--ink)}.nav-empty{margin:10px 12px 18px;color:var(--faint);font-size:12px;line-height:1.5}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom>.nav-item{min-height:39px;font-size:13px}.user-panel{display:flex;align-items:center;gap:10px;margin-top:14px;padding:17px 6px;border-top:1px solid var(--line)}.user-panel>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.user-panel strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.user-panel>div>span{color:var(--muted);font-size:11px;text-transform:capitalize}.user-panel .icon-button{width:29px;height:29px}.user-panel .icon-button .icon{width:16px;height:16px}.sidebar nav>.mobile-nav-item{display:none}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:0 28px;background:var(--paper);border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:12px;min-width:0;color:var(--muted);font-size:12px}.breadcrumbs>.icon{width:16px;height:16px;color:var(--faint)}.breadcrumbs>.icon:nth-of-type(2){width:12px;height:12px}.breadcrumbs>strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:10px;flex:none}.save-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap;margin-right:8px}.save-status i{height:5px;width:5px;border-radius:50%;background:var(--muted)}.save-status i.offline{background:var(--medium)}.save-status.is-saving i{animation:pulse .7s infinite alternate}#page-content{display:flex;flex-direction:column;flex:1;min-width:0}
/* Compact board header and readable controls */
.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 22px;background:var(--paper)}.board-heading-copy{min-width:0;flex:1}.board-title-row{display:flex;align-items:center;gap:11px;min-width:0}.board-mark{display:grid;place-items:center;flex:none;height:34px;width:34px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px}.board-mark>.icon{width:18px;height:18px}.board-title-row h1{font-size:28px;letter-spacing:-.65px;font-weight:650;margin:0;overflow-wrap:anywhere}.board-type-badge{font-size:11px;color:var(--muted);background:var(--hover);border:1px solid var(--line);padding:4px 7px;border-radius:5px}.board-heading-copy>p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere;max-width:780px}.board-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:13px;color:var(--muted);font-size:12px}.board-meta>span{display:inline-flex;align-items:center;gap:6px}.board-meta .icon{width:13px;height:13px;color:var(--faint)}.board-meta>span+span:before{content:"";display:inline-block;height:3px;width:3px;border-radius:50%;background:var(--faint);margin-right:7px}.board-heading-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:15px}.heading-actions{display:flex;align-items:center;gap:7px}.heading-actions .avatar-stack{margin-right:8px}.heading-actions .avatar{width:30px;height:30px;font-size:10px}.heading-actions .button{min-height:36px;font-size:13px;padding:8px 12px}.board-completion{display:flex;align-items:center;gap:10px;min-height:18px;color:var(--muted);font-size:11px}.board-completion .progress-track{width:88px;height:4px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:8px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.view-tabs{display:flex;align-items:center;gap:4px}.view-tab{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 13px;border-radius:6px;font-size:13px;font-weight:500;color:var(--muted);border:1px solid transparent}.view-tab>.icon{width:17px;height:17px}.view-tab:hover{background:var(--hover);color:var(--ink)}.view-tab.selected{background:var(--selected);border-color:var(--strong-line);color:var(--ink)}.toolbar-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.toolbar-note .icon{width:15px;height:15px}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px}.search-input{display:flex;align-items:center;gap:9px;min-width:180px;max-width:360px;flex:1;min-height:40px;padding:0 12px;background:var(--field);border:1px solid var(--line);border-radius:7px}.search-input>.icon{width:17px;height:17px;color:var(--muted)}.search-input input{background:none;border:0;padding:9px 0;min-height:38px;width:100%;min-width:0;font-size:14px;color:var(--text);box-shadow:none}.search-input:focus-within{border-color:var(--focus)}.search-input input:focus-visible{outline:none}.filter-controls{display:flex;align-items:center;gap:9px}.filter-select{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:40px;padding:0 10px;background:var(--field);border:1px solid var(--line);border-radius:7px}.filter-select>.icon{width:16px;height:16px;color:var(--muted)}.filter-select select{width:auto;max-width:150px;min-width:100px;min-height:38px;padding:7px 2px;background:transparent;border:0;color:var(--text);font-size:13px;cursor:pointer}.filter-controls .button{font-size:13px;min-height:40px;padding:9px 12px}#board-results{display:flex;flex-direction:column;flex:1;min-width:0}
/* Equal-width columns fill wide displays and scroll on smaller screens. */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);align-items:stretch;gap:16px;padding:0 28px 24px;overflow-x:auto;flex:1;min-height:max(360px,calc(100dvh - 332px))}.kanban-column{display:flex;flex-direction:column;min-width:0;padding:13px 12px 11px;background:var(--panel);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,background .15s}.kanban-column.drag-over{border-color:var(--focus);background:var(--selected);outline:1px solid var(--focus)}.column-head{display:flex;align-items:center;gap:8px;min-height:34px;margin-bottom:15px;padding:0 1px}.column-dot{width:7px;height:7px;flex:none;border-radius:50%}.column-head h2{font-size:14px;font-weight:600;line-height:1.4;margin:0;min-width:0;overflow-wrap:anywhere}.column-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:21px;padding:0 5px;background:var(--hover);border:1px solid var(--line);border-radius:4px;font-size:11px;color:var(--muted)}.column-actions{display:flex;align-items:center;gap:1px;margin-left:auto}.column-actions .icon-button{width:27px;height:27px}.column-actions .icon-button .icon{width:15px;height:15px}.card-stack{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.column-empty{flex:1;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px 9px;text-align:center;color:var(--muted)}.column-empty-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--strong-line);border-radius:9px;color:var(--faint);margin-bottom:3px}.column-empty-icon .icon{width:18px;height:18px}.column-empty strong{font-size:13px;font-weight:500;color:var(--text)}.column-empty>span:last-child{font-size:12px;line-height:1.55;max-width:200px;color:var(--faint)}.add-card{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:38px;margin-top:12px;padding:9px 10px;border-radius:6px;text-align:left;color:var(--muted);font-size:13px}.add-card>.icon{width:16px;height:16px}.add-card:hover{background:var(--hover);color:var(--ink)}.task-card{position:relative;overflow:hidden;padding:16px;background:var(--white);border:1px solid var(--strong-line);border-radius:8px;box-shadow:var(--shadow);cursor:pointer;transition:border-color .15s,box-shadow .15s;flex:none}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--low)}.priority-border-low:before{background:var(--low)}.priority-border-medium:before{background:var(--medium)}.priority-border-high:before{background:var(--high)}.priority-border-urgent:before{background:var(--urgent)}.task-card:hover{border-color:var(--faint);box-shadow:0 3px 12px #00000012}.task-card.dragging{opacity:.4}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;margin-bottom:12px}.card-dots{color:var(--faint)}.card-dots>.icon{height:16px;width:16px}.task-card h3{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}.card-description{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}.checklist-preview{margin:14px 0}.checklist-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11px;color:var(--muted)}.checklist-preview .icon{height:13px;width:13px;margin-right:4px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding-top:12px;margin-top:14px;border-top:1px solid var(--line)}.card-bottom>div{display:flex;align-items:center;gap:8px}.card-bottom .priority{font-size:11px}.card-bottom .avatar{width:28px;height:28px;font-size:10px}.card-date{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.card-date .icon{height:13px;width:13px}.card-date.overdue{color:var(--high)}
/* List, overview, and shared empty states */
.list-view{margin:0 28px 28px;border:1px solid var(--line);border-radius:8px;overflow-x:auto;background:var(--field)}.list-heading,.list-row{display:grid;grid-template-columns:minmax(230px,2.4fr) minmax(100px,1fr) 100px minmax(110px,1fr) 80px;gap:20px;align-items:center;min-width:800px;padding:17px 20px}.list-heading{background:var(--panel);font-size:10px;letter-spacing:.8px;font-weight:600;color:var(--muted)}.list-row{width:100%;border-top:1px solid var(--line);text-align:left;color:var(--muted);font-size:13px}.list-row:hover{background:var(--hover)}.list-row>span:first-child{display:flex;flex-direction:column;gap:6px}.list-row strong{font-size:14px;color:var(--ink)}.list-row small{font-size:11px;color:var(--faint)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 28px}.page-header .eyebrow{display:none}.page-header h1{margin:0 0 9px;font-size:28px}.page-header p{margin:0;color:var(--muted);font-size:14px}.section-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 28px 18px;font-size:11px;font-weight:500;letter-spacing:.8px;color:var(--muted)}.section-caption>span:last-child{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:0;font-weight:400}.section-caption .icon{height:14px;width:14px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:0 28px 32px}.board-tile{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--field)}.board-preview{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:160px;padding:25px 40px;background:var(--panel);border-bottom:1px solid var(--line)}.board-preview:hover{background:var(--hover)}.mini-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:65px;min-width:30px;height:113px;padding-top:4px}.mini-column:nth-child(2){padding-top:10px}.mini-column i{height:4px;width:30px;background:var(--faint);border-radius:2px;margin-bottom:4px}.mini-column b{display:block;width:100%;height:33px;background:var(--white);border:1px solid var(--strong-line);border-radius:4px;box-shadow:var(--shadow)}.mini-column b:before{content:"";display:block;width:25px;height:3px;margin:10px;background:var(--line);border-radius:2px}.preview-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--field)}.preview-arrow .icon{width:15px;height:15px}.board-tile-info{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:20px 20px 10px}.board-tile-info>div{min-width:0}.board-tile-info h3{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.board-tile-info p{font-size:13px;line-height:1.6;margin:0 0 6px;color:var(--muted);overflow-wrap:anywhere}.tile-footer{display:flex;align-items:center;gap:12px;padding:8px 20px 20px;color:var(--muted);font-size:11px;flex-wrap:wrap}.tile-footer .icon{height:13px;width:13px;margin-right:3px}.tile-footer>span:last-child{margin-left:auto}.new-board-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;border:1px dashed var(--strong-line);border-radius:10px;min-height:290px;background:var(--panel);color:var(--text)}.new-board-tile:hover{background:var(--hover);border-color:var(--faint)}.new-board-tile>span{display:grid;place-items:center;height:42px;width:42px;border:1px solid var(--strong-line);border-radius:10px;color:var(--muted);margin-bottom:5px}.new-board-tile>span .icon{height:20px;width:20px}.new-board-tile strong{font-size:15px}.new-board-tile small{font-size:12px;line-height:1.6;max-width:240px;color:var(--muted)}.empty-state{max-width:520px;margin:0 auto;padding:64px 24px;text-align:center}.empty-symbol{display:inline-flex;align-items:center;justify-content:center;height:48px;width:48px;margin-bottom:19px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted)}.empty-state h3{font-size:21px;font-weight:600;margin-bottom:10px}.empty-state p{max-width:360px;margin:0 auto 22px;font-size:14px;color:var(--muted);line-height:1.65}
/* Flow canvas: geometry matches the existing connector positions. */
.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px}.flow-toolbar>div:last-child{display:flex;align-items:center;gap:8px}.flow-hint{font-size:13px;color:var(--muted)}.flow-toolbar .button{font-size:13px}.zoom-label{font-size:12px;text-align:center;min-width:38px;color:var(--muted)}.flow-viewport{position:relative;cursor:grab;touch-action:none;overscroll-behavior:contain;height:max(420px,calc(100dvh - 370px));min-height:360px;overflow:hidden;background-color:var(--panel);background-image:radial-gradient(var(--strong-line) .8px,transparent .8px);background-size:20px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-sizer{position:absolute;inset:0;pointer-events:none}.flow-canvas{pointer-events:auto;position:absolute;left:0;top:0;transform-origin:top left}.flow-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.flow-edge{color:var(--muted);cursor:pointer;pointer-events:stroke}.edge-line{fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.edge-hit{fill:none;stroke:transparent;stroke-width:18}.flow-edge:hover .edge-line,.flow-edge:focus-visible .edge-line{stroke:var(--ink);stroke-width:2.5}.flow-edge text{fill:var(--text);font:12px "Segoe UI",Arial,sans-serif;stroke:var(--panel);stroke-width:6px;paint-order:stroke;pointer-events:all;stroke-linejoin:round}.flow-edges marker path{color:var(--muted)}.flow-node{position:absolute;width:245px;border:1px solid var(--strong-line);border-radius:9px;background:var(--white);box-shadow:0 4px 14px #00000012}.node-top{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;background:var(--hover);color:var(--muted);cursor:grab;user-select:none;touch-action:none}.node-top:active{cursor:grabbing}.node-top>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;letter-spacing:.7px}.node-top .icon{height:14px;width:14px}.node-top>.icon{height:12px;width:12px;color:var(--faint)}.node-body{width:100%;min-height:125px;padding:17px;text-align:left;display:block}.node-body h3{font-size:17px;line-height:1.35;margin:0 0 9px;overflow-wrap:anywhere}.node-body p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.node-body:hover h3{color:var(--ink)}.node-port{position:absolute;height:12px;width:12px;padding:0;display:grid;place-items:center;border:1px solid var(--faint);border-radius:50%;background:var(--field);color:transparent;font-size:12px;line-height:16px;z-index:1;transition:color .12s,box-shadow .12s}.node-port:after{content:"";position:absolute;inset:-6px}.port-top-left{top:-6px;left:-6px}.port-top-right{top:-6px;right:-6px}.port-bottom-left{bottom:-6px;left:-6px}.port-bottom-right{bottom:-6px;right:-6px}.flow-node:hover .node-port,.node-port:focus-visible,.flow-node.connecting .node-port{color:var(--text);box-shadow:0 0 0 3px var(--panel)}.node-port:hover,.node-port:focus-visible{background:var(--green);border-color:var(--green);color:var(--on-primary)!important;box-shadow:0 0 0 4px var(--selected)}.flow-node.connecting{outline:2px solid var(--focus);outline-offset:4px}.flow-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;color:var(--muted);font-size:11px}.flow-bottom>span{display:flex;align-items:center;gap:8px}.flow-bottom .icon{height:13px;width:13px}.flow-bottom i{font-style:normal;color:var(--faint)}.flow-empty{position:absolute;left:30px;top:30px;width:min(650px,80vw)}
/* Flow navigation and connector appearance */
.flow-toolbar{flex-wrap:wrap;padding:12px 28px;gap:12px}.flow-style-picker{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.flow-style-button{min-height:32px;padding:7px 13px;border-radius:5px;font-size:12px;font-weight:500;color:var(--muted)}.flow-style-button:hover{background:var(--hover);color:var(--ink)}.flow-style-button.selected{background:var(--selected);color:var(--ink);box-shadow:inset 0 0 0 1px var(--strong-line)}.flow-controls{flex-wrap:wrap}.flow-viewport:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.flow-viewport.is-panning,.flow-viewport.is-panning *{cursor:grabbing!important;user-select:none}.flow-node{cursor:default}.flow-node .node-body{cursor:pointer}.node-port.selected{background:var(--green);color:var(--on-primary);box-shadow:0 0 0 4px var(--selected)}.edge-line.pattern-dashed{stroke-dasharray:8 6}.edge-line.pattern-dotted{stroke-dasharray:1 6}.connection-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}.connection-options label{min-width:0}.connection-options select{width:100%;text-overflow:ellipsis}.connection-preview{margin:0 0 20px;background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.connection-preview svg{display:block;width:100%;height:145px}.connection-preview .preview-node{fill:var(--white);stroke:var(--strong-line)}.connection-preview text{fill:var(--text);font:12px "Segoe UI",Arial,sans-serif}.connection-preview .edge-line{stroke:var(--text)}
@media(max-width:600px){.flow-toolbar{padding:12px 16px}.flow-toolbar>div:last-child{gap:5px}.flow-style-button{padding:7px 12px}.flow-controls .button{padding:7px 9px}.flow-bottom{padding:12px 16px;align-items:flex-start;flex-direction:column;gap:7px}.connection-options{gap:0 10px}}
/* People and activity */
.team-summary{display:flex;align-items:center;gap:16px;margin:0 28px 30px;padding:22px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.team-summary>.workspace-icon{width:43px;height:43px;font-size:21px}.team-summary>div{flex:1;min-width:0}.team-summary h2{font-size:17px;margin:0 0 6px;overflow-wrap:anywhere}.team-summary p{font-size:13px;color:var(--muted);margin:0}.members-table{margin:0 28px;border:1px solid var(--line);border-radius:9px;background:var(--field);overflow:hidden}.member-row{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.member-row:last-child{border:0}.member-name{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.member-name strong{font-size:14px;overflow-wrap:anywhere;color:var(--ink)}.member-name small{font-size:12px;font-weight:400;color:var(--muted)}.member-name>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.role-pill{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--muted);font-size:12px;text-transform:capitalize}.role-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:26px 28px 34px}.role-guide strong{font-size:13px;color:var(--text)}.role-guide p{font-size:12px;line-height:1.7;color:var(--muted);margin:9px 0 0}#invite-list{margin:0 28px 32px}.pending-invite{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.pending-invite>div{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.pending-invite strong{font-size:13px;overflow-wrap:anywhere}.pending-invite small{font-size:12px;color:var(--muted)}.pending-invite>.icon{width:17px;height:17px;color:var(--muted)}.notification-list{margin:0 28px 32px}.notification{display:flex;align-items:center;gap:16px;padding:22px 18px;border-bottom:1px solid var(--line)}.notification.unread{background:var(--panel);border-radius:8px}.notification-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--strong-line);border-radius:9px;color:var(--muted);background:var(--field)}.notification-icon .icon{width:17px;height:17px}.notification>div{flex:1;min-width:0}.notification p{font-size:14px;margin:0 0 6px;overflow-wrap:anywhere;color:var(--text)}.notification>div>span{font-size:12px;color:var(--muted)}.notification i{padding:0 6px;font-style:normal}.unread-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--ink)}.my-task-list{margin:0 28px 32px}.my-task{display:flex;align-items:center;gap:18px;width:100%;padding:20px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:var(--field);text-align:left}.my-task:hover{background:var(--hover);border-color:var(--strong-line)}.task-check{height:21px;width:21px;border:1px solid var(--strong-line);border-radius:50%;flex:none}.complete .task-check{background:var(--hover);color:var(--text)}.task-check .icon{height:19px;width:19px}.my-task>div{flex:1;min-width:0}.my-task h3{font-size:14px;margin:0 0 6px;overflow-wrap:anywhere}.my-task p{font-size:12px;color:var(--muted);margin:0}.my-task p i{font-style:normal;padding:0 5px}.my-task>.priority{font-size:12px}.my-task>span:not(.priority):not(.task-check){font-size:12px;color:var(--muted)}.my-task>.icon{width:15px;height:15px;color:var(--faint)}.complete{opacity:.65}.complete h3{text-decoration:line-through}
/* Forms and dialogs */
label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--text)}input,select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--strong-line);border-radius:7px;background:var(--field);color:var(--text);font-size:14px;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:var(--faint)}input::placeholder,textarea::placeholder{color:var(--faint);font-weight:400}textarea{resize:vertical;line-height:1.65}input[type="checkbox"]{height:16px;width:16px;min-height:16px;margin:0;accent-color:var(--green);cursor:pointer;flex:none}input[type="color"]{padding:5px;height:42px;cursor:pointer}input:disabled,textarea:disabled,select:disabled{background:var(--panel);color:var(--muted);cursor:default}.checkbox-label{flex-direction:row;align-items:center;gap:10px;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-error{font-size:13px;line-height:1.6;color:var(--urgent);white-space:pre-line}.form-error:empty{display:none}fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:20px}dialog.modal{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:28px;border:1px solid var(--strong-line);border-radius:12px;background:var(--paper);color:var(--text);box-shadow:0 25px 90px #00000050;overflow-y:auto}dialog.modal::backdrop{background:#00000088;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.modal-head .eyebrow{display:none}.modal h2{font-size:24px;letter-spacing:-.5px;margin:0}.modal-head .icon-button{margin:-4px -5px 0 0}.modal>p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:23px}.modal form{display:grid;gap:20px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:11px;padding-top:20px;border-top:1px solid var(--line);margin-top:8px}.modal-actions .button{font-size:13px}.modal-actions .text-button{font-size:12px}.card-modal{width:min(610px,calc(100vw - 32px))!important}.checklist-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:3px}.checklist-heading h3{font-size:14px;margin:0}.checklist-heading span{font-size:12px;color:var(--muted)}#todo-rows{display:grid;gap:9px}#todo-rows:empty{display:none}.todo-row{display:flex;align-items:center;gap:10px}.todo-row input[type="text"]{min-width:0;flex:1;font-size:13px;min-height:38px;padding:9px 11px}.todo-row input[type="checkbox"]:checked+input{background:var(--panel);color:var(--muted);text-decoration:line-through}.todo-row .icon-button{width:28px;height:28px}.todo-row .icon-button .icon{height:15px;width:15px}.invite-note{display:flex;align-items:flex-start;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:13px;font-size:12px;color:var(--muted);line-height:1.65}.invite-note .icon{height:16px;width:16px;margin-top:2px}.help-content h3{font-size:17px;margin:24px 0 8px}.help-content h3:first-child{margin-top:0}.help-content p{font-size:14px;color:var(--muted);line-height:1.7}#toasts{position:fixed;right:24px;bottom:24px;z-index:10000;display:grid;gap:10px;max-width:min(430px,calc(100vw - 40px));pointer-events:none}.toast{padding:15px 19px;border:1px solid var(--strong-line);border-left:3px solid var(--text);border-radius:8px;background:var(--white);color:var(--text);box-shadow:0 8px 25px #00000025;font-size:13px;line-height:1.6;overflow-wrap:anywhere;animation:toast-in .2s ease-out}.toast.error{border-left-color:var(--urgent);color:var(--urgent)}
/* Account screens */
.auth-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);min-height:100dvh}.auth-intro{display:flex;flex-direction:column;position:relative;min-height:100dvh;padding:42px 7%;overflow:hidden;background:var(--panel);border-right:1px solid var(--line)}.auth-intro>.brand{align-self:flex-start}.intro-copy{margin-top:80px;position:relative;z-index:1}.intro-copy .eyebrow{font-size:10px}.intro-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,4.1vw,65px);font-weight:400;line-height:1.12;letter-spacing:-2.5px;margin:24px 0}.intro-copy h1 em{font-weight:400;color:var(--muted)}.intro-copy>p{font-size:14px;color:var(--muted);line-height:1.9}.intro-tags{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px}.intro-tags span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.intro-tags .icon{width:16px;height:16px}.auth-art{position:relative;min-height:300px;margin:34px -30px 10px}.art-lines{position:absolute;inset:0;width:100%;height:300px}.art-lines path{stroke:var(--faint)}.art-card{position:absolute;width:220px;padding:19px;background:var(--white);border:1px solid var(--strong-line);border-radius:10px;box-shadow:var(--shadow)}.art-card h3{font-size:18px;line-height:1.4;margin:14px 0 10px;font-weight:500}.art-card p{font-size:12px;color:var(--muted);line-height:1.7}.art-one{left:3%;top:67px;transform:rotate(-6deg)}.art-two{right:5%;top:20px;width:228px;transform:rotate(4deg)}.art-card .tag{font-size:10px}.art-foot{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)}.fake-check{display:flex;align-items:center;gap:7px;margin:11px 0;font-size:11px;color:var(--muted)}.fake-check .icon{height:15px;width:15px}.art-sticky{position:absolute;left:51%;top:210px;transform:rotate(-9deg);color:var(--muted);font-family:Georgia,serif;font-style:italic;font-size:19px;line-height:1.4}.art-sticky svg{display:block;width:60px;margin-left:60px}.auth-footer{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:22px;font-size:10px;color:var(--faint)}.auth-footer>span:last-child{font-size:8px;letter-spacing:.8px}.auth-form-wrap{display:flex;flex-direction:column;padding:35px 12% 26px;background:var(--paper)}.auth-top{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.auth-top>.icon{height:13px;width:13px}.auth-form{align-self:center;width:100%;max-width:365px;margin:auto 0;padding:55px 0}.small-flower{display:block;font-size:42px;line-height:1;margin-bottom:24px;color:var(--muted)}.auth-form h2{font-size:29px;letter-spacing:-.75px;line-height:1.25;font-weight:600;margin-bottom:12px}.auth-form>p{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:30px}.auth-form form{display:grid;gap:20px}.auth-submit{width:100%;min-height:45px;justify-content:space-between;margin-top:3px}.auth-switch{margin-top:23px;font-size:13px;color:var(--muted);text-align:center}.auth-switch .text-button{font-size:13px;margin-left:4px}.auth-note{border-top:1px solid var(--line);margin-top:28px;padding-top:23px;color:var(--muted);font-size:12px;text-align:center;line-height:2}.auth-note .icon{height:15px;width:15px;margin-right:4px}.auth-note span{color:var(--faint);font-size:11px}.auth-bottom{font-size:9px;letter-spacing:1.3px;color:var(--faint);text-align:center}.onboarding{min-height:100dvh;padding:35px 5%;background:var(--paper)}.onboarding>.brand{font-size:24px}.onboarding section{max-width:540px;margin:75px auto 30px}.onboarding h1{font-size:42px;line-height:1.15;margin:20px 0;letter-spacing:-1.2px}.onboarding p{font-size:14px;color:var(--muted)}.onboarding form{display:grid;gap:18px;max-width:390px;margin:28px 0 20px}.onboarding form .button{justify-content:space-between}
@keyframes pulse{to{opacity:.3}}@keyframes toast-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Responsive layout */
@media(min-width:1800px){:root{--sidebar:272px}.sidebar{padding-left:18px;padding-right:18px}.board-heading{padding-top:27px;padding-bottom:25px}.kanban{grid-auto-columns:minmax(310px,1fr)}}
@media(max-width:1250px){:root{--sidebar:232px}.sidebar{padding-left:12px;padding-right:12px}.filterbar{flex-wrap:wrap}.search-input{max-width:none;flex-basis:100%}.filter-controls{width:100%}.filter-controls>.button.secondary{margin-left:auto}.board-heading{gap:18px}.heading-actions .avatar-stack{display:none}.toolbar-note{font-size:10px}.flow-toolbar{flex-wrap:wrap;gap:14px}.kanban{min-height:max(360px,calc(100dvh - 390px))}.tile-footer>span:last-child{display:none}.auth-form-wrap{padding-left:8%;padding-right:8%}.auth-intro{padding-left:7%;padding-right:7%}.art-card{width:195px}.art-two{width:205px;right:0}.auth-footer>span:last-child{display:none}.board-heading-side{max-width:300px}}
@media(max-width:900px){:root{--sidebar:210px}.sidebar>.brand{font-size:21px;padding:0 6px;gap:8px}.sidebar .brand-symbol{width:29px;height:29px}.nav-item{font-size:13px;padding:10px;gap:9px}.workspace-select{margin-left:0;margin-right:0;padding:10px 8px;gap:7px}.workspace-select select{font-size:12px}.workspace-icon{width:30px;height:30px}.topbar{padding:0 22px;min-height:56px}.breadcrumbs{font-size:11px;gap:8px}.topbar-actions{gap:6px}.save-status{font-size:10px;margin-right:1px}.board-heading{padding:23px 22px;flex-wrap:wrap}.board-title-row h1{font-size:27px}.board-heading-copy{min-width:240px}.board-heading-side{width:100%;max-width:none;flex-direction:row;justify-content:space-between;align-items:center}.heading-actions{order:2}.board-completion{order:1}.heading-actions .button{font-size:12px}.board-toolbar{padding-left:22px;padding-right:22px}.toolbar-note{display:none}.filterbar{padding:18px 22px}.filter-controls{flex-wrap:wrap}.filter-select{flex:1}.filter-select select{max-width:none;min-width:80px;width:100%;font-size:12px}.filter-controls>.button.secondary{margin-left:0}.filter-controls .button{font-size:12px;padding:9px 10px}.kanban{padding:0 22px 22px;gap:14px;grid-auto-columns:minmax(280px,1fr);min-height:450px}.page-header{padding:28px 22px;align-items:flex-start}.page-header h1{font-size:26px}.page-header p{font-size:13px}.page-header>.button{font-size:12px}.section-caption{margin-left:22px;margin-right:22px;line-height:1.6;font-size:10px}.section-caption>span:last-child{font-size:11px}.board-grid{margin-left:22px;margin-right:22px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.board-preview{height:145px;padding:20px}.board-tile-info{padding:18px 16px 8px}.tile-footer{padding:8px 16px 18px;font-size:10px}.new-board-tile{min-height:270px}.team-summary,.members-table,.role-guide,#invite-list,.notification-list,.my-task-list{margin-left:22px;margin-right:22px}.role-guide{gap:18px}.team-summary{flex-wrap:wrap;gap:12px}.team-summary .button{margin-left:55px;font-size:12px}.flow-toolbar,.flow-bottom{padding-left:22px;padding-right:22px}.flow-bottom{align-items:flex-start}.flow-bottom>span:last-child{display:block;max-width:300px;line-height:1.7}.flow-bottom .icon{margin-right:4px}.auth-page{grid-template-columns:1fr 1fr}.auth-intro{padding:30px 9%}.intro-copy{margin-top:90px}.intro-copy h1{font-size:40px;letter-spacing:-1.6px}.intro-copy>p{font-size:13px}.intro-copy .eyebrow{font-size:8px}.intro-tags{gap:12px}.intro-tags span{font-size:10px}.auth-art{margin:35px -25px 0;min-height:290px}.art-one{width:178px;padding:15px;left:0;top:90px}.art-two{width:175px;padding:15px;right:0;top:0}.art-card h3{font-size:16px}.art-card p{font-size:11px}.fake-check{font-size:9px;gap:4px}.art-sticky{font-size:16px;top:235px}.auth-form-wrap{padding:30px 9% 24px}.auth-top{font-size:8px}.auth-form h2{font-size:26px}.auth-form>p{font-size:13px}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:relative;height:auto;overflow:visible;display:block;padding:18px 16px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{font-size:22px;max-width:50%;padding:0}.sidebar .brand-symbol{height:28px;width:28px}.workspace-select{position:absolute;right:16px;top:12px;width:155px;margin:0;padding:7px;gap:7px}.workspace-select .workspace-icon{height:27px;width:27px;font-size:15px}.workspace-select .tiny-label{font-size:7px;letter-spacing:.5px}.workspace-select select{font-size:11px;min-height:16px}.workspace-select>.icon{height:10px;width:10px;right:7px}.sidebar nav{display:flex;align-items:center;gap:4px;margin-top:18px;padding-bottom:10px;overflow:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav>.nav-item{width:auto;flex:none;white-space:nowrap;min-height:36px;margin:0;padding:8px 10px;font-size:12px;gap:6px}.sidebar nav>.nav-item .icon{height:15px;width:15px}.sidebar nav>.mobile-nav-item{display:flex}.nav-label,.nav-label.spaced,.board-nav,.sidebar-bottom{display:none}.nav-count{font-size:9px;padding:1px 4px}.topbar{min-height:52px;padding:0 16px;gap:12px}.breadcrumbs{max-width:65%;gap:7px;font-size:11px}.breadcrumbs>.icon{height:13px;width:13px}.topbar-actions{gap:4px}.save-status{font-size:10px}.topbar-actions>.icon-button[data-action="notifications"]{display:none}.board-heading{padding:22px 16px;gap:17px}.board-title-row{gap:9px}.board-title-row h1{font-size:26px}.board-mark{width:31px;height:31px}.board-heading-copy{min-width:0;flex-basis:100%}.board-heading-copy>p{font-size:13px;margin-top:8px}.board-meta{font-size:11px;gap:11px;margin-top:12px}.board-meta>span+span:before{margin-right:4px}.board-heading-side{gap:10px}.heading-actions{gap:4px}.heading-actions .button{font-size:12px;padding:8px 10px}.heading-actions .icon-button{height:30px;width:30px}.board-completion{gap:7px;font-size:10px}.board-completion .progress-track{width:55px}.board-toolbar{min-height:56px;padding:9px 16px}.view-tabs{gap:5px}.view-tab{font-size:13px;padding:8px 12px}.filterbar{padding:16px;gap:12px}.search-input{min-width:0;min-height:40px}.search-input input{font-size:14px}.filter-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-select{min-width:0;padding:0 10px}.filter-select select{font-size:12px;max-width:100%;min-width:0}.filter-controls .button{font-size:13px;padding:10px;min-height:40px}.kanban{padding:0 16px 20px;grid-auto-columns:minmax(280px,82vw);gap:14px;min-height:450px}.kanban-column{padding:12px 10px 10px}.column-head h2{font-size:14px}.column-head{margin-bottom:13px}.task-card{padding:15px}.task-card h3{font-size:15px}.card-description{font-size:13px}.page-header{display:block;padding:26px 16px}.page-header h1{font-size:27px}.page-header>.button{margin-top:18px;font-size:13px}.page-header p{font-size:13px}.section-caption{margin-left:16px;margin-right:16px;font-size:10px;gap:12px;align-items:flex-start}.section-caption>span:last-child{font-size:10px;max-width:150px;text-align:right}.board-grid{grid-template-columns:1fr;margin:0 16px 26px;gap:18px}.board-preview{height:160px}.board-tile-info{padding:20px 18px 10px}.board-tile-info h3{font-size:18px}.tile-footer{padding:8px 18px 20px;font-size:11px}.new-board-tile{min-height:220px}.list-view{margin:0 16px 24px}.team-summary,.members-table,.role-guide,#invite-list,.notification-list,.my-task-list{margin-left:16px;margin-right:16px}.team-summary{padding:18px;gap:12px}.team-summary h2{font-size:16px}.team-summary p{font-size:12px}.team-summary .button{margin-left:0;width:100%;font-size:12px}.member-row{padding:17px 12px;gap:9px}.member-row>.avatar{height:30px;width:30px;font-size:10px}.member-name strong{font-size:13px}.member-name>span{font-size:11px}.member-name small{font-size:10px}.role-pill{font-size:11px;padding:4px 7px}.member-row>.icon-button,.member-row>.icon-spacer{width:25px}.role-guide{grid-template-columns:1fr;gap:20px}.notification{padding:19px 11px;gap:12px}.notification p{font-size:13px}.notification>div>span{font-size:11px}.notification-icon{height:32px;width:32px}.my-task{padding:17px;gap:12px;flex-wrap:wrap}.my-task>div{min-width:calc(100% - 80px)}.my-task h3{font-size:14px}.my-task p{font-size:11px}.my-task>.priority{margin-left:33px}.my-task>.icon{margin-left:auto}.flow-toolbar{padding:17px 16px;gap:13px}.flow-hint{font-size:12px}.flow-toolbar>div:last-child{width:100%;gap:6px;flex-wrap:wrap}.flow-toolbar .primary{margin-left:auto}.flow-toolbar .button{font-size:12px;padding:8px 10px}.zoom-label{font-size:11px;min-width:32px}.flow-viewport{height:480px}.flow-bottom{display:block;padding:13px 16px;font-size:11px}.flow-bottom>span:last-child{margin-top:7px;max-width:none}dialog.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 30px);padding:22px 20px;border-radius:10px}.modal h2{font-size:23px}.modal-head{margin-bottom:22px}.form-grid{gap:17px 12px}.modal-actions{gap:9px}.modal-actions .button{font-size:12px}.checklist-heading span{font-size:10px}.checklist-heading h3{font-size:13px}.card-modal{width:calc(100vw - 24px)!important}#toasts{right:14px;bottom:14px}.auth-page{display:block}.auth-intro{min-height:0;padding:25px 7% 32px;border-right:0;border-bottom:1px solid var(--line)}.auth-intro>.brand{font-size:22px}.intro-copy{margin-top:35px}.intro-copy h1{font-size:42px;letter-spacing:-1.7px;margin:18px 0}.intro-copy h1 br{display:none}.intro-copy>p{font-size:13px}.intro-tags{margin-top:19px;gap:16px}.intro-tags span{font-size:11px}.auth-art,.auth-footer,.auth-top{display:none}.auth-form-wrap{padding:26px 8%}.auth-form{max-width:none;padding:8px 0 30px}.auth-form .small-flower{display:none}.auth-form h2{font-size:26px}.auth-form>p{margin-bottom:25px}.auth-switch{margin-top:17px}.auth-note{margin-top:22px;padding-top:18px}.onboarding{padding:25px 22px}.onboarding section{margin-top:55px}.onboarding h1{font-size:35px}.onboarding p{font-size:13px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}