/* AI办公 production UI: approved two-column reference style. */
:root{
  --c-bg:#f4f5f6;--c-surface:#fff;--c-surface-2:#f4f5f6;--c-surface-3:#eceff1;
  --c-border:#d8dde2;--c-border-strong:#aab2bb;--c-text:#181818;--c-text-2:#3f4750;--c-text-3:#69717b;
  --c-accent:#c94a3a;--c-accent-hover:#ad3e31;--c-accent-soft:#faecea;--c-accent-soft-2:#f4d9d5;
  --c-on-accent:#fff;--c-danger:#c94a3a;--c-danger-soft:#faecea;--c-warn:#9a681d;--c-warn-soft:#fff1cf;
  --c-chat-bg:#f4f5f6;--c-bubble-theirs:#fff;--c-bubble-theirs-border:#d8dde2;
  --c-bubble-mine:#181818;--c-bubble-mine-text:#fff;--c-rail:#fff;--c-rail-text:#181818;
  --r-lg:0;--r-md:0;--r-sm:0;--r-xs:0;--sh-sm:none;--sh-md:none;--sh-lg:none;
  --font:Arial,"Microsoft YaHei",sans-serif;
}
*{letter-spacing:0!important;box-sizing:border-box}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html,body{background:var(--c-bg);font-family:var(--font);color:var(--c-text)}
button,input,select,textarea{font-family:var(--font)}
#app{width:100%;max-width:none;margin:0;background:var(--c-surface);box-shadow:none}
#chat{height:100%;min-height:0}
.hidden{display:none!important}
.system-name{visibility:hidden}
.system-name.system-name-ready{visibility:visible}
.system-description{visibility:hidden}.system-description.system-description-ready{visibility:visible}

/* Authentication */
#login{flex:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;justify-content:flex-start!important;background:var(--c-bg)}#login::before{display:none!important}.auth-page{display:grid;width:min(1024px,calc(100vw - 40px));min-height:100dvh;margin:0 auto;grid-template-rows:86px 1fr 66px}.auth-page-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-text)}.auth-page-brand{display:flex;align-items:center;gap:12px}.auth-page-mark{display:grid;width:34px;height:34px;place-items:center;background:var(--c-text);color:#fff;font-size:11px;font-weight:800}.auth-page-brand strong{font-size:17px}.auth-entry-label{padding:5px 9px;background:var(--c-accent);color:#fff;font-size:11px;font-weight:700}.auth-main{display:flex;align-items:center;justify-content:center;padding:42px 0}.auth-card{width:min(440px,100%)!important;max-width:440px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.auth-brand{text-align:left!important;margin-bottom:24px!important}.auth-brand-rule{width:48px;height:4px;margin-bottom:16px;background:var(--c-accent)}.auth-logo{display:none!important}#loginTitle{margin:0 0 7px!important;color:var(--c-text)!important;font-size:26px!important;text-align:left!important}.auth-sub{margin:0!important;color:var(--c-text-2)!important;font-size:13px!important}.auth-tabs{margin-bottom:24px!important;padding:0!important;gap:0!important;background:transparent!important;border-bottom:1px solid var(--c-border-strong)!important;border-radius:0!important}.auth-tabs::before{content:"账户验证";display:flex;align-items:center;margin-right:auto;color:var(--c-text);font-size:17px;font-weight:700}.auth-tabs{display:flex!important}.auth-tabs .auth-tab{flex:0 0 auto!important;width:auto!important;padding:10px 13px!important}.auth-field-label{display:block;margin:0 0 7px;color:var(--c-text);font-size:12px;font-weight:700}#login .auth-tab{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;color:var(--c-text-3)!important}#login .auth-tab.active{color:var(--c-accent)!important;border-color:var(--c-accent)!important;background:transparent!important}#login input{height:43px!important;margin-bottom:16px!important;border:1px solid var(--c-border-strong)!important;border-radius:0!important;background:#fff!important;color:var(--c-text)!important;font-size:14px!important}#login input:focus{border-color:var(--c-text)!important;box-shadow:none!important}#loginBtn,#regBtn{height:43px!important;margin-top:4px;background:var(--c-text)!important;color:#fff!important;border-radius:0!important;font-size:14px!important}#loginBtn:hover,#regBtn:hover{background:var(--c-accent)!important}.auth-page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--c-border);color:var(--c-text-3);font-size:11px}
.auth-page-mark{background:#181818!important;color:#07c160!important;font-size:17px!important}.auth-sub,.auth-field-label,#login input{text-align:left!important}.auth-page-footer{justify-content:flex-start!important}

/* Global header */
header{height:56px;padding:0 18px;background:#fff;border-bottom:1px solid var(--c-border);color:var(--c-text)}
.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--c-accent);color:#fff;font-weight:700;margin-right:9px}
header .title{font-size:16px;font-weight:700;color:var(--c-text)}
header .me{font-size:12px;color:var(--c-text-3)}
header button,header a{height:32px;min-width:32px;padding:0 10px;border:1px solid var(--c-border-strong);border-radius:0;background:#fff;color:var(--c-text);display:inline-flex;align-items:center;justify-content:center}
header button:hover,header a:hover{background:var(--c-bg);color:var(--c-text)}
header #logoutBtn{color:var(--c-danger)}
.theme-toggle,[data-theme-toggle]{display:none!important}
.menu-panel,.more-popup{border:1px solid var(--c-border)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}

/* Two-column application */
#body{background:#fff;min-height:0}
#sidebar{width:330px!important;min-width:330px!important;max-width:330px!important;background:#fff;border-right:1px solid var(--c-border)}
#splitter{display:none!important}
.sidebar-overview{padding:13px 14px 8px;background:#fff}
.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sidebar-actions{display:flex;align-items:center;gap:6px}
.sidebar-actions button{width:36px;height:36px;padding:0;border:1px solid var(--c-border-strong);background:#fff;color:var(--c-text);font-size:17px;cursor:pointer}
.sidebar-actions button:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-soft)}
.sidebar-overview h2{margin:0 0 3px;font-size:17px;line-height:1.2}
.sidebar-overview p{margin:0;color:var(--c-text-2);font-size:11px}
.sidebar-tools-row{position:relative;display:flex;align-items:center;gap:7px;padding:0 14px 9px;background:#fff}
.sidebar-tools-row .more-popup{display:none}
.sidebar-tools-row .m-search{min-width:0;flex:1}
.m-search{display:block!important;padding:0!important}
.m-search input{width:100%!important;height:36px!important;border:1px solid var(--c-border-strong)!important;border-radius:0!important;background:var(--c-bg)!important;color:var(--c-text)!important;padding:0 10px!important}
.m-search input:focus{border-color:var(--c-accent)!important;box-shadow:none!important}
.m-search input::placeholder{color:var(--c-text-3);opacity:1}
.sidebar-search-results{border-bottom:1px solid var(--c-border);background:#fff}
.sidebar-search-title{padding:8px 16px 6px;color:var(--c-text-3);font-size:11px}
.sidebar-search-state{padding:14px 16px;color:var(--c-text-2);font-size:12px;line-height:1.5}
.sidebar-person-result{display:flex;width:100%;min-height:62px;align-items:center;gap:10px;padding:9px 14px;border:0;border-top:1px solid var(--c-border);background:#fff;color:var(--c-text);text-align:left;cursor:pointer}
.sidebar-person-result:hover,.sidebar-person-result:focus-visible{background:var(--c-bg)}
.sidebar-person-result .conv-avatar{width:40px;height:40px;flex:0 0 40px}
.sidebar-person-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.sidebar-person-name{display:flex;min-width:0;align-items:center;gap:6px;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-person-meta{overflow:hidden;color:var(--c-text-3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
#sidebar .sec{padding:11px 16px 7px;color:var(--c-text-3);font-size:11px;font-weight:400;border-bottom:1px solid var(--c-border)}
#friendsHeader,#convHeader{display:none!important}
.sidebar-tabs{display:flex;justify-content:space-between;gap:8px;padding:0 14px 7px;border-bottom:1px solid var(--c-border)}
.sidebar-tabs button{height:31px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:#fff;color:var(--c-text-3);font-size:12px;cursor:pointer}
.sidebar-tabs button.active{color:var(--c-accent);border-color:var(--c-accent);font-weight:700}
#sidebar .sec button{border:1px solid var(--c-border-strong);border-radius:0;background:#fff;color:var(--c-text);padding:3px 7px}
#sidebar .conv{min-height:69px;padding:11px 14px;border:0;border-bottom:1px solid var(--c-border);border-radius:0;background:#fff;gap:4px}
#sidebar .conv:hover{background:#fafafa}
#sidebar .conv.active{background:#fff;color:var(--c-text);box-shadow:inset 3px 0 var(--c-accent)}
#sidebar .conv .conv-preview{color:var(--c-text-3);font-size:12px}
#sidebar .conv:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}
#sidebar .conv.active .conv-preview{color:var(--c-text-3)}
.conv-avatar{border-radius:0!important;color:#fff!important}
.conv-online{border-color:#fff!important}
.conv-unread,#sidebar .conv .badge{background:var(--c-accent)!important;color:#fff!important;border-radius:0!important}
.friend-req-tip{color:var(--c-text-3)!important}
.contact-group-label{padding:8px 14px 6px;border-bottom:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-2);font-size:11px;font-weight:700}
#main{background:var(--c-chat-bg);min-width:0}
#empty{background:var(--c-chat-bg);color:var(--c-text-3)}
.empty-inner{max-width:420px;padding:24px;text-align:center}.empty-inner h2{margin:0 0 8px;color:var(--c-text);font-size:20px}.empty-inner p{margin:0;line-height:1.55;font-size:13px}.empty-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.empty-actions button{height:38px;padding:0 14px;border:1px solid var(--c-border-strong);background:#fff;color:var(--c-text);cursor:pointer}.empty-actions button:first-child{background:var(--c-text);color:#fff;border-color:var(--c-text)}

/* Thread */
#peerbar{min-height:62px;height:62px;padding:0 18px;background:#fff;border-bottom:1px solid var(--c-border)}
#peerbar .pname{font-size:15px;font-weight:700;color:var(--c-text)}
#peerbar .pid,#peerbar .pstatus{font-size:12px;color:var(--c-text-3)}
#peerbar .dot{background:#9aa4aa}.dot.on,#peerbar .dot.on{background:#39a866}
#peerbar button,#peerbar select{height:32px;border:1px solid var(--c-border-strong);border-radius:0;background:#fff;color:var(--c-text);padding:0 9px}
#peerbar #removeFriendBtn{color:var(--c-danger)}
#convMode,#clearTtl{display:none!important}
#selectBar{background:#fff;border-bottom:1px solid var(--c-border);padding:9px 14px}
#selectBar button{border:1px solid var(--c-border-strong);border-radius:0;background:#fff;color:var(--c-text)}
#selectBar button.danger{color:var(--c-danger);background:#fff}
#msgs{padding:20px 14px 26px!important;gap:20px;background:var(--c-chat-bg);font-size:14px}
.msg{max-width:min(72%,680px);padding:7px 9px;border-radius:15px!important;box-shadow:none;line-height:1.48}
.msg.mine{background:var(--c-text);color:#fff;border:1px solid var(--c-text);border-bottom-right-radius:4px!important}
.msg.theirs{background:#fff;color:var(--c-text);border:1px solid var(--c-border);border-bottom-left-radius:4px!important;padding-left:9px}
.msg .meta{color:var(--c-text-3);bottom:-16px}
.msg.mine .read{color:#3f4750;font-weight:700}
.msg.queued{outline:1px dashed var(--c-warn);opacity:.78}.msg.send-failed{outline:2px solid var(--c-danger);opacity:1}
.file-card{border:1px solid var(--c-border)!important;border-radius:0!important;background:var(--c-bg)!important;color:var(--c-text)!important}
#msgs .msg.file-only{padding:0!important;border:0!important;background:transparent!important}
.msg.file-only .file-card{margin-top:0!important;border-color:var(--c-border-strong)!important}
.fc-ico{border-radius:0!important}.type-xls,.type-img{background:var(--c-accent)!important;color:#fff!important}
.img-preview,.img-preview img{border-radius:0!important}
.recall-note{color:var(--c-text-3)}

/* Composer */
#attachPreview{background:#fff;border-top:1px solid var(--c-border)}
#inputbar{padding:12px 16px;background:#fff;border-top:1px solid var(--c-border);gap:8px}
#inputbar input{height:38px;padding:0 11px;border:1px solid var(--c-border-strong);border-radius:0;background:var(--c-bg);color:var(--c-text)}
#inputbar input:focus{border-color:var(--c-accent);box-shadow:none}
#inputbar button{height:38px;border-radius:0;background:var(--c-text);color:#fff;padding:0 18px}
#plusBtn{width:38px!important;min-width:38px!important;background:#fff!important;color:var(--c-text)!important;border:1px solid var(--c-border-strong)!important}

/* Dialogs and secondary surfaces */
.modal-mask{background:rgba(24,24,24,.42);backdrop-filter:none}
.modal{background:#fff;border:1px solid var(--c-border);border-radius:0;padding:20px;box-shadow:none}
.modal h3{font-size:16px;border-bottom:1px solid var(--c-border);padding-bottom:11px}
.modal input,.modal select{border:1px solid var(--c-border-strong)!important;border-radius:0!important;background:var(--c-bg)!important;color:var(--c-text)!important}
.modal button{border-radius:0!important}.modal .ok{background:var(--c-text);color:#fff}.modal .cancel{background:#fff;color:var(--c-text);border:1px solid var(--c-border-strong)}
.peer-picker{width:min(460px,calc(100vw - 32px))}
.peer-picker>label{display:block;margin:2px 0 7px;font-size:12px;color:var(--c-text-2)}
.peer-results{margin:10px 0 4px;max-height:280px;overflow:auto;border:1px solid var(--c-border);background:#fff}
.peer-results:empty{display:none}
.peer-result{width:100%;min-height:58px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-bottom:1px solid var(--c-border);background:#fff;color:var(--c-text);text-align:left;cursor:pointer}
.peer-result:last-child{border-bottom:0}.peer-result:hover,.peer-result[aria-selected="true"]{background:var(--c-bg)}
.peer-result .conv-avatar{width:38px;height:38px;flex:0 0 38px}.peer-result-main{min-width:0;flex:1}.peer-result-name{font-size:14px;font-weight:700}.peer-result-meta{font-size:12px;color:var(--c-text-3);margin-top:2px}
.peer-empty{padding:18px 12px;color:var(--c-text-3);font-size:12px;text-align:center}
.app-dialog-message{white-space:pre-wrap;line-height:1.55;color:var(--c-text-2);margin:2px 0 18px;max-height:45vh;overflow:auto;word-break:break-word}
.toast-region{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{min-width:220px;max-width:min(380px,calc(100vw - 32px));padding:11px 13px;border:1px solid var(--c-border-strong);background:#fff;color:var(--c-text);box-shadow:none;font-size:13px;pointer-events:auto}
.toast.error{border-left:3px solid var(--c-danger)}.toast.success{border-left:3px solid #267052}
.toggle-slider{border-radius:0!important}.toggle-slider::after{border-radius:0!important}
.bot-item{border:1px solid var(--c-border)!important;border-radius:0!important;box-shadow:none!important}
.bot-item .bi-avatar{border-radius:0!important;background:#665f91!important;color:#fff!important}
.bot-item .bi-type{color:var(--c-text-2)!important;background:var(--c-bg)!important;border:1px solid var(--c-border)!important;border-radius:0!important}
.bot-manager-page{width:min(780px,calc(100vw - 32px))!important;max-width:780px!important;max-height:min(760px,calc(100dvh - 32px));display:flex;flex-direction:column;padding:0!important}
.bot-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--c-border)}
.bot-manager-head h3{margin:0 0 4px!important;padding:0!important;border:0!important}.bot-manager-head p{margin:0;color:var(--c-text-3);font-size:12px}
.bot-manager-summary{color:var(--c-text-2);font-size:12px;white-space:nowrap}
.bot-manager-page .bot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 20px;overflow-y:auto}
.bot-manager-page .bot-item{gap:9px;padding:13px;background:#fff!important}
.bot-item .bi-account{margin-top:3px;color:var(--c-text-3);font-size:11px}.bot-item-state{font-size:11px}.bot-added-state{color:#267052}.bot-added-state.off{color:var(--c-text-3)}
.bot-item-actions{display:flex;gap:7px;margin-top:auto}.bot-item-actions .bi-btn{height:34px;flex:1;padding:0 10px!important;border:1px solid var(--c-text)!important;background:var(--c-text)!important;color:#fff!important;font-size:12px}
.bot-item-actions .bi-btn.secondary{border-color:var(--c-border-strong)!important;background:#fff!important;color:var(--c-text)!important}.bot-item-actions .bi-btn.remove{border-color:var(--c-border-strong)!important;background:#fff!important;color:var(--c-danger)!important}
.bot-manager-footer{justify-content:flex-end;margin:0!important;padding:12px 20px;border-top:1px solid var(--c-border)}.bot-manager-footer button{flex:0 0 auto!important;min-width:88px}
.email-bot-manager{width:min(860px,calc(100vw - 32px))!important;max-width:860px!important;max-height:min(780px,calc(100dvh - 32px));padding:0!important;overflow:hidden}
.email-bot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--c-border)}.email-bot-head h3{margin:0 0 4px!important;padding:0!important;border:0!important}.email-bot-head p{margin:0;color:var(--c-text-3);font-size:12px}.email-bot-head .email-close{height:32px;flex:0 0 auto!important;padding:0 12px!important}
.email-account-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:510px;max-height:calc(100dvh - 104px)}
.email-account-list-panel{min-width:0;overflow-y:auto;border-right:1px solid var(--c-border);background:var(--c-bg)}.email-account-form-panel{min-width:0;overflow-y:auto;padding:14px 18px 18px;background:#fff}
.email-section-title{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--c-border);font-size:13px}.email-account-form-panel>.email-section-title{margin:-14px -18px 14px;padding-left:18px;padding-right:18px}.email-section-title button{height:28px;flex:0 0 auto!important;padding:0 9px!important;border:1px solid var(--c-border-strong)!important;background:#fff!important;color:var(--c-text)!important;font-size:11px}.email-section-title span{color:var(--c-text-3);font-size:11px}
.email-account-list{display:flex;flex-direction:column}.email-account-empty{padding:28px 14px;color:var(--c-text-3);font-size:12px;text-align:center}.email-account-row{padding:12px;border-bottom:1px solid var(--c-border);background:#fff}.email-account-row.active{background:var(--c-accent-soft)}.email-account-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.email-account-row-head strong,.email-account-row-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-account-row-head strong{font-size:13px}.email-account-row-head span{margin-top:2px;color:var(--c-text-3);font-size:11px}.email-account-row-head em{font-style:normal;font-size:10px;white-space:nowrap}.email-account-row-head em.ok{color:#267052}.email-account-row-head em.error{color:var(--c-danger)}.email-account-row-head em.paused{color:var(--c-text-3)}.email-account-row-meta{margin-top:7px;color:var(--c-text-3);font-size:10px;line-height:1.45}.email-account-error{margin-top:6px;color:var(--c-danger);font-size:10px;line-height:1.45}.email-account-row-actions{display:flex;gap:6px;margin-top:8px}.email-account-row-actions button{height:28px;flex:0 0 auto!important;padding:0 9px!important;border:1px solid var(--c-border-strong)!important;background:#fff!important;color:var(--c-text)!important;font-size:11px}.email-account-row-actions button.danger{color:var(--c-danger)!important}
.email-account-status{display:inline-flex!important;align-items:center;gap:5px;flex:0 0 auto;padding:4px 7px;border:1px solid var(--c-border);background:#fff;color:var(--c-text-2)!important;font-size:10px!important;font-weight:700}.email-account-status i{width:7px;height:7px;background:#267052}.email-account-status.error i{background:var(--c-danger)}.email-account-status.paused i{background:var(--c-text-3)}.email-account-last{margin-top:3px;color:var(--c-text-3);font-size:10px}
.email-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}.email-form-grid label{display:block;min-width:0}.email-form-grid label>span{display:block;margin-bottom:5px;color:var(--c-text-2);font-size:11px;font-weight:700}.email-form-grid input,.email-form-grid select{width:100%;height:38px!important;margin:0!important;padding:0 9px!important}.email-form-grid input[readonly]{background:var(--c-surface-3)!important;color:var(--c-text-2)!important}.email-span-2{grid-column:1/-1}.email-enabled-row{display:flex;align-items:center;gap:8px;margin-top:13px;color:var(--c-text-2);font-size:12px}.email-enabled-row input{width:16px!important;height:16px!important;margin:0!important}.email-bot-manager .err{margin:10px 0 0}.email-bot-manager .err.success{color:#267052}.email-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.email-form-actions button{height:36px;flex:0 0 auto!important;padding:0 13px!important}
.bot-badge{border-radius:0!important;background:var(--c-text)!important}
.conn-bar{background:var(--c-warn-soft)!important;color:var(--c-warn)!important;border-bottom:1px solid #d8b56b!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}

/* Mobile keeps the same visual language and a list-to-thread flow. */
@media(max-width:560px){
  body{min-width:0}#app,#chat{width:100%;height:100dvh}.auth-page{width:calc(100vw - 32px);grid-template-rows:64px auto 54px;padding-bottom:54px}.auth-page-header{display:flex!important}.auth-main{align-items:flex-start;padding:38px 0 34px}.auth-card{width:100%!important}.auth-page-footer{position:fixed;left:16px;right:16px;bottom:0;z-index:5;height:54px;background:var(--c-bg);font-size:10px}.auth-page-brand strong{font-size:15px}.auth-entry-label{font-size:10px}#loginTitle{font-size:23px!important}.auth-tabs::before{font-size:15px}
  header{display:none!important}#mobileHeader{display:none!important}
  #mobileHeader .mh-title{color:var(--c-text)!important}.mh-more,.mh-theme{color:var(--c-text)!important;border:1px solid var(--c-border-strong)!important;border-radius:0!important}.mh-more{width:44px!important;height:44px!important}.mh-theme{display:none!important}
  #sidebar{width:100%!important;min-width:0!important;max-width:none!important}.conversation{padding-inline:12px!important}.sidebar-person-result{min-height:64px;padding:10px 12px}.sidebar-search-title,.sidebar-search-state{padding-left:12px;padding-right:12px}
  #body{padding-top:0!important}.sidebar-overview{padding:12px 12px 7px}.sidebar-tools-row{padding:0 12px 10px}.sidebar-tools-row .m-search input{height:44px!important}.sidebar-tools-row .more-popup{top:48px;right:12px}.sidebar-tools-row .more-popup.show{display:block!important}.sidebar-tabs{display:none!important}#sidebarNewChatBtn{display:none!important}
  #peerbar{height:54px;min-height:54px;padding:0 9px}.backBtn{display:inline-flex!important}.messages,#msgs{padding:14px 10px 24px!important}.msg{max-width:88%;padding:7px 9px}
  #inputbar{padding:9px 9px max(9px,env(safe-area-inset-bottom))}#inputbar input,#inputbar button{height:44px!important}#inputbar button{padding:0 11px;min-width:58px}#plusBtn{min-width:44px!important;width:44px!important}
  #peerbar button,#peerbar select{min-height:44px}.sidebar-actions button{width:44px;height:44px}.peer-result{min-height:62px}
  .empty-actions{flex-direction:column}.empty-actions button{height:44px;width:100%}
  .toast-region{left:12px;right:12px;bottom:68px}.toast{max-width:none;width:100%}
  #tabbar{background:#fff;border-top:1px solid var(--c-border)}#tabbar button{color:var(--c-text-3)}#tabbar button.active{color:var(--c-accent)}
  #body.mview-chat #main{padding-top:0!important}#body.mview-chat #mobileHeader{display:none!important}#body.mview-chat #ptr{top:0!important}#meTab{top:0!important}
  .modal{width:calc(100vw - 24px)!important;max-width:420px!important}
  .bot-manager-page,.email-bot-manager{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)}.bot-manager-page .bot-grid{grid-template-columns:1fr;padding:10px 12px}.bot-manager-head,.bot-manager-footer{padding-left:12px;padding-right:12px}.email-account-layout{grid-template-columns:1fr;display:block;min-height:0;max-height:calc(100dvh - 82px);overflow-y:auto}.email-account-list-panel{max-height:230px;border-right:0;border-bottom:1px solid var(--c-border);overflow-y:auto}.email-account-form-panel{overflow:visible}.email-form-grid{grid-template-columns:1fr}.email-span-2{grid-column:auto}
}