.compact-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}
.compact-progress h2{font-size:21px;margin:4px 0;line-height:1.5}.compact-progress p{font-size:13px;color:#68627c;margin:4px 0}.compact-progress-action{flex-shrink:0}
.staff-ai-panel{align-self:start;overflow:hidden}.ai-panel-heading{padding:22px 22px 10px}.ai-panel-heading h2{font-size:22px;margin:6px 0}.ai-panel-heading p{font-size:14px;line-height:1.8;margin:0;color:#6d667e}
.ai-eyebrow{font-size:12px;letter-spacing:.06em;color:#7d36c4;font-weight:700}#staff-ai-form{padding:8px 22px}.ai-capture-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#staff-ai-form textarea{font-size:16px;line-height:1.9;min-height:125px}.ai-compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.ai-compose-actions .btn{min-height:44px}
.ai-batch-footer{padding:14px 22px 22px}.ai-batch-footer small{display:block;text-align:center;color:#776e85;font-size:12px;line-height:1.8;margin-top:10px}
.ai-draft-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px 8px}.ai-draft-heading small{color:#8b758e}.ai-draft{margin:8px 22px;padding:14px;background:#faf8ff;border:1px solid #e6dcf2;border-radius:12px}.ai-draft p,.ai-exchange p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:10px 0}.ai-draft .row-actions{gap:8px;justify-content:flex-end}
.ai-status{padding:18px 22px;border-bottom:1px solid #ece5f5}.ai-status h2{font-size:20px;line-height:1.6;margin:8px 0}.ai-status p{font-size:14px;line-height:1.9;margin:7px 0}.ai-status small{display:block;font-size:12px;color:#68627c;line-height:1.8;margin-top:12px}.ai-status.returned{background:#eef9f3;color:#25664b}.ai-status.working{background:#f6f2fd}.ai-status.attention,.ai-status.setup{background:#fff9ed;color:#785724}.ai-status.new-result{background:#edf4ff}.ai-status .btn{margin:8px 6px 0 0}
.ai-mini-steps{list-style:none;display:flex;padding:0;margin:22px 0;gap:8px}.ai-mini-steps li{flex:1;border-top:3px solid #dcd5e8;padding-top:8px;color:#877d94;font-size:13px}.ai-mini-steps .done{border-color:#43a37a;color:#337a5c}.ai-mini-steps .current{border-color:#9545d9;color:#7534aa}
.ai-sent-history{border-top:1px solid #ebe7f2;padding:18px 22px}.ai-sent-history summary{font-size:14px;font-weight:600;cursor:pointer}.ai-exchange{margin-top:16px;border:1px solid #e7e1f0;border-radius:12px;overflow:hidden}.ai-exchange-request{background:#f6f2fd;padding:12px 15px}.ai-exchange-response{background:#f1f9f5;padding:12px 15px;border-top:1px solid #e2ece6}.ai-exchange small{font-size:12px;font-weight:600;color:#665b79}.ai-exchange-response small{color:#3c755b}
.customer-fixes-details{padding:16px 20px;margin:18px 0}.customer-fixes-details>summary{font-weight:600}.customer-fixes-details .focused-fixes{border:0;box-shadow:none;margin-top:14px}.focused-review-layout:has(.staff-ai-panel){grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:22px;align-items:start}.focused-review-layout:has(.staff-ai-panel) .player-panel{position:sticky;top:90px}.staff-ai-panel .review-attachment{max-width:100%}.staff-ai-panel .review-attachment img{max-width:100px}.staff-ai-panel [hidden]{display:none!important}
@media(max-width:1100px){.focused-review-layout:has(.staff-ai-panel){grid-template-columns:minmax(0,1fr) minmax(310px,1fr)}}
@media(max-width:800px){.focused-review-layout:has(.staff-ai-panel){grid-template-columns:minmax(0,1fr)}.focused-review-layout:has(.staff-ai-panel) .player-panel{position:static}.compact-progress{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.compact-progress h2{font-size:20px}.compact-progress-action .btn{width:100%}.ai-panel-heading,.ai-status{padding:18px}#staff-ai-form{padding:8px 18px}.ai-batch-footer{padding:14px 18px 18px}.ai-draft{margin:8px 18px}.ai-draft-heading,.ai-sent-history{padding:14px 18px}.ai-capture-row .btn{font-size:13px}.customer-fixes-details{padding:14px}.ai-compose-actions{justify-content:space-between}.ai-compose-actions .btn{font-size:13px}}
