.service-module{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f6f8!important;color:#20242a!important}.service-head{display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,420px) auto auto;align-items:center;gap:14px;height:66px;padding:0 18px;border-bottom:1px solid #dfe2e6;background:#fff}.service-brand{display:flex;align-items:center;gap:10px}.service-brand>svg{width:35px;height:35px;padding:8px;border-radius:11px;background:#b5121b;color:#fff}.service-brand i{font-style:normal}.service-brand b,.service-brand small{display:block}.service-brand b{font-size:14px}.service-brand small{margin-top:2px;color:#7b838d;font-size:7px;letter-spacing:.14em}.service-head svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:12px;background:#f0f2f4;color:#7b838d;font-size:10px}.service-search svg{width:15px}.round-action{width:36px;height:36px;border:0;border-radius:11px;background:#f0f2f4;color:#626972}.upload-action,.service-rail .primary{border:0;border-radius:11px;background:#b5121b;color:#fff;font-weight:800}.upload-action{height:36px;padding:0 15px;font-size:9px}.service-connection{font-size:7px;font-weight:800;letter-spacing:.08em}.service-connection.ready{color:#168348}.service-connection.waiting{color:#a46c13}.mail-workspace,.messenger-workspace,.drive-workspace{display:grid;height:calc(100% - 66px)}.mail-workspace{grid-template-columns:190px minmax(270px,380px) 1fr}.messenger-workspace{grid-template-columns:300px 1fr 220px}.drive-workspace{grid-template-columns:190px 1fr 240px}.service-rail,.conversation-list{padding:16px 12px;border-right:1px solid #dfe2e6;background:#f8f9fa}.service-rail{display:flex;flex-direction:column}.service-rail .primary{display:flex;align-items:center;justify-content:center;gap:8px;height:40px}.service-rail .primary svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}.service-rail nav{display:grid;gap:3px;margin-top:18px}.service-rail nav button{display:flex;justify-content:space-between;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#626972;text-align:left;font-size:10px}.service-rail nav button.active{background:#f5dfe1;color:#8f0e15;font-weight:800}.service-rail footer{margin-top:auto;padding:12px;color:#626972;font-size:8px;font-weight:800}.service-rail footer span{display:block;margin-top:6px;font-weight:400}.mail-list,.drive-stage{position:relative;border-right:1px solid #dfe2e6;background:#fff}.mail-list>header,.drive-stage>header{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 16px;border-bottom:1px solid #e8eaed}.mail-list>header b,.drive-stage>header b{font-size:13px}.mail-list>header span,.drive-stage>header small{color:#7b838d;font-size:8px}.reading-pane,.contact-pane,.detail-pane{padding:22px;background:#f8f9fa;color:#626972}.reading-pane span,.contact-pane b,.detail-pane b{font-size:8px;letter-spacing:.12em}.reading-pane p,.contact-pane p,.detail-pane p{font-size:10px;line-height:1.6}.service-zero{position:absolute;inset:55px 0 0;display:grid;place-content:center;justify-items:center;padding:25px;text-align:center}.service-zero>svg{width:40px;height:40px;padding:11px;border-radius:14px;background:#f5dfe1;color:#b5121b;fill:none;stroke:currentColor;stroke-width:1.5}.service-zero h2{margin:13px 0 6px;font-size:18px}.service-zero p{max-width:340px;margin:0;color:#7b838d;font-size:10px;line-height:1.6}.service-zero small{margin-top:14px;color:#a1a7af;font:8px ui-monospace,monospace}.conversation-list header{display:flex;align-items:center;justify-content:space-between}.conversation-list header b{font-size:15px}.conversation-list header button{width:32px;height:32px;border:0;border-radius:10px;background:#b5121b;color:#fff}.filter-row{display:flex;gap:4px;margin:14px 0}.filter-row button{padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#7b838d;font-size:8px}.filter-row button.active{background:#e8eaed;color:#20242a}.service-zero.compact{position:static;padding:70px 15px}.service-zero.compact h2{font-size:14px}.conversation-stage{position:relative;background:#fff}.conversation-hero{position:absolute;inset:0 0 60px;display:grid;place-content:center;justify-items:center;text-align:center}.avatar-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#b5121b;color:#fff;font-size:20px;font-weight:800}.conversation-hero h2{margin:15px 0 6px;font-size:20px}.conversation-hero p{margin:0;color:#7b838d;font-size:10px}.conversation-hero small{margin-top:14px;color:#a1a7af;font:8px ui-monospace,monospace}.message-dock{position:absolute;right:14px;bottom:12px;left:14px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;height:44px;padding:0 8px;border:1px solid #dfe2e6;border-radius:13px;color:#a1a7af;font-size:9px}.message-dock button{height:30px;border:0;border-radius:9px;background:#e8eaed}.message-dock button:last-child{padding:0 13px;background:#b5121b;color:#fff}.drive-stage>header span b,.drive-stage>header span small{display:block}.drive-stage>header div{display:flex;gap:3px}.drive-stage>header button{padding:7px 9px;border:0;border-radius:8px;background:#f0f2f4;font-size:8px}.drive-columns{display:grid;grid-template-columns:1fr 120px 120px 70px;padding:10px 16px;border-bottom:1px solid #e8eaed;color:#8b929b;font-size:8px}@media(max-width:800px){.service-head{grid-template-columns:1fr auto}.service-search,.service-connection{display:none}.mail-workspace,.drive-workspace{grid-template-columns:150px 1fr}.messenger-workspace{grid-template-columns:240px 1fr}.reading-pane,.contact-pane,.detail-pane{display:none}}