.task-detail-overlay{--detail-ink: #172334;--detail-muted: #657184;--detail-line: #e5e9ef;--detail-surface: #fff;--detail-soft: #f3f5f8;--detail-blue: #2463eb;--detail-blue-soft: #edf3ff;--detail-danger: #b42318;--detail-danger-soft: #fff1f0;background:#08101c85;transition:background-color .35s ease}.task-detail-overlay.is-completing{background:transparent!important}.task-detail-overlay.is-completing .task-detail-dialog{pointer-events:none;transform-origin:center;will-change:transform,opacity}.dark .task-detail-overlay{--detail-ink: #edf2f9;--detail-muted: #a2aec0;--detail-line: #2b3748;--detail-surface: #151f2e;--detail-soft: #0d1623;--detail-blue: #8bb4ff;--detail-blue-soft: #1d304e;--detail-danger: #ffb1a7;--detail-danger-soft: #3b2020}html .task-detail-overlay .task-detail-dialog{max-width:900px;background:var(--detail-surface)!important;color:var(--detail-ink)!important;border-color:var(--detail-line)!important}html .task-detail-overlay .task-detail-dialog div{border-color:var(--detail-line)!important;box-shadow:none}html .task-detail-overlay .task-detail-dialog :is(.bg-white,.bg-slate-50\/50,.bg-slate-50\/90){background:var(--detail-surface)!important}html .task-detail-overlay .task-detail-dialog :is(h2,h4,label){color:var(--detail-ink)!important;text-transform:none;letter-spacing:normal;font-weight:600}html .task-detail-overlay .task-detail-dialog h2{font-size:24px}html .task-detail-overlay .task-detail-dialog :is(p,span){color:inherit}html .task-detail-overlay .task-detail-dialog p{color:var(--detail-muted)!important;font-size:14px;font-style:normal}html .task-detail-overlay .task-detail-dialog label{font-size:14px}html .task-detail-overlay .task-detail-dialog button{min-height:44px;border-radius:10px;box-shadow:none;transform:none;color:var(--detail-muted)!important;background:var(--detail-soft)!important}html .task-detail-overlay .task-detail-dialog :is(button,a):focus-visible{outline:2px solid var(--detail-blue);outline-offset:3px}html .task-detail-overlay .task-detail-dialog button svg{color:inherit!important}html .task-detail-overlay .task-detail-dialog button[aria-pressed=true]{color:var(--detail-blue)!important;background:var(--detail-blue-soft)!important;border-color:var(--detail-blue)!important}.task-detail-dialog>div:first-child{padding:24px}.task-detail-dialog>div:first-child>div:first-child>div:first-child{background:var(--detail-blue-soft)!important;color:var(--detail-blue)!important;border:0}.task-detail-dialog>div:first-child span{background:var(--detail-soft)!important;color:var(--detail-muted)!important;font-weight:500}.task-detail-dialog>div:nth-child(2){padding:8px 24px;gap:8px}.task-detail-dialog>div:nth-child(2) button{padding:10px 14px;border:0;font-size:14px}.task-detail-dialog>div:nth-child(3){padding:24px;min-height:0;overscroll-behavior:contain}.task-detail-overview{display:flex;flex-direction:column;gap:16px}.task-detail-overview>div{margin:0!important}.task-detail-description{order:-1}.task-detail-plan-access{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.task-detail-plan-access>span{color:var(--detail-muted);font-size:13px}html .task-detail-overlay .task-detail-dialog .task-detail-plan-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--detail-blue)!important;background:var(--detail-blue-soft)!important}.task-detail-plan-link[aria-disabled=true]{opacity:.5;cursor:wait}.task-detail-plan-link:active{filter:brightness(.94)}html .task-detail-overlay .task-detail-description p{color:var(--detail-ink)!important;background:var(--detail-soft)!important;line-height:1.7}.task-detail-status{background:var(--detail-soft)!important}html .task-detail-overlay .task-detail-dialog button:has(.lucide-save){color:#fff!important;background:#2463eb!important}html .task-detail-overlay .task-detail-dialog .task-detail-error{color:var(--detail-danger)!important;background:var(--detail-danger-soft);border-radius:10px;padding:12px}.task-detail-dialog>div:last-child{background:var(--detail-soft)!important;padding:16px 24px;justify-content:flex-end}.task-detail-dialog>div:last-child button{padding:10px 20px}html .task-detail-overlay .task-detail-dialog button[data-detail-priority]{--priority-ink: var(--detail-muted);--priority-soft: var(--detail-soft);background:var(--priority-soft)!important;color:var(--priority-ink)!important;border:2px solid transparent!important}html .task-detail-overlay .task-detail-dialog button[data-detail-priority="1"]{--priority-ink: var(--detail-danger);--priority-soft: var(--detail-danger-soft)}html .task-detail-overlay .task-detail-dialog button[data-detail-priority="2"]{--priority-ink: #805000;--priority-soft: #fff4de}html.dark .task-detail-overlay .task-detail-dialog button[data-detail-priority="2"]{--priority-ink: #ffd18a;--priority-soft: #392b18}html .task-detail-overlay .task-detail-dialog button[data-detail-priority="3"]{--priority-ink: var(--detail-blue);--priority-soft: var(--detail-blue-soft)}html .task-detail-overlay .task-detail-dialog button[data-detail-priority][aria-pressed=true]{border-color:var(--priority-ink)!important}html.dark .task-detail-overlay .task-detail-dialog input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=color]):not([type=range]),html .task-detail-overlay .task-detail-dialog :is(input,textarea){background:var(--detail-soft)!important;color:var(--detail-ink)!important;border-color:var(--detail-line)!important;font-size:16px}.task-detail-dialog .bg-gradient-to-t{background:#08101ca6;opacity:1}html.dark .task-detail-overlay .task-detail-dialog button{background:var(--detail-soft)!important;color:var(--detail-muted)!important;border-color:var(--detail-line)!important}html.dark .task-detail-overlay .task-detail-dialog button[aria-pressed=true]{background:var(--detail-blue-soft)!important;color:var(--detail-blue)!important;border-color:var(--detail-blue)!important}html.dark .task-detail-overlay .task-detail-dialog button :is(span,svg){color:inherit!important}html.dark .task-detail-overlay .task-detail-dialog button[data-detail-priority]{background:var(--priority-soft)!important;color:var(--priority-ink)!important}html.dark .task-detail-overlay .task-detail-dialog button[data-detail-priority][aria-pressed=true]{border-color:var(--priority-ink)!important}html.dark .task-detail-overlay .task-detail-dialog button:has(.lucide-save){background:#2463eb!important;color:#fff!important}.task-detail-dialog>div:first-child span{border-color:var(--detail-line)!important}html .task-detail-overlay .task-detail-dialog .task-detail-overview>div{box-shadow:none!important}@media(max-width:767px){.task-detail-overlay{padding:0}.task-detail-overlay .task-detail-dialog{height:100dvh;max-height:100dvh;border-radius:0;border:0}.task-detail-dialog>div:first-child{padding:max(12px,env(safe-area-inset-top)) 12px 12px;gap:8px}.task-detail-dialog>div:first-child>div:first-child>div:first-child{display:none}html .task-detail-overlay .task-detail-dialog h2{font-size:18px;line-height:1.3}.task-detail-dialog>div:first-child .inline-flex{max-width:100%;min-width:0}.task-detail-dialog>div:first-child .inline-flex>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-dialog>div:nth-child(2){padding:8px 12px;gap:4px}.task-detail-dialog>div:nth-child(2) button{padding:8px;font-size:13px;gap:4px}.task-detail-dialog>div:nth-child(2) button svg{display:none}.task-detail-dialog>div:nth-child(3){padding:16px}.task-detail-dialog>div:last-child{padding:12px 16px max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.task-detail-overlay{transition:none}.task-detail-dialog *{animation:none!important;transition:none!important}}.task-detail-options{border:1px solid var(--detail-line);border-radius:16px;overflow:hidden}.task-detail-options summary{min-height:48px;padding:14px 16px;cursor:pointer;font-size:14px;color:var(--detail-ink)}.task-detail-options>div{border:0;border-radius:0}@media(min-width:768px){.task-detail-options summary{display:none}.task-detail-options>div{display:block!important}}@media(max-width:767px){.task-detail-overview{gap:12px}.task-detail-overview .task-detail-options{order:3}.task-detail-description{border:0!important;padding:0!important}.task-detail-overview .task-detail-status{padding:12px}.task-detail-status button{white-space:normal;line-height:1.4}.task-detail-status button span{overflow:visible;white-space:normal}.task-detail-dialog>div:first-child{align-items:flex-start}.task-detail-dialog>div:first-child h2{overflow-wrap:anywhere}}html .task-detail-dialog .task-detail-options>summary{display:list-item}html .task-detail-dialog .task-detail-options:not([open])>div{display:none!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-body{background:var(--detail-soft)!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-description{padding:16px!important;border:1px solid var(--detail-line)!important;border-radius:16px;background:var(--detail-surface)!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-description>p{padding:0!important;background:transparent!important;border:0;margin-top:10px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-status{border:1px solid var(--detail-line);background:var(--detail-surface)!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-planning>div{background:var(--detail-surface)!important;border:1px solid var(--detail-line);padding:16px;border-radius:16px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-options{background:var(--detail-surface)!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog button.task-document-open{color:var(--detail-blue)!important;background:var(--detail-blue-soft)!important;border:1px solid var(--detail-line)}.task-document-row{flex-wrap:wrap;gap:8px}.task-document-row>div:first-child{min-width:0}.task-document-row>div:first-child p{white-space:normal;overflow-wrap:anywhere}.task-detail-context{row-gap:8px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-project-chip{height:auto;min-height:32px;padding:6px 8px;align-items:flex-start;max-width:100%}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-project-chip>span{white-space:normal;line-height:1.5;height:auto;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}@media(max-width:767px){.task-detail-context .task-detail-project-chip{flex-basis:100%}.task-detail-overview{gap:12px}.task-detail-dialog .task-detail-body{padding:12px}.task-detail-description>div:first-child{align-items:flex-start;gap:10px}.task-detail-description>div:first-child>button{max-width:138px;white-space:normal;padding:8px 10px}.task-detail-overview .task-detail-options{order:0}.task-detail-planning{gap:12px}}.task-detail-eyebrow,.task-detail-mobile-edit{display:none}@media(max-width:767px){html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-header{display:block;position:relative;padding:calc(8px + env(safe-area-inset-top)) 20px 18px;background:var(--oltrane-brand-header)!important;color:var(--oltrane-brand-ink)!important;border:0}.task-detail-header .task-detail-heading{display:block}.task-detail-header .task-detail-heading>div:first-child{display:none}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-header p.task-detail-eyebrow{display:flex;align-items:center;min-height:44px;margin:0 108px 8px 0;color:var(--oltrane-brand-muted)!important;font-size:12px;font-weight:600}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-header h2{font-size:22px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:var(--oltrane-brand-ink)!important}.task-detail-header-actions{position:absolute;top:calc(8px + env(safe-area-inset-top));right:16px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-header-actions button{width:44px;min-height:44px;color:var(--oltrane-brand-ink)!important;background:transparent!important;border:1px solid var(--oltrane-brand-muted)}.task-detail-header-actions .task-detail-header-edit{display:none}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-header .task-detail-context{margin-top:12px;gap:8px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-header .task-detail-context span{color:var(--oltrane-brand-muted)!important;background:transparent!important;font-size:12px;line-height:1.5;border-color:var(--oltrane-brand-muted)!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-header .task-detail-project-chip{border:0!important;padding:0;min-height:0;align-items:flex-start;gap:6px}.task-detail-header .task-detail-project-chip svg{margin-top:2px;flex-shrink:0}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-tabs{display:flex;flex-wrap:nowrap;gap:8px;padding:0 12px;min-height:58px;background:var(--detail-surface)!important;overflow-x:auto}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-tabs button{flex:0 0 auto;min-width:88px;min-height:58px;margin:0;border-radius:0;justify-content:center;gap:4px;background:transparent!important;font-size:12px;border-bottom:3px solid transparent}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-tabs button[aria-pressed=true]{color:var(--detail-blue)!important;border-bottom-color:var(--detail-blue)}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-body{padding:18px 16px 22px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-description{padding:18px!important;border-left:4px solid var(--detail-blue)!important;border-radius:12px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-description label{font-size:16px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-description>p{font-size:15px;line-height:1.7;margin-top:12px}.task-detail-description .task-detail-context-edit,.task-detail-planning .task-detail-context-edit{display:none}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-status{padding:16px;border-radius:12px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-status>label{display:block;font-size:13px;margin-bottom:12px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-status button{min-height:52px;font-size:12px;padding:10px 6px}.task-detail-status button svg{display:none}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-planning{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--detail-line)!important;border-radius:12px;background:var(--detail-surface)!important;overflow:hidden}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-planning>div{min-width:0;border:0!important;border-radius:0;padding:16px 12px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-planning>div+div{border-left:1px solid var(--detail-line)!important}.task-detail-planning>div>div:first-child{min-height:24px;margin-bottom:8px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-planning label{font-size:12px}.task-detail-planning .inline-flex{max-width:100%;height:auto}.task-detail-planning .inline-flex span{max-width:none;white-space:normal;overflow-wrap:anywhere}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-options{border-radius:12px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--detail-surface)!important}.task-detail-footer>div{width:100%;display:flex;gap:10px}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-footer button{min-height:50px}.task-detail-footer .task-detail-footer-close{flex:1}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog button.task-detail-mobile-edit{display:flex;flex:2;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--oltrane-brand-ink)!important;background:var(--oltrane-action-primary)!important;font-size:14px;font-weight:650}.task-detail-dialog[data-task-editing=true] .task-detail-footer>div>button{flex:1}.task-detail-dialog[data-task-editing=true] .task-detail-planning{grid-template-columns:1fr!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog[data-task-editing=true] .task-detail-planning>div+div{border-left:0!important;border-top:1px solid var(--detail-line)!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog[data-task-editing=true] .task-detail-header label{color:var(--oltrane-brand-muted)!important}html body .task-detail-overlay.mobile-form-surface .task-detail-dialog[data-task-editing=true] .task-detail-header input{min-height:48px}}@media(max-width:767px){html body .task-detail-overlay>.bug-reporter-host .bug-reporter-trigger{top:calc(8px + env(safe-area-inset-top));bottom:auto;right:68px;width:44px;min-height:44px;padding:10px;color:var(--oltrane-brand-ink);background:var(--oltrane-brand-header);border-color:var(--oltrane-brand-muted)}.task-detail-overlay>.bug-reporter-host .bug-reporter-trigger :is(.bug-long-label,.bug-short-label){display:none}.task-detail-planning label>svg{color:var(--detail-muted)!important}}.task-completion-slot{position:fixed;bottom:max(90px,calc(env(safe-area-inset-bottom) + 24px));left:50%;transform:translate(-50%);z-index:10050;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.task-completion{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#edf3ff;color:#2463eb;border:1px solid #ccdafa;animation:task-completion-enter .14s ease-out both}.task-completion svg{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2}.task-completion path{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;animation:task-completion-check .36s ease-out both}.task-completion-spinner{stroke-dasharray:42 21;transform-origin:center;animation:task-completion-spin .8s linear infinite}.task-completion.is-success{animation:task-completion-enter .14s ease-out both,task-completion-leave .2s ease-in 1s forwards}.dark .task-completion{background:#1d304e;color:#8bb4ff;border-color:#3b5275}@keyframes task-completion-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes task-completion-check{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes task-completion-spin{to{transform:rotate(360deg)}}@keyframes task-completion-leave{to{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.task-completion,.task-completion.is-success,.task-completion path,.task-completion-spinner{animation:none}}.task-file-drop-zone{position:relative;min-width:0;display:flex;flex-direction:column;gap:16px;border-radius:16px}.task-file-drop-zone.is-dragging{outline:3px solid var(--detail-blue, var(--task-blue));outline-offset:5px}.task-file-drop-error,html .task-detail-overlay .task-detail-dialog .task-file-drop-error{color:var(--detail-danger, var(--task-danger))!important;font-size:14px;margin:0}.task-work-panel,.task-work-summary{min-width:0;padding:16px;border:1px solid var(--detail-line,var(--task-line));border-radius:16px;background:var(--detail-surface,var(--task-surface));color:var(--detail-ink,var(--task-ink))}.task-work-panel{display:flex;flex-direction:column;gap:16px}.task-work-panel h3,.task-work-summary h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin:0}.task-work-summary h3{margin-bottom:8px}.task-work-meta{font-size:13px;color:var(--detail-muted,var(--task-muted));margin:0 0 8px}.task-work-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.task-work-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.task-work-panel button,.task-work-summary button,.task-work-actions a,.task-reports-page button,.task-reports-page a.task-work-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid var(--detail-line,var(--task-line));border-radius:10px;color:var(--detail-blue,var(--task-blue));background:var(--detail-soft,var(--task-soft));font-size:14px;text-decoration:none}.task-work-history{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0}.task-work-history li{border-bottom:1px solid var(--detail-line,var(--task-line));padding-bottom:12px}.task-work-compose{display:flex;flex-direction:column;gap:12px}.task-work-compose label,.task-reports-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}.task-work-compose :is(textarea,select),.task-reports-filters :is(input,select){width:100%;min-height:44px;padding:12px;border:1px solid var(--detail-line,var(--task-line));border-radius:10px;font-size:16px;background:var(--detail-soft,var(--task-soft));color:var(--detail-ink,var(--task-ink))}.task-work-compose textarea{resize:vertical}.task-work-panel :is(button,a,textarea,select):focus-visible,.task-reports-page :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--detail-blue,var(--task-blue));outline-offset:3px}.task-work-panel button:disabled{opacity:.55;cursor:not-allowed}html .task-detail-overlay .task-detail-dialog .task-work-panel button.task-work-primary,.task-work-panel .task-work-primary{background:var(--oltrane-action-primary,#2463eb)!important;color:#fff!important;border-color:transparent!important}html .task-detail-overlay .task-detail-dialog .task-work-error,.task-work-error{color:var(--detail-danger,var(--task-danger))!important}html .task-detail-overlay .task-detail-dialog .task-work-error p{color:inherit!important}html .task-detail-overlay .task-detail-dialog .task-work-text{color:var(--detail-ink)!important}.task-reports-page{padding:24px;min-height:100%}.task-reports-page>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.task-reports-page h1{font-size:28px;font-weight:700;margin:8px 0}.task-reports-page>header p{color:var(--task-muted)}.task-reports-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.task-reports-extra-filters summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--task-blue);font-size:14px}.task-reports-extra-filters>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:12px}.task-reports-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.task-reports-list article{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--task-surface);border:1px solid var(--task-line);border-radius:16px;min-width:0}.task-reports-list h2{display:flex;align-items:flex-start;gap:8px;font-size:18px;font-weight:600}.task-reports-empty{padding:24px;background:var(--task-surface);border:1px solid var(--task-line);border-radius:16px}.task-reports-excerpt{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1100px){.task-reports-extra-filters>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.task-reports-page{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.task-reports-list{grid-template-columns:1fr}.task-reports-extra-filters>div{grid-template-columns:1fr}.task-work-actions>*{max-width:100%}}.task-reports-list h2 svg{flex-shrink:0;margin-top:3px}