/* Reviewable intake cards share the product's semantic colors. */
.ca-scenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 8px}
.ca-scenarios button{min-height:44px;padding:6px 2px;border:1px solid var(--dc-color-border);border-radius:12px;background:var(--dc-color-surface);color:var(--dc-color-ink);font-size:12px}
.ca-card,.ca-review{margin-top:16px;padding-top:16px;border-top:1px solid var(--dc-color-divider);min-width:0;line-height:1.6}
.ca-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.ca-title>strong,.ca-review h3{font-size:16px;margin:0}
.ca-title>span{font-size:11px;padding:3px 8px;border-radius:20px;background:var(--dc-color-brand-soft);color:var(--dc-color-brand-strong);white-space:nowrap}
.ca-undone .ca-title>span,.ca-cancelled .ca-title>span{background:var(--dc-color-subtle);color:var(--dc-color-text-secondary)}
.ca-source{display:block;font-size:11px;color:var(--dc-color-text-secondary);margin:4px 0 12px}
.ca-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
.ca-fields label{display:flex;flex-direction:column;min-width:0;gap:5px;color:var(--dc-color-text-secondary);font-size:11px}
.ca-fields label:last-child{grid-column:1/-1}.ca-fields input{width:100%;min-width:0;min-height:44px;margin:0;padding:9px 8px;background:var(--dc-color-page);color:var(--dc-color-ink);border:1px solid var(--dc-color-border);border-radius:10px;font-size:16px}
.ca-fields input::-webkit-date-and-time-value{text-align:left;min-height:22px}
.ca-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.ca-actions>.dc-button{flex:1;min-width:110px;padding:10px 8px;min-height:44px;font-size:12px}
.ca-text,.ca-existing button:not(.dc-button){border:0;background:transparent;color:var(--dc-color-brand-strong);padding:10px 4px;min-height:44px;font-size:12px}
.cc-workspace .ca-hint{margin:12px 0 0;font-size:11px;line-height:1.7;color:var(--dc-color-text-secondary)}
.ca-existing{margin-top:12px;border-radius:12px;padding:10px;background:var(--dc-color-subtle);font-size:12px}.ca-existing>strong{font-weight:600}.ca-existing>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding-top:6px}.ca-existing>div>span:first-child{color:var(--dc-color-text-secondary)}
.cc-workspace .ca-error{padding:10px;margin:12px 0 0;border-radius:10px;background:var(--dc-color-danger-soft);color:var(--dc-color-danger-text);font-size:12px}
.ca-saved{margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ca-saved>div{min-width:0}.ca-saved dt{font-size:11px;color:var(--dc-color-text-secondary)}.ca-saved dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.ca-metrics{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--dc-color-border);border-radius:12px;overflow:hidden}
.ca-metrics>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px;border-bottom:1px solid var(--dc-color-divider)}.ca-metrics>div:last-child{border-bottom:0}.ca-metrics>div>span{font-size:12px;align-self:center}.ca-metrics strong{font-size:21px;font-weight:650}.ca-metrics small{font-size:10px;font-weight:400;color:var(--dc-color-text-secondary)}.ca-metrics p{font-size:10px;text-align:right;color:var(--dc-color-text-secondary);align-self:center}
.ca-run-summary{padding:14px 12px;margin-top:10px;border-radius:12px;background:var(--dc-color-brand-soft)}.ca-run-summary>strong{display:flex;justify-content:space-between;gap:8px;font-size:15px}.ca-run-summary>span{display:block;margin-top:6px;color:var(--dc-color-brand-strong);font-size:11px}
.ca-evidence{margin-top:12px;font-size:12px}.ca-evidence summary{min-height:44px;cursor:pointer;padding:12px 0;color:var(--dc-color-brand-strong)}.ca-evidence>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--dc-color-divider);padding:10px 0}.ca-evidence small{display:block;color:var(--dc-color-text-secondary);font-size:10px;font-weight:400}.ca-evidence strong{text-align:right}
.ca-progress{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--dc-color-text-muted)}.ca-progress li{display:flex;align-items:center;gap:8px}.ca-progress li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--dc-color-subtle);flex-shrink:0}.ca-progress .is-current{color:var(--dc-color-ink)}.ca-progress .is-current>span,.ca-progress .is-done>span{background:var(--dc-color-brand-soft);color:var(--dc-color-brand-strong)}
.cc-workspace .cc-input-box textarea{font-size:16px}.cc-composer .cc-quick{display:none}
@media(max-width:360px){.cc-conversation{padding-left:12px;padding-right:12px}.cc-ai .cc-bubble{padding:12px}.ca-fields{gap:10px 8px}.ca-actions>.dc-button{min-width:100px}}

/* Short, interruptible motion: reading position and saved state take priority. */
.cc-morph,.cc-morph-body,.cc-transcript{min-width:0}.cc-morph-body{display:flow-root}
.cc-workspace button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,transform 160ms ease,box-shadow 160ms ease}
.cc-workspace button:active:not(:disabled){transform:scale(.97)}
.cc-is-fresh{animation:cc-message-arrive 320ms cubic-bezier(.22,1,.36,1) both}
.cc-ai.cc-is-fresh .cc-message-text{animation:cc-soft-reveal 320ms ease both}
.cc-is-fresh .ca-card,.cc-is-fresh .ca-review{animation:cc-soft-reveal 380ms 70ms ease both}
.cc-is-fresh .ca-metrics>div{animation:cc-soft-reveal 360ms calc(80ms + var(--cc-row,0)*45ms) ease both}
.cc-is-fresh .cc-message-tools{animation:cc-soft-reveal 240ms 140ms ease both}
.ca-title{outline:none}.ca-title>span{display:inline-flex;align-items:center;gap:3px;min-height:26px}
.cc-is-fresh .ca-title>span,.ca-state-changed .ca-title>span{animation:cc-badge-arrive 280ms ease both}
.ca-state-changed .ca-title svg path,.ca-state-changed .ca-success-copy svg path,.ca-progress .is-done svg path{stroke-dasharray:24;stroke-dashoffset:0;animation:cc-check-draw 300ms ease both}
.ca-success-copy{display:flex;align-items:center;gap:7px;margin-top:16px;padding:10px;border-radius:10px;background:var(--dc-color-brand-soft);color:var(--dc-color-brand-strong);font-size:12px}
.ca-success-copy svg{flex-shrink:0}.cc-workspace .ca-undo-copy{margin-top:14px;padding:10px;border-radius:10px;background:var(--dc-color-subtle);color:var(--dc-color-text-secondary);font-size:12px}
.ca-state-changed .ca-success-copy,.ca-state-changed .ca-undo-copy{animation:cc-soft-reveal 240ms ease both}
.ca-undo-panel{border:1px solid var(--dc-color-border);animation:cc-soft-reveal 200ms ease both}.ca-error{animation:cc-soft-reveal 180ms ease both;outline:none}
.ca-thinking{padding:2px 0}.ca-thinking-heading{margin-bottom:20px}.ca-thinking-heading strong{font-size:14px;font-weight:600}.ca-thinking-heading p{font-size:11px;color:var(--dc-color-text-secondary);line-height:1.7;margin-top:3px}
.ca-progress{gap:0;font-size:12px}.ca-progress li{position:relative;align-items:flex-start;gap:10px;min-height:50px;transition:color 220ms ease,opacity 220ms ease}
.ca-progress li:not(:last-child):after{content:'';position:absolute;left:11px;top:26px;bottom:3px;width:2px;background:var(--dc-color-divider);transform-origin:top;transition:background-color 250ms ease}
.ca-progress li.is-done:after{background:var(--dc-color-brand-border)}.ca-progress li:last-child{min-height:35px}
.ca-progress li>span{position:relative;transition:background-color 220ms ease,color 220ms ease}.ca-progress li.is-current>span:after{content:'';position:absolute;inset:-2px;border:1px solid var(--dc-color-brand-border);border-top-color:var(--dc-color-brand);border-radius:50%;animation:cc-spin 1.4s linear infinite}
.ca-progress li>div{flex:1;padding-top:2px}.ca-progress small{display:block;font-size:10px;font-weight:400;line-height:1.7;color:var(--dc-color-text-muted)}.ca-progress .is-done small,.ca-progress .is-current small{color:var(--dc-color-brand-strong)}
.ca-progress li:not(.is-done):not(.is-current){opacity:.6}.ca-progress .is-current{font-weight:600}
.ca-scenarios{gap:5px}.ca-scenarios button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;background:var(--dc-color-surface);box-shadow:var(--dc-shadow-control)}.ca-scenarios button svg{color:var(--dc-color-text-secondary);flex-shrink:0}
.ca-scenarios button[aria-pressed=true]{background:var(--dc-color-brand-soft);border-color:var(--dc-color-brand-border);color:var(--dc-color-brand-strong)}.ca-scenarios button[aria-pressed=true] svg{color:inherit}
.cc-draft-status{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;padding:0 4px 4px;animation:cc-soft-reveal 180ms ease both}.cc-draft-status>span{display:flex;align-items:center;gap:4px;color:var(--dc-color-brand-strong)}.cc-draft-status>button{min-height:36px;border:0;background:transparent;color:var(--dc-color-text-secondary);padding:4px 8px;font-size:11px}
.cc-input-box{transition:border-color 180ms ease,box-shadow 180ms ease}.cc-input-box:focus-within{box-shadow:0 0 0 3px var(--dc-color-brand-soft)}.cc-input-box .cc-send{width:44px;height:44px}.cc-input-box .cc-send>svg{transition:transform 180ms ease}.cc-input-box .cc-send:active>svg{transform:translateY(-2px)}
.cc-attachment,.cc-upload,.cc-media-panel,.cc-error{animation:cc-soft-reveal 220ms ease both}.cc-image img{animation:cc-soft-reveal 240ms ease both}
.cc-modal-layer{animation:cc-shade-enter 180ms ease both}.cc-modal{animation:cc-sheet-enter 300ms cubic-bezier(.22,1,.36,1) both}
.cc-latest{animation:cc-soft-reveal 180ms ease both;min-height:44px}.cc-toast{animation:cc-toast-enter 200ms ease both}
.cc-workspace[data-keyboard-open=true] .ca-scenarios,.cc-workspace[data-keyboard-open=true] .cc-draft-status{display:none}
@media(hover:hover){.ca-scenarios button:not(:disabled):hover{border-color:var(--dc-color-brand-border);background:var(--dc-color-brand-soft)}.ca-fields input:hover{border-color:var(--dc-color-brand-border)}}
@media(max-width:360px){.ca-scenarios button{gap:3px;font-size:10px}.ca-scenarios button svg{width:14px}}
@keyframes cc-message-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cc-soft-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes cc-badge-arrive{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes cc-check-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes cc-shade-enter{from{opacity:0}to{opacity:1}}
@keyframes cc-sheet-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes cc-toast-enter{from{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.cc-workspace *,.cc-workspace *:before,.cc-workspace *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cc-workspace button:active:not(:disabled){transform:none}.cc-input-box .cc-send:active>svg{transform:none}}
