:root{color:#152238;background:radial-gradient(circle at top left,rgba(249,115,22,.14),transparent 24%),radial-gradient(circle at top right,rgba(14,165,233,.15),transparent 22%),linear-gradient(180deg,#fffdf7,#f8fafc);font-family:Segoe UI,PingFang SC,sans-serif}html,body,#root{height:100%;margin:0}*{box-sizing:border-box}body{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.agent-app{height:100dvh;min-height:0;overflow:hidden;padding:24px}.agent-app__frame{height:100%;min-height:0;display:flex;flex-direction:column;gap:20px;overflow:hidden}.agent-app__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.agent-app__header-copy{min-width:0}.agent-app__eyebrow{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#64748b}.agent-app__header-copy h1{margin:8px 0 6px;font-size:32px;color:#0f172a}.agent-app__header-copy>p:last-child{margin:0;color:#475569;max-width:760px;line-height:1.6}.agent-app__header-actions{display:flex;align-items:flex-start}.agent-app__content{flex:1;min-height:0;overflow:hidden}.agent-boot-shell,.login-shell{min-height:0;height:100%}.agent-boot-shell{display:grid;place-items:center}.agent-boot-card,.feature-card,.empty-card{border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#ffffffeb;box-shadow:0 14px 36px #0f172a14}.agent-boot-card{padding:28px 32px;text-align:center}.agent-boot-card p{margin:8px 0 0;color:#516176}.login-shell{display:grid;grid-template-columns:minmax(420px,560px) minmax(280px,360px);gap:22px;align-items:start;overflow:auto;padding-right:4px}.login-panel{border:1px solid rgba(148,163,184,.22);border-radius:24px;background:#fffffff0;box-shadow:0 20px 50px #0f172a1a;padding:28px}.login-panel__copy h2{margin:8px 0 12px;font-size:2rem}.login-panel__copy p{margin:0;color:#516176;line-height:1.6}.login-panel__eyebrow,.workbench-topbar__eyebrow{margin:0;color:#8a5a10;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.login-form,.workbench-shell,.inbox-column,.chat-column,.sidebar-column,.field,.quick-reply-list,.history-list{display:flex;flex-direction:column}.login-form{gap:14px;margin-top:24px}.login-sidecar{display:grid;gap:18px}.feature-card{padding:20px}.feature-card h3{margin:0 0 12px}.feature-card ul,.feature-card p{margin:0;color:#516176;line-height:1.7}.field{gap:8px}.field--compact span{font-size:.82rem}.field span{color:#475569;font-weight:600}.field input,.field textarea,.login-form input,.composer-row textarea,.remark-editor{width:100%;border:1px solid rgba(148,163,184,.36);border-radius:14px;background:#fffffff0;color:#152238;transition:border-color .14s ease,box-shadow .14s ease}.field input,.field textarea,.login-form input{padding:12px 14px}.field input:focus,.field textarea:focus,.login-form input:focus,.composer-row textarea:focus,.remark-editor:focus{outline:none;border-color:#0e7490b3;box-shadow:0 0 0 3px #38bdf824}.primary-button,.ghost-button,.filter-tab,.pin-button,.quick-reply-card,.history-card,.conversation-card{border:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}.primary-button{padding:12px 16px;border-radius:14px;background:linear-gradient(180deg,#0f766e,#115e59);color:#fff;font-weight:700;box-shadow:0 14px 24px #0f766e33}.ghost-button,.filter-tab,.pin-button{padding:10px 12px;border-radius:12px;background:#ffffffdb;color:#152238;border:1px solid rgba(148,163,184,.24)}.primary-button:hover,.ghost-button:hover,.filter-tab:hover,.pin-button:hover,.quick-reply-card:hover,.history-card:hover,.conversation-card:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-error{margin:0;color:#b91c1c;line-height:1.5}.workbench-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.workbench-shell{height:100%;min-height:0;gap:18px;overflow:hidden}.workbench-topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 22px;border-radius:22px;background:#ffffffeb;border:1px solid rgba(148,163,184,.2);box-shadow:0 16px 40px #0f172a14;flex-shrink:0}.workbench-topbar__identity,.workbench-topbar__meta,.workbench-topbar__actions,.filter-tabs,.composer-toolbar,.composer-row,.attachment-draft,.conversation-card__head,.conversation-card__meta,.chat-header,.chat-header__meta,.message-card__meta,.info-block__header,.quick-reply-card__head{display:flex}.workbench-topbar__identity,.workbench-topbar__meta,.workbench-topbar__actions{gap:14px;align-items:center}.workbench-topbar__identity h2{margin:6px 0 0}.workbench-topbar__meta{color:#516176;flex-wrap:wrap}.sound-reminder,.sound-reminder__toggle,.sound-reminder__volume{display:inline-flex;align-items:center;gap:8px}.sound-reminder{flex-wrap:wrap;padding:6px 8px;border-radius:12px;background:#f1f5f9b8;border:1px solid rgba(148,163,184,.22)}.sound-reminder__toggle{color:#152238;font-size:.88rem;font-weight:700;white-space:nowrap}.sound-reminder__toggle input{width:16px;height:16px;accent-color:#0f766e}.sound-reminder__volume{color:#152238;font-size:.84rem;font-weight:700;white-space:nowrap}.sound-reminder__volume input[type=range]{width:112px;accent-color:#0f766e}.sound-reminder__volume strong{min-width:38px;text-align:right;color:#0f766e}.sound-reminder .ghost-button{padding:7px 10px;border-radius:10px}.sound-reminder__prompt{color:#b45309;font-size:.78rem;font-weight:700}.workbench-grid{flex:1;min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:18px;overflow:hidden}.inbox-column,.sidebar-column{height:100%;min-height:0;gap:14px}.inbox-column{overflow:hidden}.sidebar-column{overflow-y:auto;padding-right:4px}.conversation-list,.message-stream{gap:12px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.quick-reply-list,.history-list{gap:12px;min-height:0}.filter-tabs,.composer-toolbar,.composer-row,.conversation-card__meta,.chat-header,.chat-header__meta,.message-card__meta,.info-block__header,.quick-reply-card__head{justify-content:space-between;gap:10px;align-items:center}.filter-tab.is-active,.pin-button.is-active{background:#152238;color:#fff}.conversation-card,.quick-reply-card,.history-card{width:100%;text-align:left;padding:12px 14px;border-radius:18px;background:#ffffffe0;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 22px #94a3b81a}.conversation-card.is-selected,.history-card.is-selected{background:linear-gradient(180deg,#0f766e,#155e75);color:#fff}.conversation-card.is-selected p,.conversation-card.is-selected span,.history-card.is-selected p,.history-card.is-selected span{color:#ffffffe0}.conversation-card__head strong,.history-card strong{display:block}.conversation-card__head{align-items:flex-start;gap:10px}.conversation-card__meta{margin-left:auto;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.conversation-card__title-stack{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.conversation-card__title-stack strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card__identity,.conversation-card__time{color:#64748b;font-size:.78rem}.conversation-card__identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card__time{white-space:nowrap}.conversation-card__head span,.tiny-text,.history-card span,.history-card p{color:#64748b;font-size:.82rem}.conversation-card p,.quick-reply-card p{margin:8px 0 0;color:#516176;line-height:1.55}.conversation-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.chat-panel-shell{min-width:0;min-height:0;display:flex;overflow:hidden}.chat-panel-shell>section{flex:1;min-width:0;min-height:0;overflow:hidden}.chat-panel-shell>section>div:first-child{display:none}.chat-panel-shell>section>div:nth-child(2){display:flex;min-height:0}.chat-panel-shell>section>div:last-child{margin-top:0!important;flex-shrink:0}.chat-column{min-width:0;height:100%;min-height:0;flex:1;gap:14px;overflow:hidden}.chat-header{padding:14px 16px;border-radius:18px;background:#f8fafce6;border:1px solid rgba(148,163,184,.16);align-items:flex-start}.chat-header strong,.chat-header span{display:block}.chat-header__identity{min-width:0;flex:1}.chat-header__identity span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header__external-id{display:flex!important;align-items:baseline;gap:4px;min-width:0;max-width:100%;font-weight:800;color:#152238}.chat-header__external-id-label,.chat-header__external-id-text{display:inline-block!important;min-width:0;margin-top:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-external-id-display,.inline-external-id-edit-button,.inline-external-id-action{border:0;background:transparent;font:inherit}.inline-external-id-display{min-width:0;padding:0 2px;color:#152238;cursor:text;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-external-id-display:hover,.inline-external-id-display:focus-visible{color:#0f766e;text-decoration:underline}.inline-external-id-edit-button{flex:0 0 auto;padding:1px 5px;border-radius:8px;color:#0f766e;cursor:pointer;font-size:.78rem;font-weight:700}.inline-external-id-edit-button:hover,.inline-external-id-edit-button:focus-visible{background:#14b8a61a}.inline-external-id-editor{display:inline-flex!important;align-items:center;gap:6px;max-width:min(620px,100%);min-width:0}.inline-external-id-editor--sidebar{display:flex!important;flex-wrap:wrap}.inline-external-id-editor input{min-width:160px;max-width:260px;height:32px;border:1px solid rgba(14,116,144,.35);border-radius:10px;padding:0 10px;color:#152238;font-weight:700}.inline-external-id-editor input:focus{outline:none;border-color:#0e7490cc;box-shadow:0 0 0 3px #14b8a624}.inline-external-id-action{flex:0 0 auto;padding:5px 8px;border-radius:9px;background:#e2e8f0bf;color:#334155;cursor:pointer;font-size:.78rem;font-weight:700}.inline-external-id-action--primary{background:#0f766e;color:#fff}.inline-external-id-action:disabled{cursor:not-allowed;opacity:.6}.inline-external-id-read-row{display:inline-flex!important;align-items:baseline;gap:6px;max-width:100%;min-width:0}.chat-header__note-link{flex:0 0 auto;border:none;padding:0;background:transparent;color:#0f766e;cursor:pointer;font:inherit;font-weight:800;white-space:nowrap}.chat-header__note-link:hover,.chat-header__note-link:focus-visible{text-decoration:underline}.chat-header span{color:#64748b;margin-top:4px}.chat-header__source{font-size:.82rem}.chat-header__meta{flex-wrap:wrap;justify-content:flex-end}.chat-header__meta .ghost-button,.chat-header__edit-button{padding:7px 10px;border-radius:10px}.message-stream{max-height:none;display:flex;flex-direction:column;gap:14px;align-items:stretch}.message-row{display:flex;width:100%;margin:0}.message-row--visitor{justify-content:flex-start}.message-row--agent{justify-content:flex-end}.message-card{width:fit-content;max-width:min(72%,720px);min-width:0;padding:14px 16px 12px;border-radius:22px;box-shadow:0 14px 28px #94a3b81f;display:flex;flex-direction:column;gap:10px}.message-card--visitor{align-self:flex-start;background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.message-card--agent{align-self:flex-end;background:linear-gradient(180deg,#dbeafe,#bfdbfe)}.message-card__body{margin:0;white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}.message-card__author{display:block;font-size:.86rem;color:#1e293b;opacity:.78}.message-card__body--placeholder{color:#64748b;font-style:italic}.message-card__foot span,.message-card__foot time{color:#516176;font-size:.82rem}.message-card__foot{margin-top:2px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.message-card__foot time{margin-left:auto;white-space:nowrap}.message-card__actions{display:flex;justify-content:flex-end;margin-top:-2px}.message-revoke-button{border:none;background:transparent;color:#0f766e;font-size:.78rem;font-weight:700;padding:0}.message-attachment,.attachment-draft{border:1px solid rgba(148,163,184,.22);border-radius:16px;background:#ffffffe0}.message-attachment{display:grid;gap:6px;padding:10px 12px;max-width:100%;overflow:hidden}.message-attachment strong,.message-attachment span,.message-attachment small{color:#64748b;overflow-wrap:anywhere;word-break:break-word}.composer-panel{display:grid;gap:12px;flex-shrink:0;min-height:0;border-top:1px solid rgba(148,163,184,.18);padding-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0f172a6b}.modal-card{width:min(520px,100%);max-height:min(720px,calc(100vh - 48px));overflow-y:auto;display:grid;gap:16px;padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(148,163,184,.24);box-shadow:0 24px 64px #0f172a38}.modal-card__header,.modal-card__actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-card__header span{display:block;margin-top:4px;color:#64748b;font-size:.84rem;line-height:1.5}.modal-card__actions{justify-content:flex-end}.modal-card .remark-editor{min-height:120px}.composer-toolbar{flex-wrap:wrap;align-items:flex-start}.composer-toolbar__group,.composer-toolbar__status,.composer-popover__header,.quick-reply-toolbar-group__title,.emoji-grid{display:flex}.composer-toolbar__group,.composer-toolbar__status,.emoji-grid{gap:10px;align-items:center}.composer-toolbar__status{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.composer-popover{border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#fffffff5;box-shadow:0 16px 36px #0f172a14;padding:14px;display:grid;gap:12px}.composer-popover--quick-reply{max-height:320px;overflow:hidden}.composer-popover__header{justify-content:space-between;align-items:center}.emoji-grid{flex-wrap:wrap}.emoji-button{border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#f8fafcf0;min-width:44px;min-height:44px;font-size:1.2rem}.quick-reply-toolbar-list{display:grid;gap:12px;min-height:0;overflow-y:auto;padding-right:4px}.quick-reply-toolbar-group{display:grid;gap:8px}.quick-reply-toolbar-group__title{align-items:center;color:#475569;font-size:.82rem;font-weight:700}.composer-row{align-items:stretch}.composer-row textarea,.remark-editor{resize:none;padding:14px 16px}.composer-row textarea{flex:1;min-height:80px;max-height:180px}.remark-editor{min-height:104px}.attachment-draft{gap:14px;align-items:center;padding:10px 12px}.attachment-draft img{width:56px;height:56px;border-radius:14px;object-fit:cover}.attachment-draft__video,.message-attachment__video{width:100%;max-width:320px;border-radius:14px;background:#0f172a}.attachment-draft__video{width:96px;height:56px;object-fit:cover}.attachment-draft__icon,.message-attachment__file{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:56px;padding:10px 12px;border-radius:14px;background:#0f172a14;color:#0f172a;font-size:.75rem;font-weight:800;letter-spacing:.08em}.message-attachment__image{display:block;width:min(100%,320px);max-height:280px;object-fit:cover;border-radius:14px}.message-attachment__link{color:#0f766e;font-weight:700;text-decoration:none}.message-attachment__link:hover{text-decoration:underline}.attachment-draft span{color:#64748b}.info-block{border:1px solid rgba(148,163,184,.16);border-radius:18px;background:#ffffffd6;padding:16px}.info-block__header h3{margin:0;font-size:1rem}.key-value,.tag-list{display:grid;gap:12px}.key-value{margin:14px 0 0}.key-value--paired{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.key-value__time-card{border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#f8fafceb;padding:10px 12px}.key-value dt{color:#64748b;font-size:.82rem}.key-value dd{margin:4px 0 0;color:#152238;font-weight:600}.tag-list{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(88px,max-content))}.tag-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid currentColor;border-radius:999px;background:#ffffffb8;font-size:.82rem;font-weight:700}.external-profile-list{display:grid;gap:12px;margin-top:12px}.external-profile-card{border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#f8fafce6;padding:12px 14px}.external-profile-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.external-profile-card__header span,.external-profile-card__meta-line{color:#516176;font-size:.84rem}.external-profile-card__meta-line{margin:8px 0 0}.external-profile-card__payload{display:grid;gap:8px;margin-top:12px}.external-profile-card__payload>span{color:#64748b;font-size:.82rem;font-weight:600}.metadata-block{margin:0;padding:12px;border-radius:14px;background:#0f172a;color:#dbeafe;overflow:auto;font-family:Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}@media (max-width: 1380px){.workbench-grid{grid-template-columns:280px minmax(0,1fr) 300px}}@media (max-width: 1080px){.workbench-grid{grid-template-columns:260px minmax(0,1fr) 280px}.agent-app{padding:18px}.agent-app__header{flex-direction:column}.agent-app__header-actions{width:100%}}@media (max-width: 900px){.login-shell,.workbench-grid{grid-template-columns:1fr}.agent-app{overflow:auto}.agent-app__content,.workbench-shell,.workbench-grid{overflow:visible}.sidebar-column{overflow:visible;padding-right:0}}@media (max-width: 720px){.workbench-topbar,.workbench-topbar__identity,.workbench-topbar__actions,.composer-toolbar,.composer-toolbar__group,.composer-toolbar__status,.composer-row,.attachment-draft,.chat-header,.conversation-card__head{flex-direction:column;align-items:flex-start}.conversation-card__meta,.key-value--paired{width:100%}.key-value--paired{grid-template-columns:1fr}.message-card,.conversation-card,.history-card{max-width:100%}.message-card{max-width:84%}.composer-toolbar__status{margin-left:0;align-items:flex-start}.emoji-grid{justify-content:flex-start}}