*{box-sizing:border-box}body{margin:0;font:16px/1.5 'Segoe UI',Arial,sans-serif;color:#17233b;background:#f3f5f9}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #5f91fc;outline-offset:3px}button{transition:background .15s}button:hover{filter:brightness(.97)}.app{display:flex;min-height:100dvh}.sidebar{width:242px;background:#111f38;color:#bbc6dc;display:flex;flex-direction:column;flex-shrink:0;padding:28px 18px 16px}.brand{display:flex;align-items:center;gap:10px;font-size:28px;letter-spacing:-1px;font-weight:700;color:white}.brand-icon{background:#4e7aff;display:grid;place-items:center;width:35px;height:35px;border-radius:11px;font-size:24px;letter-spacing:0}.beta{font-size:10px;letter-spacing:1px;color:#9aaecf;border:1px solid #354760;padding:2px 5px;border-radius:4px;margin-left:auto}.workspace{display:flex;gap:10px;align-items:center;padding:23px 0 20px;border-bottom:1px solid #293750;font-size:14px}.workspace small,.account small{display:block;color:#8799b6;font-size:12px;margin-top:3px}.workspace strong{color:#e9edf7}.company{display:grid;place-items:center;border-radius:9px;background:#2a3c59;width:37px;height:37px;flex-shrink:0;color:#d2dff8;font-size:14px}.nav-label{font-size:10px;letter-spacing:1.2px;color:#7e91b1;margin:26px 10px 10px}.nav{border:0;background:none;width:100%;padding:12px 10px;display:flex;align-items:center;gap:10px;color:#b9c6dc;text-align:left;font-size:14px;border-radius:8px;margin:3px 0}.nav.active{background:#2e4670;color:#fff}.nav span{font-size:20px;line-height:1}.nav b{font-size:12px;font-weight:500;margin-left:auto;color:#a7b9d5}.nav.active b{color:#fff}.channel-button{display:flex;gap:10px;align-items:center;width:100%;background:none;border:0;color:#bac7de;padding:9px 10px;text-align:left;font-size:14px;border-radius:7px}.channel-button.selected{background:#263957;color:#fff}.channel-button small{margin-left:auto;color:#8295b4;font-size:12px}.channel-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;font-size:12px;font-weight:700;border-radius:9px;letter-spacing:0}.telegram{background:#e5f4ff;color:#167caf}.max{background:#ebe8ff;color:#6541cf}.whatsapp{background:#e5f7ee;color:#178458}.email{background:#fff0df;color:#b96616}.sidebar-bottom{margin-top:auto;padding-top:36px}.setup-box{border:1px solid #354662;padding:14px;border-radius:10px;font-size:14px}.setup-box strong{color:#e9edf7;font-weight:500}.setup-box p{font-size:13px;color:#8fa3c1;line-height:1.6;margin:7px 0 12px}.setup-box button{display:flex;justify-content:space-between;color:#c7d7ff;background:none;border:0;padding:0;width:100%;font-size:13px}.account{display:flex;gap:10px;align-items:center;text-align:left;border:0;background:none;color:#d6e0f1;padding:20px 0 0;font-size:13px;width:100%}.account>span:last-child{margin-left:auto}main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:#fff;gap:16px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#8290a5;font-weight:600}h1{margin:1px 0 0;font-size:25px;letter-spacing:-.7px;line-height:1.35}.primary{background:#3267ed;border:0;border-radius:8px;color:#fff;padding:10px 17px;font-size:14px;font-weight:600;white-space:nowrap}.demo-banner{display:flex;align-items:center;gap:10px;padding:10px 28px;background:#edf3ff;border-top:1px solid #dfe7f4;border-bottom:1px solid #dfe7f4;font-size:13px;color:#4d6386}.demo-label{background:#dae7ff;color:#2e60b5;border-radius:5px;padding:1px 7px;font-size:12px;font-weight:600}.desk{display:grid;grid-template-columns:320px minmax(300px,1fr) 250px;flex:1;min-height:650px}.conversation-list{background:white;border-right:1px solid #e1e6ef;display:flex;flex-direction:column}.list-heading{display:flex;align-items:center;padding:23px 20px 13px;gap:9px}h2{font-size:16px;margin:0;font-weight:650}.count{color:#74839a;background:#f0f3f8;border-radius:6px;font-size:12px;min-width:23px;text-align:center}.search{margin:0 18px;display:flex;gap:8px;padding:7px 10px;background:#f5f7fa;border:1px solid #e7ebf1;border-radius:8px;align-items:center;color:#8c99ad}.search span{font-size:24px;line-height:1}.search input{min-width:0;width:100%;background:transparent;border:0;outline:none;font-size:13px;color:#22324b}.search:focus-within{outline:2px solid #719bfd}.tabs{display:flex;padding:17px 18px 13px;gap:5px;border-bottom:1px solid #e9edf3;flex-wrap:wrap}.tabs button{background:none;border:0;color:#79869a;border-radius:6px;padding:5px 8px;font-size:12px}.tabs .selected{color:#2e60c7;background:#edf3ff;font-weight:600}.thread{display:flex;gap:11px;position:relative;padding:18px;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0f5;background:#fff}.thread.selected{background:#edf3ff;box-shadow:inset 3px 0 #3267ed}.avatar{display:grid;place-items:center;background:#e4ebf6;color:#546d90;width:42px;height:42px;border-radius:14px;font-weight:600;font-size:14px;flex-shrink:0}.avatar.pink{background:#f5e8ee;color:#a36381}.avatar.green{background:#e3efe9;color:#53806a}.avatar.purple{background:#eae5f6;color:#80649c}.thread-main{min-width:0;flex:1}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.thread strong{font-size:14px;font-weight:600}.thread time{font-size:11px;color:#8a97aa}.thread p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#78869b;margin:5px 0 9px}.thread .channel-icon{width:19px;height:19px;border-radius:6px;font-size:9px}.thread .channel-label{font-size:11px;color:#8895a7;display:flex;align-items:center;gap:5px}.unread{width:18px;height:18px;border-radius:6px;background:#3267ed;color:white;font-size:11px;text-align:center}.list-foot{margin:auto 0 0;padding:18px;text-align:center;color:#9aa5b6;font-size:11px}.chat{display:flex;flex-direction:column;background:#f4f6fa;min-width:0}.chat-head{display:flex;align-items:center;gap:11px;padding:18px 23px;background:white;border-bottom:1px solid #e1e6ef;min-height:87px}.chat-head h2{font-size:15px}.chat-head p{margin:3px 0 0;font-size:12px;color:#8794a6}.chat-head .status{margin-left:auto;font-size:11px;padding:4px 9px;border-radius:6px;background:#fff3d8;color:#916d22;white-space:nowrap}.back{display:none;background:none;border:0;font-size:24px}.messages{display:flex;flex-direction:column;gap:17px;padding:24px;flex:1;overflow-y:auto;max-height:calc(100dvh - 360px);min-height:320px}.date{align-self:center;font-size:11px;color:#8a97ab;background:#e9edf4;border-radius:20px;padding:4px 12px;margin:0 0 10px}.bubble{max-width:88%;background:#fff;border:1px solid #e3e8f0;border-radius:0 12px 12px 12px;padding:13px 15px;align-self:flex-start;font-size:14px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.outgoing{align-self:flex-end;background:#e1eaff;border-color:#d6e2ff;border-radius:12px 0 12px 12px}.bubble time{display:block;text-align:right;font-size:10px;color:#8c9ab0;margin:5px 0 -4px}.mail-subject{font-size:13px;color:#5e6e88;border-bottom:1px solid #dbe3ef;padding:0 0 10px;margin-bottom:10px;font-weight:600}.composer{margin:8px 22px 20px;background:#fff;border:1px solid #dce3ee;border-radius:12px;box-shadow:0 3px 8px #142b4b05}.composer textarea{padding:14px 15px;width:100%;resize:vertical;min-height:75px;max-height:180px;background:transparent;outline:none;border:0;font-size:14px;color:#23324c}.composer:focus-within{border-color:#6e98f2}.compose-bottom{display:flex;align-items:center;padding:0 11px 10px;gap:8px}.compose-bottom small{font-size:11px;color:#93a0b2;flex:1}.compose-bottom button{font-size:12px}.details{background:#fff;border-left:1px solid #e1e6ef;padding:24px 20px}.detail-label{font-size:10px;color:#9ba5b5;letter-spacing:1.3px;margin:0 0 21px;font-weight:600}.profile{text-align:center;padding:6px 0 24px;border-bottom:1px solid #edf0f4}.profile .avatar{width:58px;height:58px;border-radius:19px;font-size:19px;margin:0 auto 12px}.profile h2{font-size:15px}.profile small{font-size:12px;color:#94a0b2}.detail-section{padding:21px 0;border-bottom:1px solid #edf0f4}.detail-section label{display:block;font-size:12px;color:#8d99aa;margin-bottom:9px}.detail-section select{width:100%;background:#f8fafc;border:1px solid #e0e6ef;border-radius:7px;padding:8px;color:#41516b;font-size:13px}.detail-section strong{font-size:13px;font-weight:500;color:#576a86}.detail-section textarea{width:100%;min-height:88px;resize:vertical;border:1px solid #e0e6ef;border-radius:8px;padding:10px;font-size:13px}.text-button{background:none;border:0;color:#3469d7;padding:5px 0;font-size:12px}.detail-section p{font-size:12px;color:#99a4b5;margin:8px 0 0}.empty{text-align:center;padding:45px 20px;color:#8896aa;font-size:14px}.empty-chat{display:grid;place-items:center;color:#8290a5;padding:30px}dialog{width:min(630px,calc(100% - 28px));border:1px solid #dfe6f1;border-radius:18px;padding:25px;color:#1b2b45;box-shadow:0 24px 100px #07172b33;max-height:90dvh}dialog::backdrop{background:#10233c65;backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-top h2{font-size:21px}.modal-top button{background:#f2f5fa;border:0;border-radius:8px;color:#7b899d;font-size:24px;line-height:30px;width:32px}.modal-intro{font-size:14px;color:#77869a;line-height:1.6}.connection-card{border:1px solid #e1e7f0;border-radius:10px;margin:12px 0;padding:15px;display:flex;gap:12px}.connection-card .channel-icon{width:37px;height:37px;font-size:15px}.connection-card strong{font-size:15px}.connection-card p{font-size:13px;color:#7b899d;margin:4px 0 7px}.connection-card button{font-size:13px;color:#3267da;background:none;border:0;padding:0}.badge{display:inline-block;font-size:11px;background:#f0f3f7;color:#7b899d;border-radius:4px;padding:2px 6px;margin-left:6px}.guide{font-size:15px;line-height:1.7;color:#576881}.guide li{margin:12px 0}.guide a{color:#2e63d6}.notice{padding:13px 15px;border-radius:8px;background:#edf3ff;color:#456089;font-size:14px;line-height:1.6}.return{margin-top:18px;background:none;border:1px solid #d9e1ef;color:#4c6080;border-radius:7px;padding:8px 12px;font-size:14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#172944;color:white;border-radius:10px;padding:12px 20px;font-size:14px;box-shadow:0 6px 25px #142b4b26;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;z-index:10}#toast.show{opacity:1}
@media(min-width:1500px){.desk{grid-template-columns:350px minmax(400px,1fr) 285px}.messages{padding:30px 40px}.bubble{max-width:75%}}@media(max-width:1240px){.sidebar{width:210px;padding:24px 14px}.desk{grid-template-columns:300px minmax(280px,1fr)}.details{display:none}.brand{font-size:25px}.beta{display:none}.topbar{padding:20px 24px}}@media(max-width:850px){.sidebar{width:75px;padding:24px 12px}.brand{font-size:0}.brand-icon{font-size:23px}.workspace,.nav-label,.nav,.setup-box,.account,.channel-button small,.channel-button .channel-name{display:none}.channel-button{padding:10px;justify-content:center}.sidebar #channels{margin-top:30px}.desk{grid-template-columns:280px minmax(240px,1fr)}.topbar{padding:18px}.demo-banner{padding:9px 18px;font-size:12px}.chat-head{padding:14px}.messages{padding:17px}.composer{margin:8px 14px 15px}.chat-head .status{display:none}}@media(max-width:660px){.app{min-height:100dvh}.sidebar{display:none}.topbar{padding:17px 15px}.topbar h1{font-size:22px}.topbar .primary{font-size:12px;padding:9px 10px}.eyebrow{font-size:9px}.desk{display:block;min-height:0}.conversation-list{min-height:calc(100dvh - 145px)}.chat,.details{display:none}.mobile-chat .conversation-list{display:none}.mobile-chat .chat{display:flex;min-height:calc(100dvh - 145px)}.back{display:block}.chat-head .status{display:block}.messages{max-height:none;min-height:300px}.compose-bottom small{font-size:10px}.demo-banner{align-items:flex-start}.bubble{max-width:90%}dialog{padding:20px}.modal-top h2{font-size:19px}}
.auth-pending .app{display:none}.login-panel{min-height:100dvh;display:grid;place-items:center;background:#101f39;padding:24px}.login-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:36px}.login-card .brand{color:#21334d;font-size:26px;margin-bottom:26px}.login-card h1{font-size:25px}.login-card p{font-size:14px;color:#7d8da5}.login-card label,.config-form label{display:block;font-size:14px;margin:17px 0}.login-card input,.config-form input{display:block;width:100%;padding:10px;border:1px solid #d5dfed;border-radius:7px;margin-top:6px}.login-card .primary{width:100%;margin-top:4px}.login-card small{display:block;text-align:center;color:#929fb3;font-size:12px;margin-top:24px}.login-card #loginError{color:#b84040}.qr-area{text-align:center;padding:12px;font-size:14px;color:#60708c}.qr-area img{max-width:100%;height:auto}.demo-banner{flex-wrap:wrap}.demo-banner .text-button{margin-left:auto}
.account-filter{display:flex;align-items:center;gap:8px;padding:10px 18px 0;font-size:12px;color:#8190a5}.account-filter select,.config-form select{min-width:0;width:100%;border:1px solid #dce3ee;border-radius:6px;padding:7px;background:#fff;color:#41516b;font-size:13px}.thread .channel-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85%}.bubble{white-space:pre-wrap}
.filarete-brand{display:flex;justify-content:center;flex-direction:column;gap:8px;background:#fff;border-radius:12px;padding:10px}.filarete-brand img{display:block;width:140px;height:140px;object-fit:contain;max-width:100%}.filarete-brand .beta{color:#738099;border-color:#dbe2ee;margin:0;font-size:9px}.login-card .filarete-brand{margin:0 auto 22px}.login-card .filarete-brand img{width:160px;height:160px}.login-card .text-button{display:block;margin:12px auto}.password-panel{min-height:100dvh;display:grid;place-items:center;background:#101f39;padding:24px}.password-panel .login-card{width:min(460px,100%)}.password-note{font-size:13px;line-height:1.6;color:#70829b}.password-error{color:#b84040;font-size:14px}@media(max-width:850px){.sidebar .filarete-brand{padding:3px}.sidebar .filarete-brand img{width:38px;height:38px}.sidebar .filarete-brand .beta{display:none}}
.mobile-logo{display:none}@media(max-width:660px){.mobile-logo{display:block;width:42px;height:42px;object-fit:contain}.topbar{gap:8px}.topbar h1{font-size:18px}.topbar .eyebrow{display:none}}
.client-type-compact{display:none}@media(max-width:1240px){.client-type-compact{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #e1e6ef;font-size:13px}.client-type-compact label{color:#738199}.client-type-compact select{min-width:130px;padding:6px 10px;border:1px solid #d5dfed;border-radius:7px;background:#fff;color:#344963}}
.access-top{display:none;background:#edf2fb;color:#415675;border:0;border-radius:8px;padding:8px 11px;font-size:18px}.topbar #connectTop{margin-left:auto}@media(max-width:850px){.access-top{display:block}}
.sidebar .filarete-brand .beta{display:block;border:0;padding:0 4px 5px;font-size:14px;line-height:1.4;letter-spacing:0;font-weight:500;text-align:center;color:#56657a}@media(max-width:850px){.sidebar .filarete-brand .beta{display:none}}
.sidebar .filarete-brand{padding:8px;gap:4px}.sidebar .filarete-brand img{width:72px;height:72px}@media(max-width:850px){.sidebar .filarete-brand img{width:38px;height:38px}.sidebar .filarete-brand{padding:3px}}

/* Shared inbox navigation and unread indicators. */
.channel-symbol{position:relative;display:inline-flex}.channel-notification{position:absolute;right:-3px;top:-3px;width:10px;height:10px;background:#ff655b;border:2px solid #111f38;border-radius:50%}
#newNav b{background:#3267ed;color:#fff;min-width:22px;padding:2px 5px;border-radius:6px;text-align:center}.sidebar-bottom{padding-top:20px}.sidebar-bottom .nav{margin-bottom:7px}
.refresh-button{margin-left:auto;background:#f0f4fb;border:1px solid #dae3f0;border-radius:8px;color:#426087;padding:9px 14px;font-size:14px;white-space:nowrap}.topbar #connectTop{margin-left:0}.topbar{border-bottom:1px solid #e1e6ef}
@media(min-width:661px){.app{height:100dvh;overflow:hidden}.sidebar{overflow-y:auto}.desk{min-height:0;overflow:hidden}.conversation-list,.chat{min-height:0}#threads{overflow-y:auto;flex:1}.messages{min-height:0;max-height:none}.list-foot{padding:10px}.composer{flex-shrink:0}.chat-head{flex-shrink:0}.details{overflow-y:auto}}
@media(max-width:850px) and (min-width:661px){.sidebar .nav{display:flex;font-size:0;justify-content:center;padding:10px 0;position:relative}.sidebar .nav>span{font-size:22px}.sidebar .nav b{font-size:10px;margin:0}.sidebar #newNav{margin-top:20px}}
@media(max-width:660px){.refresh-button{font-size:11px;padding:8px}.topbar{flex-wrap:wrap}.topbar h1{font-size:16px}.topbar .primary{font-size:11px}.conversation-list{min-height:calc(100dvh - 92px)}}

[hidden]{display:none!important}.home-logo{border:0;width:100%;cursor:pointer}.home-logo.selected{box-shadow:0 0 0 2px #799eff}.dashboard{padding:28px;overflow-y:auto;background:#f3f5f9;flex:1;min-height:0}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.overview-heading h2{font-size:24px}.overview-heading p{margin:6px 0 0;color:#7b8aa0;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card,.overview-card{background:#fff;border:1px solid #e0e6ef;border-radius:13px;padding:22px}.stat-card span{display:block;font-size:13px;color:#738199}.stat-card strong{display:block;margin-top:12px;font-size:32px;color:#244570}.overview-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:20px}.overview-card h2{margin-bottom:16px}.stat-channel{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #eef1f6;background:white;padding:14px 0;text-align:left;font-size:14px;color:#344963}.stat-channel strong{margin-left:auto}.stat-channel small{color:#8794a5;font-size:12px;min-width:108px;text-align:right}.status-stat{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #eef1f6;font-size:14px;color:#556985}.account-stat{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef1f6}.account-stat small{display:block;color:#8794a5;font-size:12px}.account-stat strong{font-size:14px}.connection-status{margin-left:auto;color:#ad7b3c;font-size:12px}.connection-status.online{color:#22835b}.statistics-note{font-size:12px;color:#8090a5;line-height:1.6;margin:18px 0 0}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}}@media(max-width:660px){.dashboard{padding:18px}.overview-heading{align-items:flex-start;flex-direction:column}.overview-heading h2{font-size:21px}.stat-card{padding:16px}.stat-card strong{font-size:26px}.stat-channel small{min-width:90px}.mobile-logo{cursor:pointer}}

.mobile-home{display:none;background:none;border:0;padding:0}@media(max-width:660px){.mobile-home{display:block}}

@media(min-width:851px){.sidebar{padding-top:20px}.sidebar .nav-label{margin-top:18px;margin-bottom:8px}.sidebar-bottom{padding-top:12px}.account{padding-top:12px}}

.avatar{position:relative;overflow:hidden}.avatar .contact-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#e4ebf6}.avatar-initials{display:block}.message-image{display:block;max-width:100%;width:auto;max-height:300px;border-radius:8px;margin-bottom:8px;object-fit:contain}.message-file{display:block;font-size:13px;color:#315fc2;overflow-wrap:anywhere;margin-bottom:8px;text-decoration:none}.attach-file{background:#eef3fc;color:#365e9e;border:0;border-radius:7px;padding:8px;white-space:nowrap}.attachment-preview{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:10px;background:#f1f5fc;border-radius:8px;font-size:12px;color:#526581}.attachment-preview img{width:64px;height:64px;object-fit:cover;border-radius:6px}.attachment-preview span{overflow-wrap:anywhere;min-width:0;flex:1}.remove-attachment{background:none;border:0;color:#8190a5;font-size:24px}.compose-bottom{flex-wrap:wrap}.compose-bottom small{min-width:110px}button:disabled{cursor:wait;opacity:.65}

.catalog-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.catalog-tabs button{border:1px solid #d5dfed;background:#fff;color:#536681;border-radius:8px;padding:8px 12px;font-size:13px}.catalog-tabs .selected{background:#edf3ff;color:#3267ed;border-color:#a8c1f8}.catalog-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #e7ecf3}.catalog-row>div{flex:1;min-width:0}.catalog-row input,.catalog-add input{width:100%;min-width:0;padding:9px;border:1px solid #d5dfed;border-radius:7px}.catalog-row small{display:block;color:#8593a8;font-size:11px;margin-top:4px}.catalog-row .catalog-remove{color:#b34d55}.catalog-row button:disabled{opacity:.4;cursor:default}.catalog-add{margin-top:20px;font-size:13px}.catalog-add>div{display:flex;gap:8px;margin-top:7px}.edit-catalog{font-size:11px;margin-top:5px}.client-type-compact{flex-wrap:wrap}.client-type-compact .edit-catalog{margin:0;font-size:11px}.config-form select{display:block;width:100%;padding:10px;border:1px solid #d5dfed;border-radius:7px;margin-top:6px;background:white}.catalog-rows{max-height:45vh;overflow-y:auto}

.customer-phone{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.customer-phone a{color:#3267ed;text-decoration:none;white-space:nowrap}.customer-phone>span{color:#8794a5;font-size:12px}.customer-phone button{font-size:11px;padding:0}.phone-in-header{display:none}@media(max-width:1240px){.phone-in-header{display:flex;margin-top:3px;font-size:13px}}
[hidden]{display:none!important}
.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.settings-actions button{border:1px solid #dbe4ef;border-radius:9px;padding:12px;background:#f5f8fd;color:#24416b}.settings-actions .primary{background:#3267ed;color:white}.settings-actions+.account-stat{margin-top:12px}
.pin-chat,.emoji-button{border:0;border-radius:8px;background:#edf3f8;color:#385b77;padding:8px;font-size:12px;white-space:nowrap}.pin-chat{margin-left:auto}.chat-head{flex-wrap:wrap}.chat-head .status{margin-left:0}.edit-message{display:block;margin:5px 0 0 auto;padding:3px 0;border:0;background:none;color:#3e6179;font-size:11px;text-decoration:underline}.edited-label{font-size:10px;color:#64748b}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.emoji-grid button{font-size:28px;padding:10px;border:0;border-radius:10px;background:#f1f5f9}.emoji-grid button:hover{background:#e1eaf5}.photo-viewer{display:flex;flex-direction:column;align-items:center;gap:12px}.photo-viewer img{max-width:100%;max-height:72vh;object-fit:contain}.open-photo{cursor:zoom-in}#modal:has(.photo-viewer){width:min(1100px,95vw);max-width:95vw}
.chat[data-channel=telegram]{--messenger:#3390ec;--out:#e3ffc9;--paper:#dce6d0}.chat[data-channel=whatsapp]{--messenger:#008069;--out:#d9fdd3;--paper:#efeae2}.chat[data-channel=max]{--messenger:#5b54ee;--out:#e5e1ff;--paper:#f0f0fa}.chat[data-channel=email]{--messenger:#3267ed;--out:#eaf1ff;--paper:#f6f8fc}
.chat .messages{background-color:var(--paper,#f6f8fc)}.chat[data-channel=telegram] .messages{background-image:radial-gradient(#b5caa333 1.5px,transparent 1.5px);background-size:22px 22px}.chat[data-channel=whatsapp] .messages{background-image:radial-gradient(#a89f9022 1px,transparent 1px);background-size:18px 18px}.chat .bubble{border-radius:13px 13px 13px 3px;box-shadow:0 1px 1px #00000012}.chat .bubble.outgoing{background:var(--out,#eaf1ff);color:#172a3a;border-radius:13px 13px 3px 13px}.chat .bubble.outgoing time{color:#63776c}.chat .composer .primary{background:var(--messenger,#3267ed)}.chat[data-channel=whatsapp] .chat-head{background:#f0f2f5;border-top:3px solid #008069}.chat[data-channel=telegram] .chat-head{border-top:3px solid #3390ec}.chat[data-channel=max] .chat-head{border-top:3px solid #6558f5}.chat[data-channel=max] .bubble{border-radius:18px 18px 18px 5px}.chat[data-channel=max] .bubble.outgoing{border-radius:18px 18px 5px 18px}
@media(max-width:600px){.pin-chat{font-size:11px;padding:6px}.chat-head{gap:7px}.emoji-grid{grid-template-columns:repeat(5,1fr)}.compose-bottom small{flex-basis:100%}.settings-actions{flex-direction:column}.account-stat{gap:8px}.account-stat .connection-status{font-size:11px}}
.config-form textarea{display:block;width:100%;min-height:150px;max-height:45vh;resize:vertical;padding:14px 16px;border:1px solid #d9e2ef;border-radius:12px;margin-top:8px;background:#f8fafd;color:#1b2d48;line-height:1.6;outline:none}.config-form textarea:focus{border-color:#5181ed;box-shadow:0 0 0 3px #3267ed18;background:#fff}.config-form label{font-weight:600;color:#344661}.config-form input,.config-form select{font-weight:400}.config-form .primary{padding:12px 20px;border-radius:10px}.config-form .guide{font-weight:400}.config-form button[type=button]{border:1px solid #dce5f1;border-radius:9px;padding:9px 14px;background:#f4f7fc;color:#3267ce}#newConversationForm{display:grid;gap:4px}#newConversationForm label{margin:10px 0}#newConversationForm #verifyRecipient{justify-self:start;margin:0 0 8px}#newConversationForm .notice{border-left:3px solid #3267ed}
.message-menu-button{border:0;background:#ffffff99;color:#61768b;border-radius:8px;min-width:30px;min-height:26px;font-size:21px;line-height:1;display:block;margin:5px 0 0 auto}.message-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.message-action-grid button{border:1px solid #dde5ef;border-radius:10px;background:#f7f9fc;padding:12px;color:#314b6e;text-align:left}.action-preview{margin:0 0 18px;padding:12px 16px;border-left:3px solid #7c9be8;border-radius:5px;background:#f2f6fd;color:#526881;white-space:pre-wrap;max-height:140px;overflow:auto}.reaction-grid{display:flex;flex-wrap:wrap;gap:7px}.reaction-grid button{font-size:25px;border:0;border-radius:9px;background:#f1f5fb;padding:8px}.message-reaction{display:inline-block;background:#fff9;border-radius:12px;padding:1px 7px;margin:5px 0 0;font-size:16px}.message-quote{margin:0 0 8px;padding:7px 10px;border-left:3px solid var(--messenger);background:#ffffff60;border-radius:5px;white-space:pre-wrap;font-size:12px;max-height:90px;overflow:auto}.reply-banner{display:flex;align-items:center;gap:10px;margin:10px 10px 0;padding:10px;background:#edf3fc;border-left:3px solid var(--messenger);border-radius:8px;font-size:12px;color:#3b5b78}.reply-banner span{flex:1;overflow-wrap:anywhere}.reply-banner button{border:0;background:transparent;font-size:22px;color:#6c8095}.message-sender{display:block;color:var(--messenger,#3f6dba);font-size:12px;margin-bottom:6px;overflow-wrap:anywhere}.forwarded-label{display:block;color:#718597;font-size:11px;margin-bottom:5px}
.panel-resizer{display:none}.resizing-panels{user-select:none;cursor:col-resize}.composer textarea{resize:vertical;min-height:65px;max-height:35vh}.conversation-list,.details,.sidebar{position:relative}
@media(min-width:1241px){.sidebar{width:var(--sidebar-width,242px)}.desk{grid-template-columns:var(--list-width,320px) minmax(300px,1fr) var(--details-width,270px)}.panel-resizer{display:block;position:absolute;right:0;top:0;bottom:0;width:7px;z-index:5;cursor:col-resize;touch-action:none;background:transparent}.details>.panel-resizer{left:0;right:auto}.panel-resizer:hover,.panel-resizer:focus-visible,.resizing-panels .panel-resizer{background:#6c9bdf55}.details{padding-left:22px;padding-right:22px}.conversation-list,.chat,.details{min-width:0}.thread{content-visibility:auto;contain-intrinsic-size:auto 118px}}
@media(max-width:660px){.message-action-grid{grid-template-columns:1fr}.reaction-grid{gap:5px}.config-form textarea{min-height:135px}}
.mobile-list-controls,.mobile-new-message,.mobile-card-button,.close-customer-card{display:none}
@media(max-width:1240px){.mobile-card-button{display:block;border:0;border-radius:8px;padding:7px 9px;background:#eaf0f8;color:#385b7b;font-size:12px}.show-customer-card .details{display:block;position:fixed;inset:0 0 0 auto;width:min(420px,100vw);height:var(--app-height,100dvh);z-index:25;background:#fff;overflow-y:auto;box-shadow:-12px 0 40px #172a3a33;padding:16px 22px max(20px,env(safe-area-inset-bottom))}.close-customer-card{display:block;position:sticky;top:0;z-index:2;width:100%;text-align:left;padding:12px 0;margin-bottom:14px;border:0;background:white;color:#3267ed}}
@media(max-width:660px){html,body{height:var(--app-height,100dvh);overflow:hidden;overscroll-behavior:none}.app{height:var(--app-height,100dvh);min-height:0;overflow:hidden}.app>main{height:100%;min-height:0}.topbar{display:none!important}.sidebar{display:none!important}.desk{display:flex;flex:1;min-height:0;height:100%;overflow:hidden}.conversation-list{flex:1;min-height:0!important;height:100%;overflow:hidden}.list-heading{padding:12px 14px 10px;gap:7px;flex-shrink:0}.list-heading h2{font-size:17px}.mobile-list-controls{display:flex;margin-left:auto;gap:5px}.mobile-list-controls button{border:0;border-radius:9px;padding:8px;color:#3267ed;background:#eef3fc;font-size:12px}.search{margin:0 12px}.tabs{padding:9px 12px;flex-shrink:0}.account-filter{padding:8px 12px 0}.list-foot{display:none}#threads{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}.mobile-chat .conversation-list{display:none}.mobile-chat .chat{display:flex;flex:1;min-height:0;height:100%;overflow:hidden}.chat-head{padding:max(9px,env(safe-area-inset-top)) 10px 9px;flex-shrink:0;gap:7px}.chat-head .avatar{width:34px;height:34px;border-radius:11px;flex-shrink:0}.chat-head h2{font-size:14px}.chat-head p{font-size:10px}.chat-head .status{display:none}.chat-head .pin-chat{font-size:10px;padding:6px}.chat-head .phone-in-header{display:none}.chat-head .mobile-card-button{padding:6px;font-size:10px}.back{min-width:30px;min-height:34px}.client-type-compact{display:none!important}.messages{flex:1;min-height:0!important;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 10px}.bubble{max-width:91%;font-size:14px}.message-image{max-height:32vh}.composer{flex:0 0 auto;margin:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));border:0;border-top:1px solid #dde5ee;border-radius:0;background:#fff;box-shadow:0 -3px 14px #172a3a08}.composer textarea{min-height:44px;height:54px;max-height:18vh;padding:8px 10px;resize:none;font-size:16px;border-radius:11px;background:#f5f7fa}.compose-bottom{display:flex;gap:6px;padding-top:6px;align-items:center}.compose-bottom small{display:none}.compose-bottom .primary{margin-left:auto;padding:9px 12px;font-size:12px;border-radius:10px}.compose-bottom .emoji-button,.compose-bottom .attach-file{font-size:11px;padding:7px;border-radius:8px}.reply-banner,.attachment-preview{margin:0 0 6px;padding:6px 9px;font-size:11px;max-height:70px;overflow:auto}.attachment-preview img{width:38px;height:38px}.dashboard{height:100%;min-height:0;overflow-y:auto;padding:18px 14px max(20px,env(safe-area-inset-bottom))}.overview-heading{align-items:stretch;gap:10px}.mobile-new-message{display:block}.show-customer-card .details{width:100%;height:var(--app-height,100dvh)}dialog{max-height:calc(var(--app-height,100dvh) - 24px);width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:18px;border-radius:16px}.config-form textarea{min-height:120px;max-height:25vh}.config-form label{margin:8px 0}#newConversationForm .guide{font-size:12px;line-height:1.5}.config-form input,.config-form select{font-size:16px}.photo-viewer img{max-height:calc(var(--app-height,100dvh) - 150px)}}
/* Messenger layout: existing sections in a light rail, chat-focused workspace. */
.sidebar{background:#fff;color:#68788c;border-right:1px solid #e7ebf1;padding:12px 8px}.sidebar .filarete-brand{background:transparent;padding:4px}.sidebar .filarete-brand img{width:52px;height:52px}.sidebar .filarete-brand .beta,.sidebar .nav-label{display:none}.sidebar .channel-button{flex-direction:column;gap:5px;justify-content:center;padding:12px 4px;margin:3px 0;color:#7b8798;font-size:11px;line-height:1.2}.sidebar .channel-button.selected{background:#edf5ff;color:#1683e8}.sidebar .channel-icon{width:32px;height:32px;border-radius:11px;font-size:15px}.sidebar .channel-name{display:block!important}.sidebar .nav{flex-direction:column;justify-content:center;gap:4px;font-size:10px;line-height:1.3;text-align:center;color:#718399;padding:12px 3px;position:relative}.sidebar .nav.active{background:#edf5ff;color:#1683e8}.sidebar .nav b{position:absolute;right:0;top:3px;background:#2788eb;color:white;padding:1px 5px;border-radius:8px;font-size:9px}.sidebar .nav span{font-size:24px}.sidebar .account{justify-content:center;flex-direction:column;gap:4px;padding-top:12px}.sidebar .account .company,.sidebar .account strong{display:none}.sidebar .account small{color:#778599;font-size:10px}.sidebar .account>span:last-child{margin:0;order:-1;color:#778599;font-size:25px}.sidebar-bottom{padding-top:10px}.inbox-page .topbar{display:none!important}.inbox-page .mobile-list-controls{display:flex;margin-left:auto;gap:5px}.mobile-list-controls button{background:#edf5ff;border:0;border-radius:10px;padding:8px;color:#1683e8;font-size:11px}.list-heading{padding:18px 16px 12px}.list-heading h2{font-size:23px;letter-spacing:-.5px}.search{background:#f1f3f5;border:0;border-radius:12px;padding:8px 12px}.thread{padding:14px 12px;gap:12px;border-bottom:1px solid #f0f2f5}.thread .avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.thread.selected{background:#e9f4ff;box-shadow:none}.thread-main{min-width:0}.thread p{color:#85909d;font-size:13px;line-height:1.5}.thread strong{font-weight:650}.chat-head{background:#fff!important;border-top:0!important;border-bottom:1px solid #e7edf4;padding:14px 22px}.chat-head h2{font-size:17px}.chat-head .avatar{border-radius:50%;width:44px;height:44px}.chat[data-channel=telegram]{--paper:#bddcf4;--out:#e8fcfc}.chat[data-channel=whatsapp]{--paper:#e4efdf;--out:#dcf7d6}.chat[data-channel=max]{--paper:#dddff6;--out:#efebff}.chat .messages{background-image:radial-gradient(#ffffff55 1.5px,transparent 1.5px);background-size:24px 24px}.chat .bubble{border-radius:17px 17px 17px 4px;padding:10px 14px}.chat .bubble.outgoing{border-radius:17px 17px 4px 17px}.message-menu-button{background:transparent;padding:0 5px;min-height:18px;margin-top:2px;font-size:20px}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;border-radius:20px;box-shadow:0 2px 12px #31547615;margin:10px 18px 14px;padding:8px 12px}.composer textarea{min-height:46px;height:50px;padding:12px 8px;background:transparent;border:0;font-size:15px}.compose-bottom{padding:0;flex-wrap:nowrap;gap:5px}.compose-bottom small{display:none}.compose-bottom .primary{height:40px;min-width:40px;padding:8px;border-radius:50%;font-size:21px}.compose-bottom .emoji-button,.compose-bottom .attach-file{font-size:22px;padding:6px;background:transparent;color:#8997a8}.reply-banner,.attachment-preview{grid-column:1/-1}.details{background:#fff;border-left:1px solid #e7edf4}.details .profile .avatar{border-radius:50%}.detail-section{padding-top:16px;margin-top:16px}.details textarea{border-radius:10px;background:#f7f9fc}.pin-chat{background:#f2f6fa;font-size:11px}.chat .messages>.date{background:#729ab44d;color:#fff;border-radius:12px;align-self:center;padding:3px 10px}
@media(min-width:661px) and (max-width:1240px){.sidebar{width:88px}.sidebar .account,.sidebar .nav{display:flex}.sidebar #channels{margin-top:8px}.desk{grid-template-columns:300px minmax(260px,1fr)}}
@media(max-width:660px){.list-heading{padding:12px}.list-heading h2{font-size:21px}.chat-head{padding:10px}.chat-head h2{font-size:14px}.chat-head .avatar{width:34px;height:34px}.composer{margin:0;border-radius:0;padding:7px 8px max(7px,env(safe-area-inset-bottom));gap:3px;box-shadow:0 -3px 12px #2542690a}.composer textarea{height:48px;min-height:44px;font-size:16px;padding:10px 5px}.compose-bottom{gap:1px}.compose-bottom .emoji-button,.compose-bottom .attach-file{padding:4px;font-size:21px}.compose-bottom .primary{height:36px;min-width:36px;font-size:19px;padding:5px}.chat .bubble{padding:8px 11px}.thread{padding:13px 12px}.messages{padding:12px 10px}.pin-chat{font-size:9px}.chat-head .mobile-card-button{font-size:10px}.mobile-list-controls button{font-size:10px;padding:7px}}

.channel-icon:has(.messenger-logo){background:transparent!important;padding:0}.messenger-logo{display:block;width:100%;height:100%;object-fit:contain}.sidebar .channel-icon{width:30px;height:30px}

.mobile-messenger-nav{display:none}
@media(max-width:660px){
 body:not(.mobile-chat):not(.auth-pending) .mobile-messenger-nav{position:fixed;display:flex;z-index:35;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;justify-content:space-around;padding:8px 5px;background:#ffffffed;border:1px solid #e8ebed;box-shadow:0 5px 25px #17233b14;border-radius:30px;backdrop-filter:blur(16px)}
 .mobile-messenger-nav button{border:0;background:transparent;border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:68px;padding:6px;color:#7b818c;font-size:11px}
 .mobile-messenger-nav button[aria-pressed=true]{background:#edf2f5;color:#121820;font-weight:650}.mobile-messenger-nav .channel-icon{width:27px;height:27px}
 body:not(.mobile-chat) .conversation-list{padding-bottom:calc(100px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
 .conversation-list .list-heading{order:0;padding:18px 18px 12px;flex-shrink:0}.conversation-list .list-heading h2{font-size:32px;line-height:1.2;color:#111;font-weight:750}
 .conversation-list .tabs{order:1;display:flex;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;gap:7px;padding:8px 16px;border:0}.conversation-list .tabs button{border:1px solid #dce0e2;border-radius:24px;white-space:nowrap;padding:7px 14px;font-weight:650;font-size:13px}.conversation-list .tabs button.selected{background:#e2e5e7;color:#151719;border-color:#d3d6d8}
 .conversation-list .search{order:2;margin:8px 16px;flex-shrink:0}.conversation-list .account-filter{order:3;flex-shrink:0}.conversation-list #threads{order:4;flex:1;min-height:0;overflow:auto}.conversation-list .list-foot{display:none}
 .conversation-list .thread{padding:15px 16px;gap:13px}.conversation-list .thread .avatar{width:54px;height:54px}.conversation-list .thread strong{font-size:16px}.conversation-list .thread p{font-size:14px}.conversation-list .thread.selected{background:#f5f8fa}.dashboard{padding-bottom:110px!important}
}

.inbox-page .account-filter{display:none!important}@media(min-width:661px){.inbox-page .mobile-list-controls{display:none!important}}

.composer-error{grid-column:1/-1;margin:4px 0;color:#b42318;font-size:13px;line-height:1.45;white-space:pre-wrap}.compose-bottom .primary{border-radius:12px;min-width:98px;font-size:14px;white-space:nowrap;padding:8px 12px}.composer button:disabled{opacity:.65;cursor:wait}

.thread-row time{white-space:normal;text-align:right;max-width:110px;line-height:1.35;flex-shrink:0;font-size:10px}.history-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;background:#fff;margin:0 0 12px;flex:none}.history-controls>span{width:100%;text-align:center;font-size:12px;color:#66758a}.history-controls .password-error{width:100%;text-align:center}.history-day{align-self:center;clear:both}.list-foot{line-height:1.4}.list-foot .text-button{display:block;margin:3px auto;font-size:11px}.statistics-note .text-button{margin-left:10px}

.message-author{--author:#24748d;display:flex;align-items:center;gap:7px;margin:0 0 7px;white-space:normal;line-height:1.25;min-width:0}.message-author.author-color-1{--author:#946019}.message-author.author-color-2{--author:#7450a7}.message-author.author-color-3{--author:#347c52}.message-author.author-color-4{--author:#b1456a}.message-author.author-color-5{--author:#396fc0}.message-author .author-initials{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:color-mix(in srgb,var(--author) 13%,white);color:var(--author);font-size:10px;font-weight:700}.message-author .author-name{font-size:13px;line-height:1.3;font-weight:700;color:var(--author);overflow-wrap:anywhere;min-width:0}.author-own{font-size:10px;font-weight:500;color:#64758a;white-space:nowrap}.bubble>.message-author:first-child{padding-right:3px}

.inline-photo{width:min(320px,100%);min-width:160px;min-height:100px;margin:6px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;white-space:normal;position:relative;background:#ffffff50;border-radius:10px;overflow:hidden}.inline-photo .open-photo{display:block;width:100%;cursor:zoom-in}.inline-photo .message-image{display:block;width:100%;max-height:400px;object-fit:contain;margin:0;border-radius:10px;min-height:80px}.inline-photo .message-image[hidden],.inline-photo [hidden]{display:none!important}.photo-status{padding:18px 12px;color:#64758a;line-height:1.4;font-size:12px}.photo-retry{margin:0 12px 12px}.photo-viewer{width:min(1100px,96vw);max-width:96vw;max-height:94vh;padding:12px;border:0;border-radius:12px;background:#152236;color:white}.photo-viewer::backdrop{background:#000b}.photo-viewer-bar{display:flex;gap:16px;align-items:center;margin-bottom:10px}.photo-viewer-bar span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.photo-viewer-bar a{color:#bfe1ff}.photo-viewer-bar button{font-size:28px;color:white;border:0;background:transparent;padding:2px 10px;cursor:pointer}.photo-viewer>img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto}.photo-viewer>p{padding:24px;text-align:center}

.message-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:6px;white-space:normal}.reaction-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #a8bbce66;border-radius:18px;padding:3px 8px;background:#ffffffaa;color:#3b566d;cursor:pointer;min-height:30px}.reaction-pill.is-own{background:#d8edff;border-color:#619ed0;color:#225a89}.reaction-emoji{font-size:19px;line-height:1.2}.reaction-count{font-size:12px;font-weight:600}.reaction-mini-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;background:#e4e9f8;color:#526494;border:1px solid #fff;font-size:10px;font-weight:700}.reaction-mini-avatar+.reaction-mini-avatar{margin-left:-7px}.reaction-own-mark{font-size:11px}.add-message-reaction{border:1px solid #abc1d655;background:#ffffff77;color:#71859a;border-radius:15px;padding:3px 8px;cursor:pointer;font-size:16px;min-height:30px}.reaction-summary{font-size:24px;margin:0 0 14px}.reaction-person{display:flex;gap:10px;align-items:center;padding:8px 0}.reaction-person-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:50%;background:#e8eef9;color:#436b94;font-weight:600}

.mail-navigation{order:3;padding:8px 16px;display:grid;gap:7px;flex-shrink:0;background:#f7f9fc;border-bottom:1px solid #e7edf4}.mail-navigation[hidden]{display:none!important}.mail-navigation label{display:flex;align-items:center;gap:9px;font-size:12px;color:#60748b}.mail-navigation select{min-width:0;flex:1;width:100%;padding:6px;border:1px solid #dce3ee;border-radius:7px;background:#fff;color:#263b51;font-size:12px}.mail-navigation>.text-button{text-align:left}.mail-toolbar,.mail-group-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mail-group-card{margin-top:18px;padding:15px;border:1px solid #dce5ef;border-radius:12px}.mail-group-heading h3{margin:0;flex:1}.mail-group-heading span{color:#70849a;font-size:12px}.mail-account-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.mail-account-row>div{min-width:0}.mail-account-row strong,.mail-account-row small{display:block;overflow-wrap:anywhere}.mail-account-row small{color:#6c7f92;font-size:12px}.mail-account-row>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end}.mail-group-card>.text-button{margin-top:10px}.config-form #customEmailServers[hidden]{display:none!important}@media(max-width:660px){.mail-navigation{padding:7px 12px}.mail-navigation select{font-size:16px}.mail-account-row{align-items:flex-start;flex-direction:column}}