.delivery-workspace{display:grid;grid-template-columns:132px minmax(0,1fr);min-width:0;margin-top:var(--space-4);overflow:hidden}
.delivery-workspace>.task-workspace-tabs{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-bottom:0;border-right:1px solid var(--line);align-items:stretch;background:var(--surface)}
.delivery-workspace>.task-workspace-tabs button{min-height:44px;text-align:left;padding:var(--space-2);border:0;border-radius:8px;color:var(--secondary);white-space:normal}
.delivery-workspace>.task-workspace-tabs button[aria-selected=true]{background:var(--blue-soft);color:var(--blue)}
.delivery-workspace>.task-workspace-tabs button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}
.delivery-workspace>.task-workspace-tabs button>span:first-child{min-width:0}
.delivery-workspace-activity{display:inline-flex;align-items:center;gap:3px;flex:none;color:var(--blue)}
.delivery-workspace-activity[hidden]{display:none}
.delivery-workspace-activity i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:delivery-workspace-pulse 1.2s ease-in-out infinite}
.delivery-workspace-activity i:nth-child(2){animation-delay:.15s}
.delivery-workspace-activity i:nth-child(3){animation-delay:.3s}
@keyframes delivery-workspace-pulse{0%,80%,100%{opacity:.35;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.delivery-workspace-activity i{animation:none;opacity:1;transform:none}}
.delivery-workspace-main{min-width:0;display:flex;flex-direction:column}
.delivery-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line)}
.delivery-workspace-header p{margin:0;font-size:12px;color:var(--secondary);overflow-wrap:anywhere}
.delivery-workspace-tools{display:flex;gap:var(--space-2);flex-wrap:wrap}
.delivery-workspace .task-workspace-pane{padding:var(--space-5);min-width:0}
.delivery-workspace .task-development{margin:0;border:0;box-shadow:none;background:transparent}
.delivery-workspace .task-development>.panel-head{display:none}
.delivery-workspace .task-development>.detail-body{padding:0}
.delivery-workspace .task-conversation{max-height:none;min-height:320px;padding:0;border:0;background:transparent}
.delivery-workspace .task-chat-composer{margin-top:var(--space-5)}
.delivery-workspace .inline-review-actions{margin:0;padding:0;border:0}
.delivery-workspace .task-review-controls{display:grid;gap:var(--space-4)}
.delivery-workspace .task-review-controls>.verification-result,.delivery-workspace .task-review-controls>.testing-development-controls{margin:0}
.delivery-workspace .task-review-controls:empty{display:none}
.delivery-workspace .implementation-delivery{padding:0;margin:var(--space-4) 0 0;border:0}
.delivery-pending{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--blue-soft);font-size:12px;color:var(--ink)}
.delivery-code-warning{margin:var(--space-3) var(--space-4)}
.delivery-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:13px;min-height:40px}
.delivery-checkbox input{width:16px;height:16px;flex:none}
.delivery-reference-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}
.delivery-code-view{min-width:0}
.delivery-code-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--line);margin-bottom:var(--space-4);overflow-x:auto}
.delivery-code-tabs button{flex:none;min-height:40px;padding:var(--space-2) var(--space-4);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--secondary);font:inherit;cursor:pointer}
.delivery-code-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}
.delivery-code-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.delivery-code-panel{min-width:0}
.delivery-code-panel[hidden]{display:none}
.delivery-code-panel>.code-evidence{margin:0;min-width:0}
.delivery-branch-work{display:grid;gap:var(--space-4);min-width:0}
.delivery-branch-section{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0}
.delivery-branch-section h3{margin:0;font-size:16px}
.delivery-current-branch{font-size:14px;overflow-wrap:anywhere}
.delivery-branch-section>.button{justify-self:start}
.delivery-section-heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap}
.delivery-branch-work p{margin:0;overflow-wrap:anywhere}
.delivery-branch-work form{display:grid;gap:var(--space-4)}
.delivery-branch-work form>.button{justify-self:start}
.delivery-branch-work .settings-grid{align-items:start}
.delivery-branch-field{display:grid;gap:var(--space-2);min-width:0}
.delivery-branch-field>label{margin:0}
.delivery-branch-picker{min-width:0}
.delivery-branch-control{display:flex;align-items:center;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.delivery-branch-control:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}
.delivery-branch-control>.input{flex:1;min-width:0;width:0;border:0;background:transparent;box-shadow:none;margin:0}
.delivery-branch-control>.icon-button{flex:none;width:40px;min-height:40px;border:0;background:transparent;color:var(--secondary)}
.delivery-branch-control>.icon-button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.delivery-branch-options{margin-top:var(--space-2);padding:var(--space-1);border:1px solid var(--line);border-radius:8px;background:var(--surface);max-height:220px;overflow:auto;scrollbar-width:thin}
.delivery-branch-options[hidden]{display:none}
.delivery-branch-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:40px;border-radius:6px;cursor:pointer}
.delivery-branch-option>span:first-child{min-width:0;overflow-wrap:anywhere;font-size:13px}
.delivery-branch-option>span:last-child{flex:none;font-size:12px;color:var(--secondary)}
.delivery-branch-option:hover,.delivery-branch-option[aria-selected=true]{background:var(--blue-soft);color:var(--blue)}
.delivery-branch-options>.field-hint{padding:var(--space-2)}
.delivery-target-list>div{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.delivery-target-list strong{font-weight:500}
.delivery-target-list .small{flex-basis:100%}
.delivery-branch-history{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);min-width:0}
.delivery-branch-history li{padding:var(--space-3);border:1px solid var(--line);border-radius:8px;min-width:0}
.delivery-branch-history li>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}
.delivery-branch-history li p{margin-top:var(--space-2)}
.delivery-branch-history a{color:var(--blue)}
.delivery-mr-state{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12px;white-space:nowrap}
.delivery-mr-state.is-closed{background:var(--bg);color:var(--secondary)}
.delivery-mr-state[hidden]{display:none}
.delivery-mr-refresh{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.delivery-mr-refresh .field-hint{margin:0}
.delivery-operation-record{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}
.delivery-workspace-drawer{height:fit-content;max-height:calc(100dvh - 48px);background:var(--surface);color:var(--ink);padding:0;overflow:auto}
.delivery-workspace-drawer .dialog-head{position:sticky;top:0;background:var(--surface);z-index:1}
.delivery-workspace-drawer .dialog-body{overflow-wrap:anywhere;display:grid;gap:var(--space-4)}
.delivery-workspace-drawer .dialog-body p{margin:0}
.delivery-workspace-drawer .dialog-foot{position:sticky;bottom:0;background:var(--surface);gap:var(--space-2);flex-wrap:wrap}
.delivery-workspace-drawer .field{display:grid;gap:var(--space-2)}
.delivery-history-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.delivery-rule-row{display:grid;grid-template-columns:minmax(120px,1fr) 100px minmax(140px,1fr);gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.delivery-rule-row>*{min-width:0}
.delivery-workspace-shell>.implementation-card-head{margin:0 0 var(--space-3)}
.implementation-panel:has(.delivery-workspace)>.implementation-panel-summary{padding:var(--space-3) var(--space-5)}
.implementation-panel:has(.delivery-workspace)>.detail-body{padding:0 var(--space-4) var(--space-4)}
.detail-summary:has(+.implementation-panel .delivery-workspace) .task-stage-header{margin-top:var(--space-3)}
@media(max-width:650px){
  .delivery-rule-row{grid-template-columns:minmax(0,1fr)}
  .delivery-workspace{grid-template-columns:minmax(0,1fr)}
  .delivery-workspace>.task-workspace-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--space-2);gap:var(--space-1);border-right:0;border-bottom:1px solid var(--line)}
  .delivery-workspace>.task-workspace-tabs button{padding:var(--space-2) var(--space-1);text-align:center;font-size:12px}
  .delivery-workspace>.task-workspace-tabs button{position:relative;justify-content:center;padding-bottom:var(--space-4)}
  .delivery-workspace-activity{position:absolute;bottom:5px;left:calc(50% - 9px)}
  .delivery-branch-control>.icon-button,.delivery-branch-option{min-height:44px}
  .delivery-workspace-header{padding:var(--space-3)}
  .delivery-workspace .task-workspace-pane{padding:var(--space-3)}
  .delivery-workspace .task-conversation{min-height:280px}
  .delivery-workspace-drawer{width:100%;border:0}
  .delivery-checkbox{min-height:44px}
  .delivery-workspace .task-chat-toolbar{gap:var(--space-2);flex-wrap:wrap}
  .delivery-workspace .task-chat-actions{flex-wrap:wrap;min-width:0}
  .delivery-workspace .task-send-mode{min-width:0}
  .delivery-workspace .task-send-mode .input{max-width:100%}
  .delivery-workspace-drawer .dialog-foot .button{min-height:44px}
  .implementation-panel:has(.delivery-workspace)>.detail-body{padding:0 var(--space-2) var(--space-3)}
}
.has-development-workspace>.detail-summary{padding:var(--space-4) var(--space-5)}
.has-development-workspace .detail-summary .detail-title{font-size:20px;margin-top:var(--space-2)}
.has-development-workspace>.detail-summary .task-stage-path[hidden],.has-development-workspace>.detail-summary .task-stage-guide[hidden],.has-development-workspace>.detail-summary .jira-panel[hidden]{display:none}
.has-development-workspace>.delivery-workspace-shell{border:0;background:transparent;box-shadow:none;margin-top:var(--space-3)}
.has-development-workspace>.delivery-workspace-shell>.detail-body{padding:0}
.has-development-workspace .implementation-inline{margin:0;padding:0;border:0}
.has-development-workspace .delivery-reference-links{margin-top:var(--space-3)}
.delivery-reference-links .button{font-size:12px;min-height:40px;padding:var(--space-2)}
.delivery-workspace-drawer .dialog-head h2{font-size:18px}
@media(max-width:650px){
  .has-development-workspace>.detail-summary{padding:var(--space-3)}
  .has-development-workspace .detail-summary .detail-title{font-size:18px}
  .has-development-workspace .delivery-reference-links{gap:var(--space-1)}
  .delivery-reference-links .button{font-size:12px;min-height:44px}
}
@media(max-width:650px){
  .delivery-code-tabs button{min-height:44px;padding:var(--space-2) var(--space-3)}
  .delivery-branch-section{padding:var(--space-3)}
  .delivery-branch-section>.button{width:100%}
  .delivery-branch-section>.gate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
  .delivery-branch-section>.gate-actions .button{width:100%;min-width:0;white-space:normal;line-height:1.6}
}
/* Override the older task-detail padding rules for the focused workspace. */
#detail.has-development-workspace>.delivery-workspace-shell>.detail-body{padding:0}
#detail.has-development-workspace .delivery-workspace{margin-top:var(--space-3)}
#detail.has-development-workspace .delivery-workspace .task-development>.detail-body{padding:0}
/* The outer page reaches the workspace; only the selected right pane scrolls. */
#detail.has-development-workspace{padding-bottom:0}
#detail.has-development-workspace .delivery-workspace-shell .delivery-workspace{margin-top:0}
#detail.has-development-workspace>.delivery-workspace-shell,
#detail.has-development-workspace>.delivery-workspace{position:sticky;top:var(--delivery-workspace-top,var(--space-5));z-index:1}
#detail.has-development-workspace .delivery-workspace{height:var(--delivery-workspace-height,calc(100dvh - 160px));min-height:0;grid-template-rows:minmax(0,1fr);background:var(--surface)}
#detail.has-development-workspace .delivery-workspace>.task-workspace-tabs{min-height:0;overflow:auto;align-content:start}
#detail.has-development-workspace .delivery-workspace-main{min-height:0;overflow:hidden}
#detail.has-development-workspace .delivery-workspace-header{flex:none;max-height:35%;overflow:auto}
#detail.has-development-workspace .delivery-workspace-main>.delivery-pending,
#detail.has-development-workspace .delivery-workspace-main>.delivery-code-warning{flex:none}
#detail.has-development-workspace .delivery-workspace .task-workspace-pane{flex:1 1 0;min-height:0;overflow:auto;scrollbar-gutter:stable}
#detail.has-development-workspace .delivery-workspace [data-workspace-pane=chat]{display:flex;flex-direction:column;overflow:hidden}
#detail.has-development-workspace .delivery-workspace [data-workspace-pane][hidden]{display:none}
#detail.has-development-workspace .delivery-workspace .task-development,
#detail.has-development-workspace .delivery-workspace .task-development>.detail-body{display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;overflow:hidden}
#detail.has-development-workspace .delivery-workspace .task-development>.detail-body>.implementation-note{flex:none;margin-top:0}
#detail.has-development-workspace .delivery-workspace .task-conversation{flex:1 1 0;min-height:0;max-height:none;overflow:auto;padding-bottom:var(--space-4)}
#detail.has-development-workspace .delivery-workspace .inline-review-actions{flex:0 1 auto;min-height:0;max-height:calc(100% - 80px);overflow:auto;background:var(--surface)}
#detail.has-development-workspace .delivery-workspace .task-chat-composer{margin-top:0}
#detail.has-development-workspace .delivery-workspace .task-chat-composer textarea{min-height:64px;max-height:160px;max-height:min(20dvh,160px)}
@media(max-width:650px){
  #detail.has-development-workspace .delivery-workspace{grid-template-rows:auto minmax(0,1fr)}
  #detail.has-development-workspace>.detail-summary .detail-topline{display:block}
  #detail.has-development-workspace>.detail-summary .detail-topline>div:first-child{display:block;width:100%}
  #detail.has-development-workspace>.detail-summary .detail-topline>.badge{margin-top:var(--space-2);max-width:100%;width:fit-content}
  #detail.has-development-workspace .detail-topline .task-title-row{flex-wrap:nowrap;align-items:flex-start}
  #detail.has-development-workspace .task-title-row .detail-title{flex:1 1 auto}
  #detail.has-development-workspace .task-title-rename{flex:none;min-width:40px;padding:var(--space-2);font-size:0}
  #detail.has-development-workspace .delivery-reference-links{flex-wrap:nowrap;overflow-x:auto;max-width:100%}
  #detail.has-development-workspace .delivery-reference-links .button{flex:none;white-space:nowrap}
  #detail.has-development-workspace .delivery-workspace .task-workspace-pane{padding:var(--space-3)}
  #detail.has-development-workspace .delivery-workspace-header{padding:var(--space-2) var(--space-3);gap:var(--space-1)}
  #detail.has-development-workspace .delivery-workspace-header>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

.task-chat-processing{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-3);color:var(--purple);font-size:13px;line-height:1.6}
.task-chat-processing>.spinner{flex:none;width:14px;height:14px}
/* The workspace restores its own reading positions across live updates. */
#detail.has-development-workspace{overflow-anchor:none}

.task-chat-processing>[data-stop-development]{margin-left:auto;min-height:40px;padding:var(--space-1) var(--space-3)}
@media(max-width:650px){.task-chat-processing>[data-stop-development]{min-height:44px}}

/* Message rows keep their geometry while a send receipt replaces optimistic content. */
.task-conversation{scroll-behavior:auto}.task-conversation>.task-chat-row{flex:none}