.tasks-workspace{--task-line:var(--border,#323944);display:flex;flex-direction:column;height:calc(100dvh - 122px);min-height:450px;color:var(--text,#e7ecf4)}
.tasks-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.tasks-heading>div{display:flex;align-items:baseline;gap:16px}.tasks-heading h1{font:500 32px/1.2 var(--font-body,"IBM Plex Sans",sans-serif);margin:0}.tasks-heading [data-task-total]{font-size:13px;color:var(--muted,#9ba8bc)}
.tasks-toolbar{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--task-line);border-bottom:1px solid var(--task-line)}.tasks-toolbar input{flex:1;min-width:150px}.tasks-toolbar select{max-width:180px}
.tasks-workspace input,.tasks-workspace select,.tasks-workspace textarea{box-sizing:border-box;border:1px solid var(--task-line);border-radius:5px;padding:8px 10px;background:var(--surface-input,var(--surface,#171d27));color:inherit;font:400 14px/1.45 var(--font-body,"IBM Plex Sans",sans-serif)}
.tasks-workspace :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--accent-bright,#438cdb);outline-offset:2px}.tasks-workspace :is(input,select,textarea):disabled{opacity:.7}
.tasks-alert{min-height:18px;font-size:13px;color:var(--danger,#ed787f);margin:8px 0}.tasks-content{display:flex;flex:1;gap:20px;min-height:0}.tasks-board{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));flex:1;gap:16px;min-width:0;overflow:auto}
.tasks-lane{display:flex;flex-direction:column;min-height:0;border-top:2px solid var(--task-line)}.tasks-lane[data-status=doing]{border-top-color:var(--accent,#3a86d4)}.tasks-lane[data-status=done]{border-top-color:#569e8e}.tasks-lane>header{display:flex;align-items:center;gap:10px;padding:13px 0}.tasks-lane h2{margin:0;font-size:14px;font-weight:500}.tasks-lane [data-count]{font-size:12px;color:var(--muted,#9ba8bc)}
.tasks-lane-items{overflow:auto;min-height:0;padding:0 1px 14px}.tasks-lane-empty{font-size:13px;padding:12px 0;color:var(--muted,#9ba8bc)}.task-ticket{padding:14px 12px;margin:0 0 9px;border:1px solid var(--task-line);border-radius:6px;background:var(--surface,#191f29)}.task-ticket[draggable=true]{cursor:grab}.task-ticket.selected{border-color:var(--accent,#3a86d4)}.task-ticket>a{display:block;font-size:14px;line-height:1.5;font-weight:500;color:inherit;text-decoration:none;overflow-wrap:anywhere}.task-ticket>a:hover{text-decoration:underline;text-underline-offset:3px}.task-ticket-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:12px;font-size:12px;color:var(--muted,#9ba8bc)}.task-ticket time{font-variant-numeric:tabular-nums}
.task-ticket-status{display:block;margin-top:10px}.task-ticket-status select{padding:3px 7px;font-size:12px;background:transparent;max-width:100%}.tasks-lane.drag-over{background:color-mix(in srgb,var(--accent,#3a86d4) 10%,transparent);outline:1px dashed var(--accent,#3a86d4);outline-offset:4px}.tasks-workspace .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tasks-editor{flex:0 0 min(420px,40%);min-width:320px;border:1px solid var(--task-line);border-radius:8px;background:var(--surface,#191f29);overflow:hidden}.tasks-editor[hidden]{display:none}.task-form{display:flex;flex-direction:column;height:100%;min-height:0}.task-form>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--task-line);padding:14px 18px;flex-shrink:0}.task-form h2{font-size:17px;font-weight:500;margin:0}.task-form>header button{background:transparent;font-size:22px;padding:0 7px}.task-form-fields{overflow:auto;min-height:0;display:grid;gap:17px;padding:20px 18px;flex:1;align-content:start}.task-form-fields label{display:grid;gap:7px;font-size:12px;font-weight:500}.task-form-fields input,.task-form-fields select,.task-form-fields textarea{width:100%;min-width:0}.task-form-fields textarea{resize:vertical;min-height:90px}.task-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-form-status{min-height:18px;font-size:13px;margin:0;color:var(--muted,#9ba8bc)}.task-permalink{font-size:12px;color:var(--accent-bright,#75afea)}.task-form footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--task-line);flex-shrink:0}.task-form [data-task-archive]{margin-right:auto}.tasks-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:12px;font-size:12px;color:var(--muted,#9ba8bc)}
.tasks-workspace :is(.tasks-board,.tasks-lane-items,.task-form-fields){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted,#9ba8bc) 35%,transparent) transparent}
@media(max-width:1150px){.tasks-content.has-editor .tasks-board{grid-template-columns:repeat(3,minmax(170px,1fr))}.tasks-editor{flex-basis:380px}}
@media(max-width:900px){.tasks-content.has-editor .tasks-board{display:none}.tasks-editor{flex:1;min-width:0}.tasks-toolbar{flex-wrap:wrap}.tasks-toolbar input{flex-basis:40%}.tasks-workspace{height:calc(100dvh - 100px);min-height:400px}.tasks-heading{margin-bottom:14px}.tasks-board{gap:12px}}
@media(max-height:700px){.tasks-workspace{height:calc(100dvh - 96px);min-height:360px}.tasks-heading{margin-bottom:12px}.task-form-fields{gap:12px;padding:14px 16px}.task-form textarea{min-height:70px}.tasks-heading h1{font-size:28px}}