.task-detail-page{gap:18px;display:grid}.task-detail-state{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-strong);padding:20px}.task-detail-state p{color:var(--muted-strong);margin:0;font-size:14px;line-height:1.55}.task-detail-state__back{color:var(--muted);margin-bottom:16px;font-size:13px;display:inline-flex}.task-detail-state__back:hover,.task-detail-state__back:focus-visible{color:var(--foreground);outline:none}.task-detail-page__toolbar{min-height:36px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.task-detail-page__back{border:1px solid var(--border);min-height:36px;color:var(--muted-strong);background:var(--surface-strong);border-radius:4px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex}.task-detail-page__back:hover,.task-detail-page__back:focus-visible{border-color:var(--border-strong);color:var(--foreground);background:var(--surface-soft);outline:none}.task-detail-layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);align-items:start;gap:24px;display:grid}.task-detail-main,.task-detail-sidebar{gap:18px;min-width:0;display:grid}.task-detail-sidebar{position:sticky;top:20px}.task-detail-hero,.task-detail-description,.task-detail-activity,.task-detail-sidebar__section,.task-detail-tags-board,.task-detail-more-content{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-strong);min-width:0}.task-detail-hero{justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.task-detail-hero__copy{min-width:0}.task-detail-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:1.3}.task-detail-hero h1{max-width:760px;color:var(--foreground);font-family:var(--font-display);overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(28px,4vw,42px);font-weight:500;line-height:1.15}.task-detail-hero__summary{max-width:720px;color:var(--muted-strong);overflow-wrap:anywhere;margin:12px 0 0;font-size:14px;line-height:1.65}.task-detail-hero__badges{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.task-detail-status-pulse{border-radius:4px;display:inline-flex}.task-detail-description,.task-detail-activity,.task-detail-sidebar__section,.task-detail-tags-board{padding:20px}.task-detail-description h2,.task-detail-activity h2,.task-detail-sidebar__heading h2,.task-detail-tags-board h2{color:var(--foreground);margin:7px 0 0;font-size:17px;font-weight:500;line-height:1.3}.task-detail-description>p:last-child{color:var(--muted-strong);overflow-wrap:anywhere;white-space:pre-wrap;margin:12px 0 0;font-size:14px;line-height:1.75}.task-detail-sidebar__heading{border-bottom:1px solid var(--border);padding-bottom:14px}.task-detail-properties{gap:2px;padding-top:8px;display:grid}.task-detail-property{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:14px;min-height:36px;padding:7px 0;display:grid}.task-detail-property>span{color:var(--muted);font-size:13px;line-height:1.45}.task-detail-property>strong{min-width:0;color:var(--foreground);overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.45}.task-detail-property .task-detail-status{justify-self:start}.task-detail-tags-board__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.task-detail-tags-board__head span{color:var(--muted);font-size:12px}.task-detail-tags-board__empty{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.55}.task-detail-activity__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.task-detail-activity__head>p{max-width:220px;color:var(--muted);text-align:right;margin:4px 0 0;font-size:12px;line-height:1.5}.task-detail-timeline{gap:0;margin:18px 0 0;padding:0;list-style:none;display:grid}.task-detail-timeline__item{grid-template-columns:14px minmax(0,1fr);gap:12px;min-width:0;padding:0 0 20px;display:grid;position:relative}.task-detail-timeline__item:last-child{padding-bottom:0}.task-detail-timeline__item:not(:last-child):before{background:var(--border);content:"";width:1px;position:absolute;top:14px;bottom:0;left:6px}.task-detail-timeline__marker{z-index:1;border:3px solid var(--surface-strong);background:var(--primary);width:13px;height:13px;box-shadow:0 0 0 1px var(--primary);border-radius:50%;margin-top:2px;position:relative}.task-detail-timeline__item--completed .task-detail-timeline__marker{background:var(--success);box-shadow:0 0 0 1px var(--success)}.task-detail-timeline__item--updated .task-detail-timeline__marker{background:var(--warning);box-shadow:0 0 0 1px var(--warning)}.task-detail-timeline__meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.task-detail-timeline__meta strong{color:var(--foreground);font-size:13px;font-weight:600}.task-detail-timeline__meta time,.task-detail-timeline__item p{color:var(--muted);font-size:12px;line-height:1.5}.task-detail-timeline__meta time{flex:none}.task-detail-timeline__item p{margin:4px 0 0}.task-detail-actions{gap:12px;display:grid}.task-detail-actions__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.task-detail-action,.task-detail-actions__grid .tesla-action{border:1px solid var(--border);min-width:0;min-height:36px;color:var(--muted-strong);background:var(--surface-strong);text-align:center;white-space:normal;border-radius:4px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.3}.task-detail-action:hover,.task-detail-action:focus-visible,.task-detail-actions__grid .tesla-action:hover,.task-detail-actions__grid .tesla-action:focus-visible{border-color:var(--border-strong);color:var(--foreground);background:var(--surface-soft);outline:none}.task-detail-action--danger,.task-detail-actions__grid .tesla-action--danger{color:var(--danger)}.task-detail-more-content{overflow:hidden}.task-detail-more-content__trigger{width:100%;min-height:48px;color:var(--muted-strong);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 20px;font-size:13px;font-weight:500;display:flex}.task-detail-more-content__trigger:hover,.task-detail-more-content__trigger:focus-visible{color:var(--foreground);background:var(--surface-soft);outline:none}.task-detail-more-content__icon{color:var(--muted);font-size:18px;line-height:1}.task-detail-more-content.is-open .task-detail-more-content__trigger{border-bottom:1px solid var(--border)}.task-detail-more-content__body{overflow:hidden}.task-detail-more-content__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 20px 20px;display:grid}.task-detail-more-content__grid>div{border:1px dashed var(--border-dashed);background:var(--surface-soft);border-radius:4px;padding:14px}.task-detail-more-content h3{color:var(--foreground);margin:0;font-size:13px;font-weight:500}.task-detail-more-content p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.55}@media (max-width:900px){.task-detail-layout{grid-template-columns:minmax(0,1fr)}.task-detail-sidebar{position:static}}@media (max-width:560px){.task-detail-page__toolbar{flex-direction:column;align-items:flex-start}.task-detail-hero{gap:16px;padding:18px;display:grid}.task-detail-hero__badges{justify-content:flex-start}.task-detail-description,.task-detail-activity,.task-detail-sidebar__section,.task-detail-tags-board{padding:18px}.task-detail-activity__head{gap:8px;display:grid}.task-detail-activity__head>p{text-align:left;max-width:none}.task-detail-timeline__meta{gap:2px;display:grid}.task-detail-more-content__grid,.task-detail-actions__grid{grid-template-columns:minmax(0,1fr)}}
