:root{--bg:#f3f5f3;--paper:#fff;--sidebar:#f8faf8;--ink:#1e2a27;--muted:#63736e;--line:#dce5df;--accent:#147c67;--accent-dark:#0f6554;--accent-soft:#e6f4ee;--danger:#a13e3e;--warning:#8d6214;--warning-bg:#fff6df;--focus:#87c7b4;--shadow:0 8px 28px rgba(30,48,41,.09);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent)}::selection{background:#b8e4d3;color:#173c31}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hidden{display:none!important}.muted{color:var(--muted)}.small-text{font-size:12px}.wide{width:100%}.form-error{color:var(--danger);min-height:1.4em}.toast{position:fixed;z-index:100;right:24px;bottom:24px;background:#263b33;color:#fff;box-shadow:var(--shadow);padding:11px 16px;border-radius:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(360px,calc(100vw - 30px))}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#7c3131}
h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.25;letter-spacing:-.025em}h2{font-size:17px;line-height:1.3;letter-spacing:-.015em}h3{font-size:14px;line-height:1.4}p{margin-bottom:12px}.button,.icon-button,.nav-button,.text-button{border:0;transition:background .16s,color .16s,box-shadow .16s}.button{padding:10px 15px;border-radius:10px;font-weight:600;min-height:39px}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.dark{background:#273b34;color:#fff}.button.dark:hover{background:#182b24}.button.subtle{background:#edf3ef;color:#285143}.button.subtle:hover{background:#dcece3}.text-button{padding:4px 2px;background:transparent;color:var(--accent);font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;background:transparent;color:var(--ink);font-size:22px;line-height:1}.icon-button:hover{background:#e9f1ec}input,select,textarea{width:100%;border:1px solid #cfdcd3;border-radius:9px;background:#fff;color:var(--ink);padding:9px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(20,124,103,.12)}textarea{resize:vertical;min-height:70px}label{display:block;font-weight:600;font-size:13px}label input,label select,label textarea{margin-top:6px;font-weight:400}.stack-form{display:grid;gap:15px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-actions,.dialog-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dialog-actions{justify-content:flex-end;margin-top:22px}
.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);display:flex;align-items:center;justify-content:center;gap:3px}.brand-mark span{width:4px;height:9px;background:#fff;border-radius:3px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:6px}.brand-mark.small{width:27px;height:27px;border-radius:8px}.login-view{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-panel{width:min(440px,100%);background:#fff;padding:42px 44px 34px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.login-panel .brand-name{font-weight:750;margin:11px 0 32px}.login-panel h1{font-size:27px;margin-bottom:8px}.login-panel>.muted{margin-bottom:28px}.login-foot{color:var(--muted);font-size:12px;margin:20px 0 0}
.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:62px;display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--line);padding:0 24px;flex:none}.topbar-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.topbar-brand strong{font-size:16px}.topbar-divider{height:20px;width:1px;background:var(--line);margin:0 5px}.topbar-subtitle{font-size:12px;color:var(--muted)}.top-nav{display:flex;align-items:center;gap:3px;height:100%;margin-left:20px;overflow-x:auto}.nav-button{height:100%;background:transparent;color:var(--muted);padding:0 14px;white-space:nowrap;font-weight:600;border-bottom:2px solid transparent}.nav-button:hover{color:var(--ink)}.nav-button.active{color:var(--accent);border-bottom-color:var(--accent)}.topbar-user{display:flex;align-items:center;gap:14px;margin-left:auto;white-space:nowrap;font-size:12px}.page{flex:1;min-height:0}.workspace{display:grid;grid-template-columns:290px minmax(360px,1fr) 340px;height:calc(100vh - 62px);overflow:hidden}.customer-panel,.assistant-panel{background:var(--sidebar);overflow:auto}.customer-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.assistant-panel{border-left:1px solid var(--line);padding:21px 20px}.panel-heading,.assistant-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-heading{padding:22px 18px 14px}.panel-heading h2,.assistant-head h2{margin-bottom:2px}.panel-heading p,.assistant-head p{margin-bottom:0}.customer-controls{padding:0 14px 14px;display:grid;gap:10px}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:11px;top:11px;width:17px;height:17px;fill:none;stroke:#81938a;stroke-width:1.8;stroke-linecap:round}.search-wrap input{padding-left:36px}.inline-check{display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:400;font-size:12px}.inline-check input{width:auto;margin:0}.customer-list{overflow:auto;flex:1}.customer-item{display:block;width:100%;text-align:left;border:0;border-top:1px solid #e9efeb;background:transparent;padding:14px 17px;color:var(--ink)}.customer-item:hover{background:#eef4ef}.customer-item.active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.customer-item-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.customer-item strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-item time{color:var(--muted);font-size:11px;white-space:nowrap}.customer-item-meta{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-pill{display:inline-block;background:#e7ece8;color:#537066;padding:1px 6px;border-radius:5px;font-size:11px;white-space:nowrap}.tiny-pill.douyin{background:#e9ebee;color:#4f5864}.tiny-pill.wechat{background:#e3f1e7;color:#3d7151}.list-empty{padding:24px 18px;color:var(--muted);font-size:13px}
.conversation-panel{min-width:0;background:#fff;display:flex;flex-direction:column}.conversation-active{display:flex;flex-direction:column;height:100%;min-height:0}.conversation-header{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line);min-height:75px}.conversation-title{min-width:0;flex:1}.conversation-title h2{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title p{margin:0}.conversation-controls{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;padding:12px 24px;border-bottom:1px solid var(--line);background:#fbfdfb}.conversation-controls label{font-size:11px;color:var(--muted);font-weight:600}.conversation-controls input,.conversation-controls select{margin-top:5px;padding:8px 9px;font-size:12px}.conversation-controls input:disabled,.conversation-controls select:disabled{opacity:.65}.message-list{flex:1;overflow:auto;padding:24px 5%;display:flex;flex-direction:column;gap:15px}.message{max-width:min(78%,590px);display:flex;flex-direction:column;align-items:flex-start}.message.agent{align-self:flex-end;align-items:flex-end}.message-label{font-size:11px;color:var(--muted);margin:0 5px 4px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 14px;border-radius:12px 12px 12px 3px;background:#f0f3f0;line-height:1.65}.message.agent .bubble{background:#e3f3ea;border-radius:12px 12px 3px 12px}.message time{font-size:10px;color:#7a8980;margin:4px 5px 0}.message-composer{padding:16px 22px 20px;border-top:1px solid var(--line);background:#fff}.composer-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-weight:650}.message-composer textarea{display:block}.composer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.empty-content{margin:auto;text-align:center;max-width:320px;padding:28px;color:var(--muted)}.empty-content h2{color:var(--ink);margin:13px 0 6px}.empty-symbol{display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid #b8d9c6;border-radius:16px;color:var(--accent);font-size:30px}.assistant-placeholder{padding:50px 12px;text-align:center;color:var(--muted)}.assistant-placeholder h3{color:var(--ink);margin:12px 0 5px}.assistant-emblem{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:22px}.ai-pill{background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px}.reply-platform-note{font-size:12px;color:var(--muted);margin:18px 0 0}.reply-platform-note strong{color:var(--accent)}.field-block{margin:19px 0 12px}.field-block label{display:block;margin-bottom:6px}.draft-box{margin-top:20px}.draft-title,.facts-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.draft-box textarea{line-height:1.7;min-height:180px}.draft-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 7px}.draft-box>p{line-height:1.5}.warning-list{display:grid;gap:7px;margin:9px 0}.warning{color:var(--warning);background:var(--warning-bg);padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.45}.assistant-divider{height:1px;background:var(--line);margin:24px 0 20px}.facts-heading h3{margin:0}.facts-form{display:grid;gap:10px;margin-bottom:13px}.facts-heading h3{margin:0}.facts-form{display:grid;gap:10px;margin-bottom:13px}.facts-form label{font-size:12px;color:var(--muted)}.facts-form input{font-size:13px}.summary-detail{border-top:1px solid var(--line);margin-top:24px;padding-top:14px;font-size:12px}.summary-detail summary{cursor:pointer;font-weight:600}.summary-detail p{white-space:pre-wrap;margin-top:12px}
.assistant-head-actions{display:flex;align-items:center;gap:8px}.assistant-close{display:none}
.standard-page{overflow:auto;padding:34px min(4vw,56px) 60px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.page-heading h1{margin-bottom:5px}.page-heading p{color:var(--muted);margin:0}.list-surface{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;max-width:900px}.followup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fff}.followup-row:last-child{border-bottom:0}.followup-row:hover{background:#f9fbf9}.followup-row strong{display:block}.followup-row span{color:var(--muted);font-size:12px}.followup-row button{white-space:nowrap}.admin-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.admin-side,.admin-main,.rules-layout,.settings-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.admin-side{align-self:start}.admin-side label{margin-bottom:7px}.version-list{margin-top:20px}.version-item{display:block;width:100%;padding:12px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;margin-bottom:5px}.version-item:hover,.version-item.active{background:var(--accent-soft)}.version-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.version-item span{font-size:11px;color:var(--muted)}.upload-row{display:flex;gap:10px;align-items:center}.upload-row input{flex:1;min-width:0}.knowledge-workspace{margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title h2{margin:0}.item-row{border-top:1px solid var(--line);padding:14px 0;display:flex;gap:14px;justify-content:space-between;align-items:flex-start}.item-row:first-of-type{border-top:0}.item-row h3{margin:0 0 3px}.item-row p{margin:0;color:var(--muted);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:4.6em;overflow:hidden}.item-row .tag-row{display:flex;gap:5px;margin:0 0 5px}.status-tag{display:inline-block;font-size:11px;border-radius:5px;padding:2px 6px;background:#eaf1ec;color:#3b6957}.status-tag.warn{background:#fff2d7;color:#896311}.status-tag.internal{background:#eef0f3;color:#57616a}.knowledge-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 10px}.source-detail{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.source-detail summary{cursor:pointer}.source-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 inherit;color:var(--muted);max-height:400px;overflow:auto}.rules-layout{max-width:900px}.rules-layout>.field-block{margin-top:0}.rules-tabs{display:flex;border-bottom:1px solid var(--line);margin:15px 0 14px}.rule-tab{border:0;background:transparent;padding:12px 16px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.rule-tab.active{color:var(--accent);border-bottom-color:var(--accent)}#rule-content{line-height:1.7;min-height:350px;margin-bottom:12px}.settings-grid{display:grid;grid-template-columns:minmax(330px,1fr) minmax(300px,1fr);gap:20px;align-items:start}.settings-section h2{margin-bottom:9px}.settings-section .muted{margin-bottom:20px}.user-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.user-row:first-child{border-top:0}.user-row span{display:block;color:var(--muted);font-size:12px}
.dialog{border:0;border-radius:16px;box-shadow:0 22px 80px rgba(18,40,28,.22);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;padding:24px;background:#fff;color:var(--ink)}.dialog::backdrop{background:rgba(11,29,21,.48)}.dialog form{display:grid;gap:14px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.dialog-head h2{font-size:19px;margin:0}.dialog>label{margin-top:14px}.dialog fieldset{border:1px solid var(--line);border-radius:9px;padding:11px}.dialog fieldset label{font-weight:400;margin:7px 0}.dialog fieldset input{width:auto;margin-right:7px}.checkbox-label{display:flex;align-items:center;gap:8px;margin-top:19px}.checkbox-label input{width:auto;margin:0}.import-preview{max-height:260px;overflow:auto;margin-top:10px}.import-preview-row{display:grid;grid-template-columns:105px 1fr;gap:8px;margin:7px 0}.import-preview-row select,.import-preview-row textarea{margin:0}.mobile-only{display:none}
@media(max-width:1150px){.workspace{grid-template-columns:265px minmax(320px,1fr) 305px}.assistant-panel{padding:18px 15px}.topbar{gap:14px;padding:0 16px}.top-nav{margin-left:0}.nav-button{padding:0 9px}}
@media(max-width:900px){.workspace{grid-template-columns:260px minmax(0,1fr)}.assistant-panel{position:fixed;z-index:15;right:0;top:62px;bottom:0;width:min(360px,100%);box-shadow:-10px 0 30px rgba(26,50,38,.12);transform:translateX(100%);transition:transform .2s}.assistant-panel.open{transform:translateX(0)}.assistant-toggle{display:inline-flex}.assistant-close{display:inline-grid}.settings-grid{grid-template-columns:1fr}.topbar-subtitle,.topbar-divider{display:none}}
@media(min-width:901px){.assistant-toggle{display:none!important}}
@media(max-width:640px){body{font-size:14px}.topbar{height:auto;min-height:55px;flex-wrap:wrap;gap:0;padding:0 12px}.topbar-brand{height:54px}.topbar-user{height:54px}.top-nav{order:3;width:100%;height:44px;margin:0;gap:0}.nav-button{height:44px;padding:0 12px;font-size:12px}.workspace{height:calc(100dvh - 99px);display:block;position:relative}.customer-panel,.conversation-panel{position:absolute;inset:0;width:100%;height:100%}.customer-panel{z-index:2}.workspace.show-chat .customer-panel{display:none}.workspace:not(.show-chat) .conversation-panel{display:none}.assistant-panel{top:99px;width:100%;z-index:5}.assistant-panel.open{transform:translateX(0)}.mobile-only{display:inline-grid}.conversation-header{padding:11px 14px;min-height:61px}.conversation-header .button{padding:7px 10px}.conversation-controls{grid-template-columns:1fr 1fr;padding:10px 12px;gap:8px}.conversation-controls label:last-child{grid-column:1/-1}.message-list{padding:17px 14px}.message{max-width:87%}.message-composer{padding:10px 12px 14px}.composer-top .muted{display:none}.standard-page{padding:22px 14px 40px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:21px}.admin-grid{grid-template-columns:1fr;gap:12px}.admin-side,.admin-main,.rules-layout,.settings-section{padding:15px}.upload-row{flex-direction:column;align-items:stretch}.two-fields{grid-template-columns:1fr}.dialog{padding:18px}.topbar-user{font-size:11px}.login-panel{padding:33px 24px}.toast{right:12px;bottom:12px}.followup-row{padding:13px}.conversation-title h2{font-size:15px}}

.knowledge-scope-note{margin:10px 0 0;padding:9px 11px;border-radius:8px;background:#f1f6f2;color:var(--muted);font-size:12px;line-height:1.5}
.page-heading>.button{white-space:nowrap;flex-shrink:0}

.conversation-controls{border-top:1px solid var(--line);border-bottom:0}
.conversation-controls+.message-composer{border-top:0}
.message .bubble.copyable{border:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.message .bubble.copyable:hover{background:#d2eddf}
.message .bubble.copyable:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.message-warning{max-width:590px;margin-top:6px;padding:6px 9px;border-radius:7px;background:var(--warning-bg);color:var(--warning);font-size:11px;line-height:1.45}
.message-edit{margin:5px 5px 0;padding:2px 0;border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:600}
.message-edit:hover{text-decoration:underline;text-underline-offset:2px}
.reply-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.4}
.reply-progress:not(:has(#reply-status:not(:empty))):not(:has(#retry-reply-button:not(.hidden))){display:none}
@media(max-width:640px){
  .top-nav .nav-button.mobile-only{display:inline-grid;place-items:center}
  .workspace:not(.show-customers) .customer-panel{display:none}
  .workspace:not(.show-customers) .conversation-panel{display:flex}
  .workspace.show-customers .customer-panel{display:flex}
  .workspace.show-customers .conversation-panel{display:none}
  .empty-content .mobile-only{display:inline-flex;margin-top:12px}
  .composer-actions{gap:8px}
  .composer-actions .button{padding:8px 9px;font-size:12px}
}
.ai-advanced{border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:#fafbf9}.ai-advanced summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600}.ai-advanced[open] summary{margin-bottom:14px}.ai-advanced .stack-form{gap:12px}#ai-provider-note{margin:-4px 0 0;line-height:1.5}
.load-more{display:block;width:100%;padding:12px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);font-weight:600}.load-more:hover{background:#eef4ef}
.item-row>.button{flex:none;white-space:nowrap}
.conversation-controls{display:flex;align-items:center;gap:14px;padding:10px 22px}
.platform-label{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.platform-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f0f4f1}
.platform-switch button{min-width:76px;min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.platform-switch button[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:0 1px 3px #163b2b33}
.platform-switch button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.platform-switch button:disabled{opacity:.55;cursor:wait}
@media(max-width:640px){.conversation-controls{display:flex;padding:9px 12px}.platform-switch{flex:1;display:flex}.platform-switch button{flex:1}}
.customer-heading-actions{display:flex;align-items:center;gap:10px}
.customer-bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid var(--line);background:#f5f8f5;font-size:12px;color:var(--muted)}
.customer-bulk-actions .button{padding:6px 10px;min-height:32px;font-size:12px}
.button.danger{background:#8a3833;color:#fff}.button.danger:hover{background:#712b27}.button.danger:disabled{opacity:.45;cursor:not-allowed}
.customer-row{display:flex;align-items:stretch;border-top:1px solid #e9efeb}.customer-row .customer-item{flex:1;min-width:0;border-top:0}.customer-row.selecting>input{flex:none;align-self:center;width:17px;height:17px;margin:0 0 0 14px;accent-color:var(--accent)}.customer-row.selected{background:var(--accent-soft)}
.customer-list{background:#fff}.customer-row:nth-child(even){background:#f3f7f4}.customer-row.selected{background:var(--accent-soft)}
.customer-row .customer-item{display:flex;align-items:center;gap:10px;min-height:76px;padding:11px 14px;background:transparent}.customer-row .customer-item:hover{background:#eaf2ec}.customer-row .customer-item.active{background:#e0f1e7}
.customer-avatar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:18px;font-weight:750;line-height:1;background:#dcece2;color:#315f49}
.avatar-tone-1{background:#e6ecf4;color:#3d5879}.avatar-tone-2{background:#f2e9dd;color:#765437}.avatar-tone-3{background:#ede7f2;color:#624c76}
.customer-item-content{display:block;flex:1;min-width:0;text-align:left}.customer-item-head{min-width:0}.customer-item-head strong{min-width:0}.customer-item-meta{min-width:0}.customer-handle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-panel,.customer-list,.conversation-panel,.conversation-active,.message-list{min-height:0}
.conversation-panel,.conversation-active{overflow:hidden}
.message-list{overscroll-behavior:contain}
@media(min-width:641px){.app{height:100dvh;min-height:0;overflow:hidden}.workspace{flex:none;height:calc(100dvh - 62px);grid-template-rows:minmax(0,1fr)}}
@media(max-width:640px){.composer-actions{flex-direction:column;align-items:center}.composer-actions #import-button{align-self:flex-start}.composer-actions [type="submit"]{width:80vw;max-width:100%;min-height:42px;margin-inline:auto}}

/* iOS zooms the whole page when a focused form control is smaller than 16px. */
@media(max-width:640px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  :is(.login-view,.app,.dialog) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){min-width:0;max-width:100%;font-size:16px!important}
  .login-view,.app,.workspace,.page,.conversation-panel,.conversation-active,.message-composer{min-width:0;max-width:100%}
  .app{height:var(--mobile-viewport-height,100dvh);min-height:0;overflow:hidden}
  .workspace{height:calc(var(--mobile-viewport-height,100dvh) - 99px)}
  .login-view{min-height:100svh}
  .message-composer{padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .dialog{max-height:calc(var(--mobile-viewport-height,100dvh) - 24px)}
}