.workflow-app{--font-body:"DM Sans", sans-serif;--font-heading:"Fraunces", serif;--motion-board-ease:cubic-bezier(.22, 1, .36, 1);--motion-board-duration:.24s;--board-blue:oklch(96.8% .018 240);--board-blue-ink-deep:oklch(48% .09 245);--board-blue-light:oklch(97.8% .014 200);--board-blue-ink-teal:oklch(50% .07 200);--board-blue-soft:oklch(97.9% .013 275);--board-blue-ink-violet:oklch(52% .07 275);--board-blue-ink:oklch(52% .06 225);--board-peach:oklch(97.9% .014 45);--board-peach-ink:oklch(55% .11 43);--board-yellow:oklch(98.5% .019 80);--board-yellow-ink:oklch(59% .09 75);--board-green:oklch(98% .012 145);--board-green-ink:oklch(52% .06 145);--task-focus-foreground:oklch(99% 0 0);--tag-rose:oklch(93.5% .035 5);--tag-rose-ink:oklch(45% .07 5);--tag-lilac:oklch(94% .03 305);--tag-lilac-ink:oklch(45% .065 305);--tag-teal:oklch(94% .025 185);--tag-teal-ink:oklch(44% .06 185);--shadow-task:0 3px 12px oklch(29% .015 145/.055);--shadow-modal:0 24px 80px oklch(29% .015 145/.18);--overlay:oklch(25% .015 145/.35);--background:oklch(98.1% .004 110);--foreground:oklch(29% .015 145);--card:oklch(100% 0 0);--primary:oklch(46% .04 155);--primary-foreground:oklch(98.4% .003 247);--muted-foreground:oklch(54% .016 145);--border:oklch(90% .01 140);--secondary:oklch(96.8% .007 247);--accent:var(--secondary);font-family:var(--font-body);letter-spacing:0;color:var(--foreground);background:var(--background);margin:0}.workflow-app *{box-sizing:border-box}.workflow-app button,.workflow-app input,.workflow-app select{font:inherit}.workflow-app .board-button{color:inherit;box-shadow:none;background:0 0;border:0}.workflow-app .board-control{height:auto;font-size:inherit;font-weight:inherit;white-space:normal;padding:0}.workflow-app .app-shell{min-height:100vh}.workflow-app .topbar{border-bottom:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;height:68px;padding:0 4%;display:flex}.workflow-app .brand,.workflow-app .topbar-actions{align-items:center;gap:12px;display:flex}.workflow-app .brand{color:var(--muted-foreground);font-size:15px;font-weight:500}.workflow-app .brand-mark{background:var(--foreground);width:34px;height:34px;color:var(--background);font-family:var(--font-heading);border-radius:8px 8px 8px 3px;place-items:center;font-size:20px;display:grid}.workflow-app .search-box{border:1px solid var(--border);background:var(--card);width:270px;height:40px;color:var(--muted-foreground);border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.workflow-app .search-box input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;font-size:14px}.workflow-app .primary-button{background:var(--primary);min-height:40px;color:var(--primary-foreground);border-radius:6px;gap:7px;padding:0 15px;font-size:14px;font-weight:600}.workflow-app .primary-button:hover{background:color-mix(in oklch, var(--primary), var(--foreground) 12%)}.workflow-app .board-ghost{white-space:nowrap;border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--muted-foreground);border-radius:10px;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;box-shadow:0 1px 2px oklch(29% .015 145/.04)}.workflow-app .board-ghost:hover{border-color:color-mix(in oklch, var(--foreground), transparent 70%);background:color-mix(in oklch, var(--foreground), var(--card) 97%);color:var(--foreground);transform:translateY(-1px);box-shadow:0 5px 16px oklch(29% .015 145/.09)}.workflow-app .board-ghost:active{transform:translateY(0);box-shadow:0 1px 2px oklch(29% .015 145/.04)}.workflow-app .board-ghost svg{opacity:.75;transition:opacity .16s}.workflow-app .board-ghost:hover svg{opacity:1}.workflow-app .account-actions{align-items:center;gap:8px;display:flex}.workflow-app .topbar-divider{background:var(--border);width:1px;height:28px;margin:0 4px}.workflow-app .count-pill{background:color-mix(in oklch, var(--foreground), transparent 88%);min-width:20px;height:20px;color:var(--foreground);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:600;line-height:1;display:inline-grid}.workflow-app .requests-pending{border-color:color-mix(in oklch, var(--board-peach-ink), transparent 55%);color:var(--foreground)}.workflow-app .requests-pending .count-pill{background:var(--board-peach-ink);color:var(--card);box-shadow:0 0 0 3px color-mix(in oklch, var(--board-peach-ink), transparent 86%)}@media (width<=720px){.workflow-app .topbar{flex-wrap:wrap;row-gap:10px;height:auto;min-height:68px;padding:12px 14px}.workflow-app .topbar-actions{flex-wrap:wrap;gap:8px;width:100%}.workflow-app .topbar-actions>*{flex-shrink:0}.workflow-app .search-box{flex:130px;width:auto;min-width:110px}.workflow-app .primary-button{white-space:nowrap}.workflow-app .topbar-divider{display:none}.workflow-app .board-ghost{padding:0 10px}.workflow-app .board-ghost .btn-label{display:none}}@media (width<=560px){.workflow-app .primary-button{padding:0 12px}.workflow-app .primary-button .btn-label{display:none}}.workflow-app .intro{justify-content:space-between;align-items:baseline;gap:16px;padding:38px 4% 30px;display:flex}.workflow-app h1{font-family:var(--font-heading);margin:0;font-size:40px;font-weight:500;line-height:1.2}.workflow-app .task-summary{color:var(--muted-foreground);margin:0;font-size:14px}.workflow-app .task-summary strong{color:var(--foreground);font-weight:500}.workflow-app .task-summary span{padding:0 9px}.workflow-app .workspace{padding:0 4% 48px}.workflow-app .board-group{color:var(--muted-foreground);align-items:center;gap:14px;font-size:13px;font-weight:500;display:flex}.workflow-app .group-line{background:var(--border);flex:1;height:1px}.workflow-app .board{align-items:stretch;gap:28px 18px;padding-bottom:16px;display:grid}.workflow-app .board-group-block{flex-direction:column;gap:14px;min-width:0;display:flex}.workflow-app .group-grid{flex:1;grid-auto-rows:minmax(260px,auto);gap:18px;display:grid}.workflow-app .column-wide{grid-column:1/-1}.workflow-app .column{background:var(--c-tint);--column-ink:var(--c-ink);--task-focus-background:var(--c-focus);flex-direction:column;min-width:0;display:flex}.workflow-app .column-children{flex-direction:column;gap:12px;margin-top:auto;padding-top:18px;display:flex}.workflow-app .column-nested{box-shadow:0 6px 18px -10px color-mix(in oklch, var(--c-ink), transparent 40%);min-height:200px;margin:0 -2px -2px}.workflow-app .column-host>.task-list{min-height:40px}.workflow-app [data-color]{--c-focus:var(--card);--c-focus-ink:oklch(from var(--c-ink) .34 .11 h);--c-focus-ring:oklch(from var(--c-ink) .55 .14 h);--c-tag:color-mix(in oklch, var(--c-ink) 15%, white);--c-tag-ink:color-mix(in oklch, var(--c-ink) 85%, black)}.workflow-app [data-color=blue]{--c-tint:var(--board-blue);--c-ink:var(--board-blue-ink-deep)}.workflow-app [data-color=teal]{--c-tint:var(--board-blue-light);--c-ink:var(--board-blue-ink-teal);--c-tag:var(--tag-teal);--c-tag-ink:var(--tag-teal-ink)}.workflow-app [data-color=violet]{--c-tint:var(--board-blue-soft);--c-ink:var(--board-blue-ink-violet)}.workflow-app [data-color=peach]{--c-tint:var(--board-peach);--c-ink:var(--board-peach-ink);--c-focus-ink:oklch(36% .11 15);--c-focus-ring:oklch(55% .14 15)}.workflow-app [data-color=sand]{--c-tint:var(--board-yellow);--c-ink:var(--board-yellow-ink);--c-tag:var(--board-yellow);--c-tag-ink:var(--board-yellow-ink)}.workflow-app [data-color=green]{--c-tint:var(--board-green);--c-ink:var(--board-green-ink)}.workflow-app [data-color=rose]{--c-tint:oklch(97.8% .014 5);--c-ink:oklch(52% .09 5);--c-tag:var(--tag-rose);--c-tag-ink:var(--tag-rose-ink)}.workflow-app [data-color=lilac]{--c-tint:oklch(97.8% .014 305);--c-ink:oklch(50% .08 305);--c-tag:var(--tag-lilac);--c-tag-ink:var(--tag-lilac-ink)}.workflow-app [data-color=sky]{--c-tint:oklch(97.5% .016 220);--c-ink:oklch(50% .09 225)}.workflow-app [data-color=slate]{--c-tint:oklch(97.2% .005 250);--c-ink:oklch(45% .025 250)}.workflow-app .column{--task-focus-background:var(--c-focus);--task-focus-foreground:var(--card-foreground);--task-focus-ring:var(--c-focus-ring);--note-background:color-mix(in oklch, var(--column-ink) 7%, white);--note-mark:color-mix(in oklch, var(--column-ink) 12%, white);--note-foreground:color-mix(in oklch, var(--column-ink) 82%, black);border:1px solid color-mix(in oklch, var(--column-ink), transparent 85%);border-top:3px solid color-mix(in oklch, var(--column-ink), transparent 40%);transition:border-color var(--motion-board-duration) ease;border-radius:9px;padding:15px 12px}.workflow-app .column.drag-over{border-color:var(--column-ink)}.workflow-app .column-header{align-items:center;gap:8px;padding:2px 3px 14px;display:flex}.workflow-app .column-header h3{border-left:3px solid var(--column-ink);margin:0;padding-left:10px;font-size:18px;font-weight:500;line-height:1.6}.workflow-app .column-count{background:var(--card);min-width:22px;height:22px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;margin-left:auto;font-size:12px;display:grid}.workflow-app .task-list{flex-direction:column;gap:9px;display:flex}.workflow-app .task-card{border:1px solid var(--border);background:var(--card);cursor:grab;transition:box-shadow var(--motion-board-duration) ease, border-color var(--motion-board-duration) ease, opacity .18s ease;border-radius:6px;padding:14px;position:relative}.workflow-app .task-card:hover{border-color:color-mix(in oklch,var(--border),var(--primary) 30%);box-shadow:var(--shadow-task)}.workflow-app .task-card.task-focused{--foreground:var(--task-focus-foreground);--border:color-mix(in srgb, var(--task-focus-foreground) 30%, transparent);--input:var(--border);--ring:var(--task-focus-foreground);--secondary:color-mix(in srgb, var(--task-focus-background) 90%, var(--task-focus-foreground));border-color:var(--task-focus-ring);background:var(--task-focus-background);color:var(--task-focus-foreground);box-shadow:0 0 0 2px var(--task-focus-ring)}.workflow-app .task-focused .focus-button,.workflow-app .task-focused .focus-button:hover,.workflow-app .task-focused .focus-button[aria-pressed=true]{color:var(--task-focus-foreground);background:0 0}.workflow-app .task-focused .task-tag,.workflow-app .task-focused .complete-button{color:var(--task-focus-foreground)}.workflow-app .task-focused .task-tag{background:var(--secondary)}.workflow-app .task-focused .task-tag:hover{background:color-mix(in srgb, var(--task-focus-background) 86%, var(--task-focus-foreground))}.workflow-app .task-focused .note-button.has-note{color:var(--note-foreground);background:var(--note-mark)}.workflow-app .task-focused .task-note{color:var(--note-foreground);background:var(--note-background)}.workflow-app .task-focused .tag-menu{--foreground:var(--popover-foreground);--muted-foreground:var(--popover-foreground);--border:color-mix(in srgb, var(--popover-foreground) 15%, var(--popover))}.workflow-app .task-focused .tag-active{box-shadow:0 0 0 2px var(--task-focus-background), 0 0 0 3.5px var(--task-focus-foreground)}.workflow-app .focus-button{width:26px;height:26px;color:var(--muted-foreground);border-radius:999px;flex-shrink:0}.workflow-app .focus-button:hover{color:var(--task-focus-ring);background:var(--secondary)}.workflow-app .focus-button[aria-pressed=true]{color:var(--task-focus-ring);background:var(--card)}.workflow-app .tag-active{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px color-mix(in oklch, var(--foreground), transparent 10%)}.workflow-app .task-card.dragging{opacity:.45;cursor:grabbing}.workflow-app .task-card:before,.workflow-app .task-card:after{content:"";background:var(--column-ink);pointer-events:none;opacity:0;height:2px;transition:opacity .14s ease, transform .18s var(--motion-board-ease);border-radius:2px;position:absolute;left:0;right:0;transform:scaleX(.94)}.workflow-app .task-card:before{top:-5px}.workflow-app .task-card:after{bottom:-5px}.workflow-app .task-card.drop-before:before,.workflow-app .task-card.drop-after:after{opacity:1;transform:scaleX(1)}.workflow-app .card-topline{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.workflow-app .task-titles{flex-wrap:wrap;flex:1 1 0;align-items:baseline;gap:2px 8px;min-width:min-content;display:flex}.workflow-app .client-name{text-align:left;white-space:nowrap;justify-content:flex-start;font-size:15px;font-weight:600;line-height:1.4}.workflow-app .project-name{color:var(--muted-foreground);text-align:left;white-space:normal;overflow-wrap:anywhere;justify-content:flex-start;min-width:0;font-size:15px;line-height:1.4}.workflow-app .project-name-empty{opacity:.7;font-size:13px}.workflow-app .task-card:hover .project-name-empty,.workflow-app .task-card:focus-within .project-name-empty{opacity:1}.workflow-app .card-actions{flex-shrink:0;align-items:center;gap:6px;height:26px;display:flex}.workflow-app .note-button,.workflow-app .add-tag-button{border:1px solid var(--border);width:26px;height:26px;color:var(--muted-foreground);border-radius:999px}.workflow-app .note-button:hover,.workflow-app .add-tag-button:hover{background:var(--secondary)}.workflow-app .note-button.has-note{color:var(--note-foreground);background:var(--note-mark);border-color:color-mix(in oklch, var(--column-ink), transparent 72%)}.workflow-app .grip{color:var(--muted-foreground);opacity:.45}.workflow-app .tag-control{position:relative}.workflow-app .task-tag,.workflow-app .tag-option{border-radius:4px;padding:4px 9px;font-size:12px;font-weight:500}.workflow-app .task-tag[data-color],.workflow-app .tag-option[data-color]{background:var(--c-tag);color:var(--c-tag-ink)}.workflow-app .tag-menu{z-index:10;border:1px solid var(--border);background:var(--popover);min-width:125px;box-shadow:var(--shadow-task);border-radius:6px;flex-direction:column;gap:5px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.workflow-app .tag-option{justify-content:flex-start}.workflow-app .waiting-tag{border:1px solid color-mix(in srgb, var(--muted-foreground) 55%, transparent);color:var(--muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.workflow-app .waiting-tag:hover{border-color:var(--foreground);color:var(--foreground)}.workflow-app .task-focused .waiting-tag{color:var(--task-focus-foreground);border-color:color-mix(in srgb, var(--task-focus-foreground) 60%, transparent)}.workflow-app .waiting-input{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:3px;padding-top:7px;display:flex}.workflow-app .waiting-input-row{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;display:flex}.workflow-app .waiting-input-row input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font-size:12px}.workflow-app .waiting-suggest{text-align:left;color:var(--foreground);cursor:pointer;background:0 0;border-radius:4px;padding:4px 9px;font-size:12px}.workflow-app .waiting-suggest:hover,.workflow-app .waiting-suggest.is-active{background:var(--secondary)}.workflow-app .title-input,.workflow-app .project-input,.workflow-app .note-input{border:1px solid var(--input);background:var(--card);width:100%;max-width:100%;color:var(--foreground);border-radius:4px;padding:6px 9px;font-size:14px}.workflow-app .note-input{resize:none;font:inherit;margin-top:9px;font-size:14px;line-height:1.45;display:block;overflow:hidden}.workflow-app .task-note{background:var(--note-background);width:100%;color:var(--note-foreground);text-align:left;border-radius:4px;justify-content:flex-start;align-items:flex-start;gap:6px;margin-top:8px;padding:8px;font-size:13px}.workflow-app .task-note span{overflow-wrap:anywhere;white-space:pre-wrap}.workflow-app .note-reveal{opacity:0;visibility:hidden;transition:grid-template-rows var(--motion-board-duration) var(--motion-board-ease), opacity .18s ease, visibility 0s var(--motion-board-duration);grid-template-rows:0fr;display:grid}.workflow-app .note-reveal-content{min-height:0;overflow:hidden}.workflow-app .task-card:hover .note-reveal,.workflow-app .task-card:focus-within .note-reveal,.workflow-app .note-reveal.is-editing{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}@media (hover:none){.workflow-app .note-reveal{opacity:1;visibility:visible;grid-template-rows:1fr}}.workflow-app .complete-button{border-top:1px solid var(--border);color:var(--board-green-ink);align-items:center;gap:6px;margin-top:10px;padding-top:9px;font-size:12px;display:flex}.workflow-app .check-circle{place-items:center;display:grid}.workflow-app .task-card.task-done{padding:10px 14px}.workflow-app .task-done .card-topline{flex-wrap:nowrap;align-items:center;gap:10px}.workflow-app .done-check{width:16px;height:22px;color:var(--column-ink);flex:none;place-items:center;display:grid}.workflow-app .task-done .task-titles{flex-wrap:nowrap;gap:0 10px;min-width:0}.workflow-app .task-done .client-name{text-overflow:clip;white-space:nowrap;overflow-wrap:normal;min-width:0;color:color-mix(in oklch, var(--muted-foreground) 70%, var(--card));flex:none;font-size:15px;line-height:1.5;display:block;overflow:visible}.workflow-app .task-done .project-name{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;min-width:0;color:color-mix(in oklch, var(--muted-foreground) 48%, var(--card));flex:auto;font-size:15px;line-height:1.5;display:block;overflow:hidden}.workflow-app .task-done .card-actions{margin-top:0}.workflow-app .task-card.task-done .focus-button,.workflow-app .task-card.task-done .grip{display:none}.workflow-app .modal-backdrop{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.workflow-app .modal{z-index:51;background:var(--card);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-modal);border-radius:8px;padding:25px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.workflow-app .modal-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.workflow-app .kicker{color:var(--muted-foreground);margin:0 0 5px;font-size:13px}.workflow-app .modal-header h2{font-family:var(--font-heading);margin:0;font-size:28px;font-weight:500}.workflow-app .icon-button{border-radius:4px;width:30px;height:30px}.workflow-app .icon-button:hover{background:var(--secondary)}.workflow-app .modal form{flex-direction:column;gap:15px;display:flex}.workflow-app .modal label{flex-direction:column;gap:7px;font-size:14px;font-weight:500;display:flex}.workflow-app .modal input,.workflow-app .modal select{border:1px solid var(--input);background:var(--background);width:100%;height:42px;color:var(--foreground);border-radius:5px;padding:0 10px;font-size:15px}.workflow-app .modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.workflow-app .form-field{flex-direction:column;gap:7px;font-size:14px;font-weight:500;display:flex}.workflow-app .form-field .field-label{font-weight:500;display:block}.workflow-app .label-hint{color:var(--muted-foreground);font-size:12px;font-weight:400}.workflow-app .tag-picker{flex-wrap:wrap;gap:7px;display:flex}.workflow-app .tag-picker .tag-option{opacity:.5;padding:7px 14px;font-size:14px}.workflow-app .tag-picker .tag-option.tag-picked{opacity:1}.workflow-app .modal textarea{border:1px solid var(--input);background:var(--background);width:100%;min-height:74px;color:var(--foreground);resize:vertical;border-radius:5px;padding:9px 10px;font-family:inherit;font-size:15px}.workflow-app .secondary-button{border:1px solid var(--border);border-radius:6px;height:40px;padding:0 15px;font-size:14px}.workflow-app input:focus-visible,.workflow-app select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width<=720px){.workflow-app .topbar{padding:12px 14px}.workflow-app .brand>span:last-child{display:none}.workflow-app .intro{flex-wrap:wrap;gap:10px;padding:30px 18px 24px}.workflow-app h1{font-size:32px}.workflow-app .workspace{padding:0 18px 30px}.workflow-app .board{gap:12px}.workflow-app .project-name-empty{opacity:1}}@media (prefers-reduced-motion:reduce){.workflow-app *,.workflow-app :before,.workflow-app :after{transition:none!important;animation:none!important}}.workflow-app .auth-page{background:var(--background);place-items:center;min-height:100vh;padding:2rem;display:grid}.workflow-app .auth-card{border:1px solid var(--border);background:var(--card);width:100%;max-width:24rem;color:var(--foreground);border-radius:1rem;flex-direction:column;gap:.9rem;padding:2rem;display:flex}.workflow-app .auth-card h1{font-family:Fraunces,serif;font-size:1.9rem;font-weight:600}.workflow-app .auth-sub{color:var(--muted-foreground);margin-top:-.5rem}.workflow-app .auth-card label{flex-direction:column;gap:.35rem;font-size:.95rem;font-weight:500;display:flex}.workflow-app .auth-card input{border:1px solid var(--border);background:var(--background);border-radius:.6rem;padding:.65rem .8rem;font-size:1rem}.workflow-app .auth-divider{color:var(--muted-foreground);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.workflow-app .auth-divider:before,.workflow-app .auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.workflow-app .auth-msg{color:var(--muted-foreground);font-size:.9rem}.workflow-app .auth-switch{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;font-size:.9rem;text-decoration:underline}.workflow-app .auth-card textarea{border:1px solid var(--border);background:var(--background);resize:vertical;border-radius:.6rem;padding:.65rem .8rem;font-family:inherit;font-size:1rem}.workflow-app .requests-modal{flex-direction:column;gap:.9rem;display:flex}.workflow-app .requests-title{font-family:Fraunces,serif;font-size:1.6rem;font-weight:600}.workflow-app .requests-list{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.workflow-app .requests-list li{border:1px solid var(--border);border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.workflow-app .requests-list li>div:first-child{flex-direction:column;gap:.15rem;display:flex}.workflow-app .requests-list span,.workflow-app .requests-list p{color:var(--muted-foreground);font-size:.9rem}.workflow-app .requests-actions{gap:.5rem;display:flex}.workflow-app .inline-edit{min-width:0;max-width:100%;display:inline-block;position:relative}.workflow-app .inline-edit-input{field-sizing:content;min-width:2ch;max-width:100%;color:inherit;caret-color:var(--foreground);background:0 0;border:0;outline:none;margin:0;padding:0;font-family:inherit}.workflow-app .inline-edit-input.project-name{color:var(--muted-foreground)}.workflow-app .inline-edit-input::placeholder{color:var(--muted-foreground);opacity:.7}.workflow-app .inline-suggest{z-index:30;background:var(--popover);min-width:160px;color:var(--popover-foreground);border:1px solid var(--border);border-radius:6px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 18px oklch(0% 0 0/.08)}.workflow-app .inline-suggest-item{cursor:pointer;white-space:nowrap;border-radius:4px;padding:6px 9px;font-size:14px}.workflow-app .inline-suggest-item:hover,.workflow-app .inline-suggest-item.is-active{background:var(--accent)}.workflow-app .column-header-end{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.workflow-app .column-add{width:26px;height:26px;color:var(--column-ink);border:1px dashed color-mix(in oklch, var(--column-ink), transparent 50%);opacity:.75;border-radius:6px;justify-content:center;font-size:18px;line-height:1}.workflow-app .column-add:hover{opacity:1;background:color-mix(in oklch, var(--column-ink), transparent 88%)}.workflow-app .topbar,.workflow-app .intro,.workflow-app .workspace{--page-max:1500px;padding-left:max(4%, calc((100% - var(--page-max)) / 2));padding-right:max(4%, calc((100% - var(--page-max)) / 2))}.workflow-app .collapse-toggle{color:var(--muted-foreground);border:1px solid var(--border);background:var(--card);border-radius:999px;padding:2px 8px;font-size:12px;display:none}@media (width<=1100px){.workflow-app .board{grid-template-columns:minmax(0,1fr)!important}.workflow-app .group-grid{grid-auto-rows:auto}.workflow-app .column-nested{min-height:0}}@media (width<=720px){.workflow-app .topbar,.workflow-app .intro,.workflow-app .workspace{padding-left:14px;padding-right:14px}.workflow-app .search-box{flex:100%;order:-1}.workflow-app .board{gap:22px}.workflow-app .group-grid{gap:14px;grid-template-columns:minmax(0,1fr)!important}.workflow-app .column-children{padding-top:12px}.workflow-app .note-button,.workflow-app .add-tag-button,.workflow-app .column-add{width:36px;height:36px}.workflow-app .card-actions{height:36px}.workflow-app .note-reveal{opacity:1;visibility:visible;grid-template-rows:1fr}.workflow-app .collapse-toggle{display:inline-flex}.workflow-app .column.is-collapsed>.task-list{display:none}.workflow-app .column.is-collapsed>.column-header{padding-bottom:2px}}@media (width<=1100px) and (width>=721px){.workflow-app .topbar{flex-wrap:wrap;row-gap:10px;height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}.workflow-app .topbar-actions{flex-wrap:wrap;gap:8px}.workflow-app .search-box{width:220px}.workflow-app .primary-button{white-space:nowrap}}@media (width<=1100px){.workflow-app .task-card{padding:10px 12px}.workflow-app .client-name,.workflow-app .project-name{font-size:14px;line-height:1.35}.workflow-app .card-actions{gap:4px}.workflow-app .task-list{gap:7px}.workflow-app .complete-button{margin-top:7px;padding-top:6px}.workflow-app .task-note{margin-top:6px;padding:6px 8px;font-size:12.5px}}@media (width<=720px){.workflow-app .note-button,.workflow-app .add-tag-button,.workflow-app .focus-button{width:30px;height:30px}.workflow-app .card-actions{height:30px}.workflow-app .grip{display:none}.workflow-app .column{padding:12px 10px}}.workflow-app .more-button{padding:0 11px}.workflow-app .board-menu{z-index:60;border:1px solid var(--border);background:var(--popover);min-width:230px;color:var(--popover-foreground);box-shadow:var(--shadow-modal);border-radius:10px;padding:6px}.workflow-app .board-menu-item{cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:9px;padding:9px 10px;font-size:14px;display:flex}.workflow-app .board-menu-item[data-highlighted]{background:var(--secondary)}.workflow-app .board-menu-sep{background:var(--border);height:1px;margin:5px 4px}.workflow-app .wide-modal{width:min(760px,100% - 32px)}.workflow-app .editor-modal{width:min(1040px,100% - 32px)}.workflow-app .setup-page{padding-bottom:60px}.workflow-app .setup-page .editor{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:24px}.workflow-app .editor{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.workflow-app .editor-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.workflow-app .editor-main{flex-direction:column;gap:26px;display:flex}.workflow-app .editor-block{flex-direction:column;gap:12px;display:flex}.workflow-app .editor-heading{font-family:var(--font-heading);margin:0;font-size:20px;font-weight:500}.workflow-app .editor-group{border:1px solid var(--border);background:var(--background);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.workflow-app .editor-group-head{align-items:center;gap:6px;display:flex}.workflow-app .editor-group-title{flex:1;font-weight:600;font-size:15px!important}.workflow-app .editor input:not([type=checkbox]),.workflow-app .editor select,.workflow-app .editor-step select,.workflow-app .editor-field input,.workflow-app .history-label{border:1px solid var(--input);background:var(--card);height:38px;color:var(--foreground);border-radius:6px;min-width:0;padding:0 10px;font-size:14px}.workflow-app .editor-section{background:var(--c-tint);border-left:3px solid var(--c-ink);border-radius:8px;flex-direction:column;gap:9px;padding:11px;display:flex}.workflow-app .editor-section-top{align-items:center;gap:6px;display:flex}.workflow-app .editor-section-top input{flex:1}.workflow-app .editor-section-opts{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.workflow-app .editor-section-opts label{flex-direction:row;align-items:center;gap:6px;font-weight:400;display:inline-flex}.workflow-app .editor .editor-section-opts select{height:32px;font-size:13px}.workflow-app .editor .editor-check input{width:16px;height:16px}.workflow-app .editor-add{border:1px dashed var(--border);color:var(--muted-foreground);border-radius:6px;align-self:flex-start;padding:6px 10px;font-size:13px}.workflow-app .editor-add:hover{color:var(--foreground);border-color:var(--foreground)}.workflow-app .editor-tag{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workflow-app .editor .editor-tag input.task-tag{background:var(--c-tag);width:140px;height:32px;color:var(--c-tag-ink);border:0;font-weight:500}.workflow-app .swatches{flex-wrap:wrap;gap:6px;display:flex}.workflow-app .swatch{border:2px solid var(--card);background:var(--c-ink);width:22px;height:22px;box-shadow:0 0 0 1px color-mix(in oklch, var(--c-ink), transparent 60%);cursor:pointer;border-radius:999px;padding:0}.workflow-app .swatch.is-picked{box-shadow:0 0 0 2px var(--foreground)}.workflow-app .template-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.workflow-app .template-card{text-align:left;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:14px;font-size:14px;display:flex}.workflow-app .template-card span{color:var(--muted-foreground);font-size:13px}.workflow-app .template-card.is-picked{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground)}.workflow-app .editor-step{flex-direction:column;gap:14px;display:flex}.workflow-app .editor-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;flex-direction:row!important;font-weight:400!important;display:flex!important}.workflow-app .editor-row select{width:auto!important}.workflow-app .editor-field{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.workflow-app .mini-board{border:1px solid var(--border);background:var(--background);border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.workflow-app .mini-group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.workflow-app .mini-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.workflow-app .mini-section{background:var(--c-tint);border-top:3px solid var(--c-ink);border-radius:6px;flex-direction:column;gap:4px;padding:8px;font-size:12px;font-weight:500;display:flex}.workflow-app .mini-section i{background:var(--card);border-radius:3px;height:8px;display:block}.workflow-app .mini-nested{margin-top:4px}.workflow-app .mini-empty{color:var(--muted-foreground);font-size:12px}.workflow-app .mini-tags{flex-wrap:wrap;gap:5px;display:flex}.workflow-app .import-drop{text-align:center;border:1.5px dashed var(--border);color:var(--muted-foreground);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:26px 18px;display:flex}.workflow-app .import-drop p{color:var(--foreground);margin:0}.workflow-app .import-hint{color:var(--muted-foreground);margin:0;font-size:13px}.workflow-app .import-drop .import-hint{color:var(--muted-foreground)}.workflow-app .import-error{color:var(--destructive);margin:6px 0 0;font-size:13px}.workflow-app .import-review{flex-direction:column;gap:12px;display:flex}.workflow-app .import-table{border:1px solid var(--border);border-radius:8px;max-height:50vh;overflow:auto}.workflow-app .import-row{border-bottom:1px solid var(--border);grid-template-columns:1.2fr 1fr 1fr 1.4fr 30px;align-items:center;gap:6px;padding:6px 8px;display:grid}.workflow-app .modal .import-row input,.workflow-app .modal .import-row select,.workflow-app .import-row input,.workflow-app .import-row select{height:32px;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:5px;min-width:0;padding:0 7px;font-size:13px}.workflow-app .import-row input:hover,.workflow-app .import-row input:focus,.workflow-app .import-row select:hover{border-color:var(--input)!important;background:var(--card)!important}.workflow-app .import-head{z-index:1;background:var(--card);color:var(--muted-foreground);font-size:12px;font-weight:600;position:sticky;top:0}.workflow-app .import-ready{background:var(--secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.workflow-app .history-list{flex-direction:column;gap:10px;display:flex}.workflow-app .history-item{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.workflow-app .history-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workflow-app .modal .history-label{flex:1;width:auto;min-width:180px;font-weight:500}.workflow-app .history-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workflow-app .requests-list li,.workflow-app .requests-actions{flex-wrap:wrap}@media (width<=860px){.workflow-app .editor{grid-template-columns:minmax(0,1fr)}.workflow-app .editor-side{position:static}.workflow-app .import-row{grid-template-columns:1fr 1fr 30px}.workflow-app .import-head{display:none}}.workflow-app.app-shell{min-height:0}.workflow-app .topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}.workflow-app .client-name{white-space:normal;overflow-wrap:anywhere}.workflow-app .task-titles{min-width:0}.workflow-app .card-actions{flex-wrap:wrap;height:auto}.workflow-app .mini-group-title{letter-spacing:0}.workflow-app .card-actions{flex-shrink:1;min-width:0;max-width:100%}.workflow-app .task-titles{flex-basis:100%}.workflow-app .waiting-tag{white-space:normal;overflow-wrap:anywhere;max-width:100%}.workflow-app .task-done .card-topline{flex-wrap:wrap}.workflow-app .task-done .task-titles{flex-basis:auto}