#operator-agent-inbox[hidden],.agent-widget[hidden]{display:none!important}
.agent-head,.agent-tools,.agent-tabs,.agent-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.agent-head{justify-content:space-between;margin:12px 0}.agent-head h2{margin:0}.agent-status{font-size:12px;color:#4d5948}
.agent-dot{border-radius:20px;background:#eef1e8;padding:5px 9px}.agent-dot[data-online=true]{background:#d6f59a;color:#203718}
.agent-layout{display:grid;grid-template-columns:minmax(230px,31%) minmax(0,1fr);border:1px solid #d7ddce;border-radius:22px;overflow:hidden;background:#fff;min-height:570px;margin-top:16px}
.agent-rail{background:#f6f8f1;padding:14px;border-right:1px solid #d7ddce;min-width:0}.agent-rail input,.agent-rail select{width:100%;margin-bottom:8px}.agent-clients{max-height:70vh;overflow:auto;overscroll-behavior:contain}
.agent-client{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:14px;background:transparent;padding:13px 10px;cursor:pointer;color:#1b2418}.agent-client[aria-pressed=true]{border-color:#99c652;background:#edf8d9}.agent-client strong,.agent-client small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-client small{font-size:12px;color:#52604b;margin-top:5px}.agent-unread{display:inline-block;background:#cffa7b;padding:2px 7px;border-radius:20px;font-size:11px;margin-top:5px}
.agent-detail{padding:18px;min-width:0}.agent-detail h3{overflow-wrap:anywhere;margin:0}.agent-tabs{border-block:1px solid #e4e8dd;margin:12px -18px;padding:10px 18px}.agent-tabs button[aria-pressed=true]{background:#d6f59a;border-color:#9ac456}
.agent-tools{margin:10px 0}.agent-tools select{max-width:210px}.agent-history{height:350px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;background:#f4f6ef;border-radius:16px;padding:14px;margin:14px 0}
.agent-bubble{align-self:flex-start;max-width:88%;background:white;border-radius:14px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.agent-bubble[data-sender=operator],.agent-bubble[data-sender=assistant]{align-self:flex-end;background:#dcf8ac}.agent-bubble small{display:block;font-size:11px;color:#56614f;margin-top:7px}.agent-translation{border-top:1px solid #ccd6bb;margin-top:8px;padding-top:8px;font-size:12px;color:#46533e}
.agent-draft{border:1px solid #abd36a;background:#f2fae5;border-radius:16px;padding:14px;margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.agent-compose textarea{width:100%;min-height:90px;resize:vertical}.agent-compose button{margin-top:8px}.agent-error{color:#9d3021;white-space:pre-wrap}.agent-subpanel{padding:12px;border:1px solid #d7ddce;border-radius:14px;margin-top:12px}.agent-subpanel input{max-width:100%}.agent-subpanel form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.agent-subpanel label{display:block}.agent-empty{padding:60px 15px;text-align:center;color:#626c5a}
.agent-widget{position:fixed;right:18px;bottom:18px;z-index:30;max-width:340px;width:calc(100vw - 36px);background:#fcfdf9;border:1px solid #b4d47e;border-radius:18px;box-shadow:0 8px 30px #172a1426;padding:14px}.agent-widget summary{cursor:pointer;font-weight:700}.agent-widget-list{max-height:320px;overflow:auto}.agent-widget button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e2e7d8;background:transparent;padding:12px 3px;overflow-wrap:anywhere;cursor:pointer}.agent-widget button small{display:block;color:#62705a}.agent-back{display:none}
@media(max-width:720px){.agent-layout{grid-template-columns:1fr;min-height:420px}.agent-rail{border-right:0}.agent-clients{max-height:65vh}.agent-layout[data-selected=true] .agent-rail{display:none}.agent-layout:not([data-selected=true]) .agent-detail{display:none}.agent-back{display:inline-flex}.agent-detail{padding:12px}.agent-tabs{margin-inline:-12px;padding-inline:12px}.agent-history{height:45vh}.agent-widget{position:static;width:auto;max-width:none;margin:16px 0;box-shadow:none}.agent-tools select{max-width:100%;flex:1}.agent-head h2{font-size:24px}}