.asha-inbox-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.asha-inbox-list{padding:16px;position:sticky;top:16px;max-height:80vh;overflow:auto}
.asha-inbox-item{display:block;text-decoration:none;color:inherit;padding:16px 12px;border-radius:10px;border:1px solid #e0e8e2;margin-top:12px;overflow-wrap:anywhere}
.asha-inbox-item.selected{background:#eaf3ed;border-color:#638e76}.asha-inbox-item:hover{background:#f0f5f1}
.asha-inbox-item strong{display:block;font-size:13px;margin-top:10px}.asha-inbox-item p{font-size:14px;line-height:1.5;margin:8px 0}.asha-inbox-item small{font-size:11px;color:#687f73}
.asha-inbox-message{padding:16px 0;border-bottom:1px solid #e0e8e2}.asha-inbox-message strong{font-size:12px;color:#527c65}
.asha-response-actions{display:flex;gap:10px;flex-wrap:wrap}.asha-chat-switch{display:flex;align-items:center;gap:16px;justify-content:space-between;border:1px solid #d5e3da;background:#eef5ef;border-radius:10px;padding:10px 14px;margin-bottom:10px}
.asha-chat-switch strong{font-size:13px}.asha-chat-switch p{font-size:11px;line-height:1.4;margin:4px 0 0;max-width:470px;color:#526d5d}
.asha-chat-switch button,.asha-chat-switch a{flex-shrink:0;font:inherit;font-size:12px;padding:8px 10px;color:#24513c;border:1px solid #b8cebf;border-radius:7px;background:white;text-decoration:none;cursor:pointer}
@media(max-width:1100px){.asha-inbox-grid{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:800px){.asha-inbox-grid{grid-template-columns:1fr}.asha-inbox-list{position:static;max-height:280px}.asha-chat-switch{gap:8px;padding:9px}.asha-chat-switch p{font-size:10px}}
.asha-studio{max-width:1900px;padding:28px 24px 60px}.asha-studio-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.asha-active-work{min-width:0}.asha-two-lanes{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:20px;align-items:start}.asha-private-lane,.asha-customer-lane{min-width:0}.asha-request-bar{display:flex;gap:16px;justify-content:space-between;align-items:center}.asha-request-bar>div{min-width:0;overflow-wrap:anywhere}.asha-request-bar p{margin:8px 0 0}.asha-run{border:1px solid #d5e3db;border-radius:10px;margin:16px 0;overflow:hidden}.asha-run-prompt,.asha-run-result{padding:16px}.asha-run-prompt{background:#edf2f7}.asha-run-result{background:#f7faf7}.asha-run strong{font-size:12px}.asha-run-result .asha-prose{max-height:440px;overflow:auto;font-size:13px;margin:10px 0}.asha-user-messages{max-height:55vh;overflow:auto}.asha-customer-lane>.asha-panel:first-child{border-top:3px solid #619b80}.asha-private-lane>.asha-panel:first-child{border-top:3px solid #6c88b1}.asha-studio textarea{min-height:90px}
@media(max-width:1350px){.asha-studio-grid{grid-template-columns:190px minmax(0,1fr)}.asha-two-lanes{grid-template-columns:1fr}.asha-customer-lane{grid-row:1}.asha-user-messages{max-height:240px}}
@media(max-width:850px){.asha-studio-grid{grid-template-columns:1fr}.asha-studio{padding:20px 12px}.asha-request-bar{flex-direction:column;align-items:flex-start}.asha-studio .asha-inbox-list{position:static;max-height:220px}}
.asha-working-status{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#245c4b;font-size:14px;font-weight:600}
.asha-working-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:asha-working-pulse 1.4s ease-in-out infinite}
.asha-working-dots{display:inline-block;animation:asha-working-pulse 1.4s ease-in-out .2s infinite}
@keyframes asha-working-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.asha-working-dot,.asha-working-dots{animation:none}}

/* A compact inbox leaves the full working width available to the operator. */
.asha-studio{padding:22px 24px 40px}.asha-studio .asha-heading{margin-bottom:18px;gap:12px}.asha-studio .asha-heading h1{font-size:26px;letter-spacing:-.6px;margin:4px 0 8px}.asha-studio .asha-heading p{margin:0;font-size:12px}
.asha-studio .asha-studio-grid{display:block}.asha-studio .asha-inbox-list{position:static;max-height:none;padding:14px;margin-bottom:16px}.asha-studio .asha-inbox-list h2{font-size:13px;margin:0 0 8px}
.asha-request-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.asha-studio .asha-inbox-item{flex:0 0 260px;margin:0;padding:10px 12px;box-sizing:border-box}.asha-studio .asha-inbox-item strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.asha-studio .asha-inbox-item p{font-size:12px;line-height:1.4;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asha-studio .asha-tag{font-size:10px}.asha-selected-label{font-size:10px;color:#245b48;float:right}.asha-inbox-item.selected{box-shadow:inset 3px 0 #245b48}
.asha-studio .asha-request-bar{padding:16px;margin-bottom:16px}.asha-studio .asha-request-bar p{font-size:14px}.asha-studio .asha-two-lanes{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px}.asha-studio .asha-customer-lane{grid-row:auto}.asha-studio .asha-panel h2{font-size:18px}.asha-studio .asha-private-lane>.asha-panel,.asha-studio .asha-customer-lane>.asha-panel{padding:18px}.asha-studio .asha-user-messages{max-height:360px}.asha-run>summary{padding:12px 16px;font-size:12px;cursor:pointer;background:#f0f5f3}.asha-delivered-text{margin-top:12px}.asha-delivered-text summary{cursor:pointer;font-size:13px}.asha-delivered-text .asha-prose{max-height:340px;overflow:auto}.asha-studio .asha-footnote{margin-top:6px}
@media(max-width:1000px){.asha-studio .asha-two-lanes{grid-template-columns:1fr}.asha-studio .asha-customer-lane{grid-row:auto}}
@media(max-width:600px){.asha-studio{padding:16px 12px}.asha-studio .asha-heading{flex-direction:row;align-items:center}.asha-studio .asha-heading h1{font-size:23px}.asha-studio .asha-inbox-item{flex-basis:235px}}

/* Feedback stays beside the instruction; progress follows the latest output. */
.asha-progress-tail{display:inline-block;vertical-align:middle;margin-left:8px;animation:asha-tail-bob 1.2s ease-in-out infinite}
.asha-sending-feedback{display:none}
.phx-submit-loading .asha-sending-feedback{display:block;color:#245c4b}
.phx-submit-loading .asha-send-receipt,.phx-submit-loading #asha-send-error{display:none}
.asha-send-receipt{color:#245c4b;margin:0;font-size:14px}
@keyframes asha-tail-bob{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){.asha-progress-tail{animation:none}}