/* A floating task window keeps the project in view. */
#overlay:has(.task-detail) .overlay-shade{background:#0506089c;backdrop-filter:blur(1px)}
.task-detail{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1540px,92vw);height:min(940px,90vh);border:1px solid #34353b;border-radius:14px;overflow:hidden;box-shadow:0 28px 110px #000b}
.task-detail-header{height:55px;min-height:55px;padding:0 18px;background:#151618}.task-detail-layout{grid-template-columns:minmax(0,1fr) 340px}.task-main-content{padding:29px 36px 40px}.task-title-editor{font-size:28px}.task-properties{column-gap:24px}.task-property>label{width:100px}.task-detail .task-description-editor{font-size:16px}.task-detail .task-dates input{width:109px}.task-detail .task-dates{flex-wrap:nowrap}.task-detail .task-dates span{display:inline}

/* Compact cards, softly tinted lists and editable status badges. */
.board{display:flex;align-items:flex-start;gap:12px;overflow:auto;min-height:58vh;padding:3px 2px 24px;scrollbar-width:thin;scrollbar-color:#494952 #151618}
.board-column{flex:0 0 256px;width:256px;min-height:92px;padding:10px 8px 8px;background:var(--column-bg);border:1px solid #ffffff04;border-radius:12px}
.board-column.drag-over{background:color-mix(in srgb,var(--column-color) 15%,#141517);border:1px solid var(--column-color)}
.column-head{padding:0 3px 10px;gap:8px;min-height:30px}.column-label{max-width:calc(100% - 50px);display:inline-flex;gap:5px;align-items:center;color:#fff;background:color-mix(in srgb,var(--column-color) 50%,#202124);border:1px solid color-mix(in srgb,var(--column-color) 65%,#202124);border-radius:5px;padding:3px 6px;font-size:11px;line-height:1.2;font-weight:500;text-transform:uppercase;letter-spacing:.05px;white-space:nowrap}.column-label>span{overflow:hidden;text-overflow:ellipsis}.column-label>svg{width:13px;height:13px;flex-shrink:0}.column-label:hover{filter:brightness(1.18)}.column-head .count{color:var(--column-color);font-size:12px;margin:0}.column-menu{margin-left:auto;flex-shrink:0;opacity:.6;width:22px;height:22px}.column-menu:hover{opacity:1}.column-menu svg{width:16px;height:16px}
.board .task-card{background:#1b1c1f;border:1px solid #303136;border-radius:11px;padding:12px 11px 10px;margin:0 0 7px;box-shadow:none}.board .task-card:hover,.board .task-card:focus-visible{background:#222327;border-color:color-mix(in srgb,var(--column-color) 65%,#555);transform:none;box-shadow:0 3px 15px #0002}
.board .task-title{font-size:15px;line-height:1.5;font-weight:400;letter-spacing:0;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#fff}.board .task-card.done .task-title{color:#e1e3e8}.card-code{color:#d3d5dd;white-space:nowrap}.card-signals{display:flex;align-items:center;gap:10px;color:#a1a4b0;min-height:17px;margin-bottom:10px;font-size:11px}.card-signals>span{display:inline-flex;gap:4px;align-items:center}.card-signals svg{height:13px;width:13px}.card-signals .card-urgent{margin-left:auto;color:#f39090}.card-schedule{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:11px}.card-schedule .avatar{width:23px;height:23px;font-size:9px;border:1px solid #414149;border-radius:6px;flex-shrink:0}.card-dates{display:flex;align-items:center;gap:5px;border:1px solid #35363b;background:#1a1b1e;padding:3px 5px;border-radius:5px;font-size:11px;color:#e1e3e9;line-height:1.25;white-space:nowrap}.card-dates svg{width:13px;height:13px;color:#b1b6c1;flex-shrink:0}.card-dates.overdue{color:#ff9e9e}.card-subtasks{display:flex;align-items:center;gap:7px;min-height:20px;font-size:12px;color:#e9eaf0}.card-subtasks>svg{width:14px;height:14px;color:#989dab}.card-link{margin-left:auto;display:flex;align-items:center;gap:4px;color:#aaaebb;font-size:11px}.card-link svg{width:12px;height:12px}
.board .column-add{color:var(--column-color);font-size:13px;line-height:1.5;padding:7px 4px;gap:7px}.board .column-add:hover{color:#fff;background:#ffffff08}.board .column-add svg{width:14px;height:14px}.board-add-column{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex:0 0 212px;padding:13px 15px;min-height:45px;border:1px dashed #41434b;border-radius:9px;font-size:13px;color:#bfc1ce;background:#18191c;text-align:left}.board-add-column svg{width:16px;height:16px}.board-add-column:hover{background:#24222e;color:#fff;border-color:#9b8bc6}.board-note{justify-content:flex-start;font-size:11px;color:#a1a4af;margin-top:10px;line-height:1.6}.toolbar{flex-wrap:wrap;row-gap:9px}.toolbar-group{flex-wrap:wrap}

.column-editor{background:#1b1c20;width:min(460px,calc(100vw - 30px));padding:25px}.column-editor .sub{font-size:12px;color:#b4b7c3;margin:10px 0 22px}.column-editor label{font-size:13px;color:#d5d6df;margin:19px 0 10px}.column-editor #column-name{font-size:15px;min-height:41px;background:#131417;border-color:#3a3c44;color:#fff}.column-editor-preview{display:flex;align-items:center;gap:9px;padding:17px 14px;border:1px solid #363740;border-radius:10px;background:color-mix(in srgb,var(--column-color) 6%,#17181c);min-height:61px}.column-editor-preview .column-label{max-width:270px;font-size:12px}.column-editor-preview .count{font-size:12px;color:var(--column-color)}.preview-caption{margin-left:auto;font-size:10px;color:#989dab}.column-color-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:7px}.column-color{width:100%;aspect-ratio:1;display:grid;place-items:center;background:var(--swatch);border-radius:50%;border:2px solid transparent;outline:2px solid transparent;outline-offset:2px;color:#15151b;padding:2px}.column-color:hover{outline-color:#6b6977}.column-color[aria-pressed=true]{outline-color:#ede8fa;border-color:#1b1c20}.column-color svg{width:14px;height:14px;stroke-width:2.5}.column-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.column-icon{display:grid;place-items:center;height:43px;border:1px solid #393b45;background:#222329;color:#cccfd9;border-radius:7px}.column-icon svg{width:19px;height:19px}.column-icon:hover{background:#302c3d;color:#fff}.column-icon[aria-pressed=true]{color:#d3c6ff;border-color:#ac94ef;background:#373044}.column-editor .actions{gap:7px;margin-top:26px}.column-editor .actions .btn{font-size:13px;padding:8px 12px}.column-editor .column-remove{margin-right:auto;color:#d6a1a5;font-size:11px!important;padding-left:0!important;padding-right:0!important}.column-editor-hint{margin-top:18px;font-size:12px;line-height:1.6;color:#bab6c8}
@media(min-width:1600px){.task-detail-layout{grid-template-columns:minmax(0,1fr) 400px}.task-main-content{padding:32px 52px 45px}.task-title-editor{font-size:30px}.task-property>label{width:115px}.task-detail .task-dates input{width:116px}.board-column{flex-basis:262px;width:262px}}
@media(max-width:1190px){.task-detail{width:94vw;height:91vh}.task-detail-layout{grid-template-columns:minmax(0,1fr) 300px}.task-main-content{padding:25px 25px 35px}.task-title-editor{font-size:26px}.task-properties{grid-template-columns:1fr}.task-property>label{width:115px}.task-property>input,.task-property>select{max-width:300px}.task-detail .task-dates input{width:120px}.discussion-compose-bottom{flex-wrap:wrap}.column-color-grid{gap:6px}}
@media(max-width:850px){.task-detail{width:94vw;height:91vh;border-radius:12px}.task-detail-layout{display:block}.task-main-content{padding:24px}.task-properties{grid-template-columns:1fr 1fr}.task-property>label{width:95px}.task-detail .task-dates{flex-wrap:wrap}.task-detail .task-dates span{display:none}.task-detail .task-dates input{width:105px}.task-detail .task-discussion{max-height:none}.board-column{flex-basis:246px;width:246px}}
@media(max-width:580px){.task-detail{width:calc(100vw - 20px);height:calc(100dvh - 28px);max-height:none;border-radius:11px}.task-main-content{padding:21px 17px 30px}.task-detail-header{padding:0 10px}.task-title-editor{font-size:24px}.task-properties{grid-template-columns:1fr}.task-property>label{width:102px}.task-detail .task-dates{flex-wrap:nowrap}.task-detail .task-dates span{display:inline}.task-detail .task-dates input{width:100px;font-size:11px}.task-breadcrumb .truncate{max-width:90px}.task-header-actions>.btn{font-size:11px}.column-editor{padding:22px}.column-color-grid{grid-template-columns:repeat(6,1fr);gap:12px}.column-color{width:28px;justify-self:center}.column-editor-preview .preview-caption{display:none}.column-editor .actions{flex-wrap:wrap}.board .task-title{font-size:15px}}