.no-message[data-v-3294bffc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:300px}.no-message .new-mail[data-v-3294bffc],.no-message[data-v-3294bffc]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.no-message .new-mail[data-v-3294bffc]{cursor:pointer}.no-message .new-mail .new-mail-name[data-v-3294bffc]{color:#ffa800;margin-right:10px}.no-message .new-mail .new-mail-icon[data-v-3294bffc]{color:#ffa800}.no-message img[data-v-3294bffc]{width:200px}.no-message div[data-v-3294bffc]{color:#22272d;font-size:18px;font-weight:600;line-height:23px;margin-bottom:5px;margin-top:10px;text-align:center}#mail-integration{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;padding:30px}#mail-integration .email-service-status{margin-bottom:30px}#mail-integration .email-service-status .service-card{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden}#mail-integration .email-service-status .service-card .service-header{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:15px 20px}#mail-integration .email-service-status .service-card .service-header .service-title{color:#333;font-size:16px;font-weight:600}#mail-integration .email-service-status .service-card .service-header .service-status{background:hsla(0,87%,69%,.1);border-radius:20px;color:#f56c6c;font-size:14px;font-weight:500;padding:5px 12px}#mail-integration .email-service-status .service-card .service-header .service-status.status-active{background:rgba(103,194,58,.1);color:#67c23a}#mail-integration .email-service-status .service-card .service-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px}#mail-integration .email-service-status .service-card .service-content .provider-logo{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#f5f5f5;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;justify-content:center;margin-right:15px;overflow:hidden;width:50px}#mail-integration .email-service-status .service-card .service-content .provider-logo img{max-height:40px;max-width:40px}#mail-integration .email-service-status .service-card .service-content .provider-info{-webkit-box-flex:1;-ms-flex:1;flex:1}#mail-integration .email-service-status .service-card .service-content .provider-info .provider-name{color:#333;font-size:16px;font-weight:500;margin-bottom:5px}#mail-integration .email-service-status .service-card .service-content .provider-info .domain-name{color:#666;font-size:14px}#mail-integration .email-service-status .service-card .service-content .action-area .domain-connected{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#67c23a;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500}#mail-integration .email-service-status .service-card .service-content .action-area .domain-connected .check-icon{font-size:18px;margin-right:5px}#mail-integration .mail-dashboard{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden}#mail-integration .mail-dashboard .dashboard-header{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:15px 20px}#mail-integration .mail-dashboard .dashboard-header .dashboard-title{color:#333;font-size:16px;font-weight:600}#mail-integration .mail-dashboard .dashboard-header .dashboard-tabs{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}#mail-integration .mail-dashboard .dashboard-header .dashboard-tabs .tab-count{background:#f5f5f5;border-radius:10px;color:#666;font-size:12px;padding:2px 8px}#mail-integration .mail-dashboard .mail-section{border-bottom:1px solid #f5f5f5;padding:20px}#mail-integration .mail-dashboard .mail-section:last-child{border-bottom:none}#mail-integration .mail-dashboard .mail-section .section-header{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:15px}#mail-integration .mail-dashboard .mail-section .section-header .section-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:600}#mail-integration .mail-dashboard .mail-section .section-header .section-title .section-icon{color:#22272d;font-size:18px;margin-right:8px}#mail-integration .mail-dashboard .mail-section .mail-groups{gap:15px}#mail-integration .mail-dashboard .mail-section .empty-state,#mail-integration .mail-dashboard .mail-section .mail-groups{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#mail-integration .mail-dashboard .mail-section .empty-state{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#f9f9f9;border:1px dashed #ddd;border-radius:6px;justify-content:center;margin:15px 0;padding:30px}#mail-integration .mail-dashboard .mail-section .empty-state .empty-icon{color:#ccc;font-size:40px;margin-bottom:10px}#mail-integration .mail-dashboard .mail-section .empty-state .empty-text{color:#666;font-size:16px;font-weight:500;margin-bottom:5px}#mail-integration .mail-dashboard .mail-section .empty-state .empty-description{color:#999;font-size:14px}#mail-integration .mail-dashboard .mail-section .mail-group-container{margin-bottom:20px}#mail-integration .mail-dashboard .mail-section .mail-group-container:last-child{margin-bottom:0}#mail-integration .mail-dashboard .mail-section .mail-group{background:#fff;border:1px solid #eee;border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}#mail-integration .mail-dashboard .mail-section .mail-group .group-header{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f9fafc;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:12px 15px}#mail-integration .mail-dashboard .mail-section .mail-group .group-header .group-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600}#mail-integration .mail-dashboard .mail-section .mail-group .group-header .group-title .department-icon,#mail-integration .mail-dashboard .mail-section .mail-group .group-header .group-title .user-icon{color:#22272d;font-size:18px;margin-right:8px}#mail-integration .mail-dashboard .mail-section .mail-group .group-header .group-badges{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}#mail-integration .mail-dashboard .mail-section .mail-group .group-header .group-badges .badge{border-radius:10px;font-size:12px;padding:2px 8px}#mail-integration .mail-dashboard .mail-section .mail-group .group-header .group-badges .badge.mail-count{background:rgba(34,39,45,.1);color:#22272d}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 15px;position:relative;-webkit-transition:all .25s ease;transition:all .25s ease}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item:last-child{border-bottom:none}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item:hover{background-color:#f8f9fa}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item:hover .mail-actions{opacity:1}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-icon{margin-right:12px}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-icon svg{color:#22272d;height:24px;width:24px}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-info{-webkit-box-flex:1;cursor:pointer;-ms-flex:1;flex:1;padding:5px 0}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-info .mail-address{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-info .mail-meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-info .mail-meta .mail-status{color:#f56c6c;font-size:12px;font-weight:500}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-info .mail-meta .mail-status.verified{color:#67c23a}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-info .mail-meta .mail-type{color:#999;font-size:12px}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:.5;-webkit-transition:opacity .2s;transition:opacity .2s}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-actions .delete-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:28px;justify-content:center;-webkit-transition:all .2s;transition:all .2s;width:28px}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-actions .delete-button .material-icons{color:#999;font-size:18px;-webkit-transition:all .2s;transition:all .2s}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-actions .delete-button:hover{background-color:hsla(0,87%,69%,.1)}#mail-integration .mail-dashboard .mail-section .mail-group .mail-items .mail-item .mail-actions .delete-button:hover .material-icons{color:#f56c6c}#mail-integration .setup-required{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:30px;padding:40px}#mail-integration .setup-required .setup-content{max-width:400px;text-align:center}#mail-integration .setup-required .setup-content .setup-icon{color:#ccc;font-size:60px;margin-bottom:20px}#mail-integration .setup-required .setup-content .setup-title{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}#mail-integration .setup-required .setup-content .setup-description{color:#666;font-size:14px;line-height:1.5}.mail-create-modal .modal-body{padding:0}.mail-create-modal .modal-body .modal-custom-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border-bottom:1px solid #f0f0f0;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 25px;text-align:center}.mail-create-modal .modal-body .modal-custom-header,.mail-create-modal .modal-body .modal-custom-header .header-icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.mail-create-modal .modal-body .modal-custom-header .header-icon{background-color:#f5f5f5;border-radius:50%;height:50px;margin-bottom:15px;width:50px}.mail-create-modal .modal-body .modal-custom-header .header-icon .material-icons{color:#333;font-size:24px}.mail-create-modal .modal-body .modal-custom-header .header-title{color:#333;font-size:20px;font-weight:600;margin:0}.mail-create-modal .modal-body .modal-custom-content{padding:25px 30px}.mail-create-modal .modal-body .modal-custom-content .form-item{margin-bottom:25px}.mail-create-modal .modal-body .modal-custom-content .form-item label{color:#333;display:block;font-size:15px;font-weight:500;margin-bottom:10px}.mail-create-modal .modal-body .modal-custom-content .form-item .ant-select{width:100%}.mail-create-modal .modal-body .modal-custom-content .form-item .ant-select .ant-select-selection{border-radius:4px;height:40px}.mail-create-modal .modal-body .modal-custom-content .form-item .ant-select .ant-select-selection .ant-select-selection__rendered{line-height:38px;margin-left:11px}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .mail-input-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #d9d9d9;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;overflow:hidden}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .mail-input-container.input-error{border-color:#f56c6c}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .mail-input-container .mail-name-input{-webkit-box-flex:1;border:none;border-radius:0;-ms-flex:1;flex:1;font-size:14px;height:40px}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .mail-input-container .mail-name-input:focus{-webkit-box-shadow:none;box-shadow:none}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .mail-input-container .mail-domain{background:#f5f5f5;border-left:1px solid #d9d9d9;color:#666;font-size:14px;height:40px;line-height:40px;padding:0 15px}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .input-error-message{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f56c6c;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;margin-top:8px}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .input-error-message:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#f56c6c;border-radius:50%;color:#fff;content:"!";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px;font-weight:700;height:16px;justify-content:center;margin-right:6px;width:16px}.mail-create-modal .modal-body .modal-custom-content .mail-field-container .input-helper{color:#999;font-size:13px;margin-top:8px}.mail-create-modal .modal-body .modal-custom-content .form-notice{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:#fffbf2;border:1px solid #ffe7ba;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:12px 15px}.mail-create-modal .modal-body .modal-custom-content .form-notice .notice-icon{color:#faad14;font-size:20px;margin-right:12px;margin-top:2px}.mail-create-modal .modal-body .modal-custom-content .form-notice .notice-text{color:#666;font-size:13px;line-height:1.5}.mail-create-modal .modal-body .modal-custom-footer{-webkit-box-pack:end;-ms-flex-pack:end;background:#fff;border-top:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.mail-create-modal .modal-body .modal-custom-footer .cancel-btn{background:#fff;border:1px solid #d9d9d9;color:#666}.mail-create-modal .modal-body .modal-custom-footer .cancel-btn:hover{border-color:#999;color:#333}.mail-create-modal .modal-body .modal-custom-footer .create-btn{background:#22272d;border-color:#22272d}.mail-create-modal .modal-body .modal-custom-footer .create-btn:hover{background:#333;border-color:#333}.mail-create-modal .custom-modal-body{border-radius:6px;overflow:hidden;padding:0!important}#mail-detail-integration[data-v-319401e2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--color-bg-default);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:20px;position:relative;width:100%}#mail-detail-integration .section-title[data-v-319401e2]{color:#22272d;font-size:20px;font-weight:600;margin-bottom:20px}#mail-detail-integration .integration-card[data-v-319401e2]{background:#fff;border:1px solid var(--color-border-default);border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:20px}#mail-detail-integration .integration-card .integration-header[data-v-319401e2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f9f9f9;border-bottom:1px solid var(--color-border-default);display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px}#mail-detail-integration .integration-card .integration-header .integration-icon[data-v-319401e2]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}#mail-detail-integration .integration-card .integration-header .integration-icon .material-icons[data-v-319401e2]{color:#22272d;font-size:24px}#mail-detail-integration .integration-card .integration-header .integration-info .integration-name[data-v-319401e2]{color:#22272d;font-size:16px;font-weight:600;margin-bottom:4px}#mail-detail-integration .integration-card .integration-header .integration-info .integration-description[data-v-319401e2]{color:#666;font-size:14px}#mail-detail-integration .integration-card .integration-body[data-v-319401e2]{padding:15px}#mail-detail-integration .integration-card .integration-body .integration-button[data-v-319401e2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;margin-bottom:15px;padding:8px 12px}#mail-detail-integration .integration-card .integration-body .integration-button .material-icons[data-v-319401e2]{color:#22272d;font-size:18px;margin-right:8px}#mail-detail-integration .integration-card .integration-body .integration-button[data-v-319401e2]:hover{background-color:#e8e8e8}#mail-detail-integration .integration-card .integration-body .integration-items[data-v-319401e2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item[data-v-319401e2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:120px;justify-content:center;padding:15px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:200px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item.new-item[data-v-319401e2]{background-color:#f7f7f7;border-style:dashed;cursor:pointer}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item.new-item span[data-v-319401e2]{color:#22272d;font-size:14px;font-weight:500}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item.new-item .material-icons[data-v-319401e2]{color:#22272d;font-size:24px;margin-bottom:8px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item.new-item[data-v-319401e2]:hover{background-color:#f0f0f0}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item[data-v-319401e2]:hover{-webkit-box-shadow:0 3px 8px rgba(0,0,0,.1);box-shadow:0 3px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-icon[data-v-319401e2]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center;margin-bottom:10px;width:40px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-mail[data-v-319401e2]{color:#22272d;font-size:14px;font-weight:500;margin-bottom:8px;max-width:180px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-status[data-v-319401e2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-status .status-icon[data-v-319401e2]{font-size:18px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-status .status-icon.verified[data-v-319401e2]{color:#52c41a}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-actions[data-v-319401e2]{position:absolute;right:5px;top:5px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-actions .action-icon[data-v-319401e2]{color:#999;cursor:pointer;font-size:18px}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-actions .action-icon[data-v-319401e2]:hover{color:#666}#mail-detail-integration .integration-card .integration-body .integration-items .integration-item .item-actions .action-icon.delete[data-v-319401e2]:hover{color:#f5222d}#mail-detail-integration .modal-header[data-v-319401e2]{border-bottom:1px solid #e0e0e0;padding:15px 20px}#mail-detail-integration .modal-header h3[data-v-319401e2]{color:#22272d;font-size:18px;font-weight:600;margin:0}#mail-detail-integration .modal-footer[data-v-319401e2]{-webkit-box-pack:end;-ms-flex-pack:end;border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}#mail-detail-integration .modal-video-container[data-v-319401e2]{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:0 auto;max-width:800px;padding:20px;width:100%}#mail-detail-integration .modal-form[data-v-319401e2]{padding:20px}#mail-detail-integration .modal-form .form-description[data-v-319401e2]{background-color:#f9f9f9;border-left:4px solid #22272d;border-radius:6px;color:#666;font-size:14px;margin-bottom:20px;padding:15px}#mail-detail-integration .modal-form .form-group[data-v-319401e2]{margin-bottom:24px}#mail-detail-integration .modal-form .form-group label[data-v-319401e2]{color:#22272d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}#mail-detail-integration .modal-form .form-group .input-container[data-v-319401e2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}#mail-detail-integration .modal-form .form-group .input-container .input-icon[data-v-319401e2]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:12px;position:absolute}#mail-detail-integration .modal-form .form-group .input-container .input-icon .material-icons[data-v-319401e2]{color:#22272d;font-size:18px}#mail-detail-integration .modal-form .form-group .input-container input[data-v-319401e2]{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:12px 12px 12px 42px;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}#mail-detail-integration .modal-form .form-group .input-container input[data-v-319401e2]:focus{border-color:#22272d;-webkit-box-shadow:0 0 0 2px rgba(34,39,45,.1);box-shadow:0 0 0 2px rgba(34,39,45,.1);outline:none}#mail-detail-integration .modal-form .form-group .input-container input[data-v-319401e2]::-webkit-input-placeholder{color:#bbb}#mail-detail-integration .modal-form .form-group .input-container input[data-v-319401e2]::-moz-placeholder{color:#bbb}#mail-detail-integration .modal-form .form-group .input-container input[data-v-319401e2]::-ms-input-placeholder{color:#bbb}#mail-detail-integration .modal-form .form-group .input-container input[data-v-319401e2]::placeholder{color:#bbb}#mail-detail-integration .modal-form .form-group .input-container input[readonly][data-v-319401e2]{background-color:#f5f5f5;cursor:not-allowed}#mail-detail-integration .modal-form .form-group .error-message[data-v-319401e2]{color:#f5222d;font-size:12px;margin-top:4px}.mail-forward-modal .modal-form,.mail-instruction-modal .modal-form{padding:20px}.mail-forward-modal .modal-form .form-description,.mail-instruction-modal .modal-form .form-description{background-color:#f9f9f9;border-left:4px solid #22272d;border-radius:6px;color:#666;font-size:14px;margin-bottom:20px;padding:15px}.mail-forward-modal .modal-form .form-group,.mail-instruction-modal .modal-form .form-group{margin-bottom:24px}.mail-forward-modal .modal-form .form-group label,.mail-instruction-modal .modal-form .form-group label{color:#22272d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.mail-forward-modal .modal-form .form-group .input-container,.mail-instruction-modal .modal-form .form-group .input-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mail-forward-modal .modal-form .form-group .input-container .input-icon,.mail-instruction-modal .modal-form .form-group .input-container .input-icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:12px;position:absolute}.mail-forward-modal .modal-form .form-group .input-container .input-icon .material-icons,.mail-instruction-modal .modal-form .form-group .input-container .input-icon .material-icons{color:#22272d;font-size:18px}.mail-forward-modal .modal-form .form-group .input-container input,.mail-instruction-modal .modal-form .form-group .input-container input{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:12px 12px 12px 42px;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}.mail-forward-modal .modal-form .form-group .input-container input:focus,.mail-instruction-modal .modal-form .form-group .input-container input:focus{border-color:#22272d;-webkit-box-shadow:0 0 0 2px rgba(34,39,45,.1);box-shadow:0 0 0 2px rgba(34,39,45,.1);outline:none}.mail-forward-modal .modal-form .form-group .input-container input::-webkit-input-placeholder,.mail-instruction-modal .modal-form .form-group .input-container input::-webkit-input-placeholder{color:#bbb}.mail-forward-modal .modal-form .form-group .input-container input::-moz-placeholder,.mail-instruction-modal .modal-form .form-group .input-container input::-moz-placeholder{color:#bbb}.mail-forward-modal .modal-form .form-group .input-container input::-ms-input-placeholder,.mail-instruction-modal .modal-form .form-group .input-container input::-ms-input-placeholder{color:#bbb}.mail-forward-modal .modal-form .form-group .input-container input::placeholder,.mail-instruction-modal .modal-form .form-group .input-container input::placeholder{color:#bbb}.mail-forward-modal .modal-form .form-group .input-container input[readonly],.mail-instruction-modal .modal-form .form-group .input-container input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.mail-forward-modal .modal-form .form-group.error input,.mail-instruction-modal .modal-form .form-group.error input{border-color:#f5222d}.mail-forward-modal .modal-form .form-group.error input:focus,.mail-instruction-modal .modal-form .form-group.error input:focus{-webkit-box-shadow:0 0 0 2px rgba(245,34,45,.1);box-shadow:0 0 0 2px rgba(245,34,45,.1)}.mail-forward-modal .modal-form .form-group.error .input-icon .material-icons,.mail-instruction-modal .modal-form .form-group.error .input-icon .material-icons{color:#f5222d}.mail-forward-modal .modal-header,.mail-instruction-modal .modal-header{border-bottom:1px solid #e0e0e0;padding:15px 20px}.mail-forward-modal .modal-header h3,.mail-instruction-modal .modal-header h3{color:#22272d;font-size:18px;font-weight:600;margin:0}.mail-forward-modal .modal-footer,.mail-instruction-modal .modal-footer{-webkit-box-pack:end;-ms-flex-pack:end;border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.mail-forward-modal .modal-video-container,.mail-instruction-modal .modal-video-container{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:0 auto;max-width:800px;padding:20px;width:100%}.mail-forward-modal .modal-video-container .gif-player-container,.mail-instruction-modal .modal-video-container .gif-player-container{width:100%}#sender-mail-address[data-v-1d6f9fe8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--color-bg-default);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:20px;position:relative;width:100%}#sender-mail-address .section-title[data-v-1d6f9fe8]{-webkit-box-pack:justify;-ms-flex-pack:justify;color:#22272d;font-size:20px;font-weight:600;justify-content:space-between;margin-bottom:20px}#sender-mail-address .section-title .add-button[data-v-1d6f9fe8],#sender-mail-address .section-title[data-v-1d6f9fe8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}#sender-mail-address .section-title .add-button[data-v-1d6f9fe8]{background-color:#22272d;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}#sender-mail-address .section-title .add-button .material-icons[data-v-1d6f9fe8]{font-size:18px;margin-right:5px}#sender-mail-address .section-title .add-button[data-v-1d6f9fe8]:hover{opacity:.9}#sender-mail-address .sender-table[data-v-1d6f9fe8]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}#sender-mail-address .sender-table .table-header[data-v-1d6f9fe8]{background-color:#f9f9f9;color:#22272d;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:600}#sender-mail-address .sender-table .table-header .table-cell[data-v-1d6f9fe8]{border-bottom:1px solid #e0e0e0;padding:12px 15px}#sender-mail-address .sender-table .table-header .table-cell .info-icon[data-v-1d6f9fe8]{color:#999;cursor:help;font-size:16px;margin-left:5px;vertical-align:middle}#sender-mail-address .sender-table .table-header .table-cell .info-icon[data-v-1d6f9fe8]:hover{color:#22272d}#sender-mail-address .sender-table .table-body .table-row[data-v-1d6f9fe8]{border-bottom:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex}#sender-mail-address .sender-table .table-body .table-row[data-v-1d6f9fe8]:hover{background-color:#f9f9f9}#sender-mail-address .sender-table .table-body .table-row[data-v-1d6f9fe8]:last-child{border-bottom:none}#sender-mail-address .sender-table .table-cell[data-v-1d6f9fe8]{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:12px 15px}#sender-mail-address .sender-table .table-cell.mail-cell[data-v-1d6f9fe8]{-webkit-box-flex:2;color:#22272d;-ms-flex:2;flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sender-mail-address .sender-table .table-cell.actions-cell[data-v-1d6f9fe8]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#sender-mail-address .sender-table .status-badge[data-v-1d6f9fe8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px;padding:4px 10px}#sender-mail-address .sender-table .status-badge.success[data-v-1d6f9fe8]{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}#sender-mail-address .sender-table .status-badge.success .material-icons[data-v-1d6f9fe8]{font-size:16px;margin-right:4px}#sender-mail-address .sender-table .status-badge.warning[data-v-1d6f9fe8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff7e6;border:1px solid #ffd591;color:#fa8c16;display:-webkit-box;display:-ms-flexbox;display:flex}#sender-mail-address .sender-table .status-badge.warning .refresh-icon[data-v-1d6f9fe8]{cursor:pointer;font-size:16px;margin-left:4px}#sender-mail-address .sender-table .status-badge.warning .refresh-icon[data-v-1d6f9fe8]:hover{color:#d46b08}#sender-mail-address .sender-table .table-footer[data-v-1d6f9fe8]{-webkit-box-pack:end;-ms-flex-pack:end;border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;padding:12px 15px}#sender-mail-address .empty-state[data-v-1d6f9fe8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:40px}#sender-mail-address .empty-state .material-icons[data-v-1d6f9fe8]{color:#ccc;font-size:48px;margin-bottom:16px}#sender-mail-address .empty-state .empty-text[data-v-1d6f9fe8]{color:#666;font-size:16px;margin-bottom:16px}#sender-mail-address .modal-header[data-v-1d6f9fe8]{border-bottom:1px solid #e0e0e0;padding:15px 20px}#sender-mail-address .modal-header h3[data-v-1d6f9fe8]{color:#22272d;font-size:18px;font-weight:600;margin:0}#sender-mail-address .modal-footer[data-v-1d6f9fe8]{-webkit-box-pack:end;-ms-flex-pack:end;border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}#sender-mail-address .modal-video-container[data-v-1d6f9fe8]{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:20px;width:100%}#sender-mail-address .modal-form[data-v-1d6f9fe8]{padding:20px}#sender-mail-address .modal-form .form-description[data-v-1d6f9fe8]{background-color:#f9f9f9;border-left:4px solid #22272d;border-radius:6px;color:#666;font-size:14px;margin-bottom:20px;padding:15px}#sender-mail-address .modal-form .form-group[data-v-1d6f9fe8]{margin-bottom:24px}#sender-mail-address .modal-form .form-group label[data-v-1d6f9fe8]{color:#22272d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}#sender-mail-address .modal-form .form-group .input-container[data-v-1d6f9fe8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}#sender-mail-address .modal-form .form-group .input-container.error .form-input[data-v-1d6f9fe8],#sender-mail-address .modal-form .form-group .input-container.error input[data-v-1d6f9fe8]{border-color:#f5222d}#sender-mail-address .modal-form .form-group .input-container.error .form-input[data-v-1d6f9fe8]:focus,#sender-mail-address .modal-form .form-group .input-container.error input[data-v-1d6f9fe8]:focus{-webkit-box-shadow:0 0 0 2px rgba(245,34,45,.1);box-shadow:0 0 0 2px rgba(245,34,45,.1)}#sender-mail-address .modal-form .form-group .input-container.error .input-icon .material-icons[data-v-1d6f9fe8]{color:#f5222d}#sender-mail-address .modal-form .form-group .input-container .input-icon[data-v-1d6f9fe8]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:12px;position:absolute}#sender-mail-address .modal-form .form-group .input-container .input-icon .material-icons[data-v-1d6f9fe8]{color:#22272d;font-size:18px}#sender-mail-address .modal-form .form-group .input-container .form-input[data-v-1d6f9fe8],#sender-mail-address .modal-form .form-group .input-container input[data-v-1d6f9fe8]{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:12px 12px 12px 42px;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}#sender-mail-address .modal-form .form-group .input-container .form-input[data-v-1d6f9fe8]:focus,#sender-mail-address .modal-form .form-group .input-container input[data-v-1d6f9fe8]:focus{border-color:#22272d;-webkit-box-shadow:0 0 0 2px rgba(34,39,45,.1);box-shadow:0 0 0 2px rgba(34,39,45,.1);outline:none}#sender-mail-address .modal-form .form-group .input-container .form-input[data-v-1d6f9fe8]::-webkit-input-placeholder,#sender-mail-address .modal-form .form-group .input-container input[data-v-1d6f9fe8]::-webkit-input-placeholder{color:#bbb}#sender-mail-address .modal-form .form-group .input-container .form-input[data-v-1d6f9fe8]::-moz-placeholder,#sender-mail-address .modal-form .form-group .input-container input[data-v-1d6f9fe8]::-moz-placeholder{color:#bbb}#sender-mail-address .modal-form .form-group .input-container .form-input[data-v-1d6f9fe8]::-ms-input-placeholder,#sender-mail-address .modal-form .form-group .input-container input[data-v-1d6f9fe8]::-ms-input-placeholder{color:#bbb}#sender-mail-address .modal-form .form-group .input-container .form-input[data-v-1d6f9fe8]::placeholder,#sender-mail-address .modal-form .form-group .input-container input[data-v-1d6f9fe8]::placeholder{color:#bbb}#sender-mail-address .modal-form .form-group .input-container .form-input[readonly][data-v-1d6f9fe8],#sender-mail-address .modal-form .form-group .input-container input[readonly][data-v-1d6f9fe8]{background-color:#f5f5f5;cursor:not-allowed}#sender-mail-address .modal-form .form-group .error-message[data-v-1d6f9fe8]{color:#f5222d;font-size:12px;margin-top:4px}.sender-mail-modal .modal-form{padding:20px}.sender-mail-modal .modal-form .form-description{background-color:#f9f9f9;border-left:4px solid #22272d;border-radius:6px;color:#666;font-size:14px;margin-bottom:20px;padding:15px}.sender-mail-modal .modal-form .form-group{margin-bottom:24px}.sender-mail-modal .modal-form .form-group label{color:#22272d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.sender-mail-modal .modal-form .form-group .input-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.sender-mail-modal .modal-form .form-group .input-container.error .form-input,.sender-mail-modal .modal-form .form-group .input-container.error input{border-color:#f5222d}.sender-mail-modal .modal-form .form-group .input-container.error .form-input:focus,.sender-mail-modal .modal-form .form-group .input-container.error input:focus{-webkit-box-shadow:0 0 0 2px rgba(245,34,45,.1);box-shadow:0 0 0 2px rgba(245,34,45,.1)}.sender-mail-modal .modal-form .form-group .input-container.error .input-icon .material-icons{color:#f5222d}.sender-mail-modal .modal-form .form-group .input-container .input-icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:12px;position:absolute}.sender-mail-modal .modal-form .form-group .input-container .input-icon .material-icons{color:#22272d;font-size:18px}.sender-mail-modal .modal-form .form-group .input-container .form-input,.sender-mail-modal .modal-form .form-group .input-container input{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:12px 12px 12px 42px;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}.sender-mail-modal .modal-form .form-group .input-container .form-input:focus,.sender-mail-modal .modal-form .form-group .input-container input:focus{border-color:#22272d;-webkit-box-shadow:0 0 0 2px rgba(34,39,45,.1);box-shadow:0 0 0 2px rgba(34,39,45,.1);outline:none}.sender-mail-modal .modal-form .form-group .input-container .form-input::-webkit-input-placeholder,.sender-mail-modal .modal-form .form-group .input-container input::-webkit-input-placeholder{color:#bbb}.sender-mail-modal .modal-form .form-group .input-container .form-input::-moz-placeholder,.sender-mail-modal .modal-form .form-group .input-container input::-moz-placeholder{color:#bbb}.sender-mail-modal .modal-form .form-group .input-container .form-input::-ms-input-placeholder,.sender-mail-modal .modal-form .form-group .input-container input::-ms-input-placeholder{color:#bbb}.sender-mail-modal .modal-form .form-group .input-container .form-input::placeholder,.sender-mail-modal .modal-form .form-group .input-container input::placeholder{color:#bbb}.sender-mail-modal .modal-form .form-group .input-container .form-input[readonly],.sender-mail-modal .modal-form .form-group .input-container input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.sender-mail-modal .modal-form .form-group .error-message{color:#f5222d;font-size:12px;margin-top:4px}.sender-mail-modal .modal-header{border-bottom:1px solid #e0e0e0;padding:15px 20px}.sender-mail-modal .modal-header h3{color:#22272d;font-size:18px;font-weight:600;margin:0}.sender-mail-modal .modal-footer{-webkit-box-pack:end;-ms-flex-pack:end;border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.sender-mail-modal .modal-video-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}#mails,.sender-mail-modal .modal-video-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}#mails{background-color:#fff;height:100%}#medias-container{background-color:#f9f9f9;min-height:calc(100vh - 64px);padding:20px;width:100%}#medias-container .media-content{margin:0 auto;max-width:1200px}#medias-container .media-content .media-header{margin-bottom:24px}#medias-container .media-content .media-header h2{color:#333;font-size:24px;font-weight:500;margin:0}#medias-container .media-content .mail-item{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden}#medias-container .media-content .mail-item .mail-info{border-bottom:1px solid #f0f0f0;padding:16px 24px}#medias-container .media-content .mail-item .mail-info .mail-sender{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px}#medias-container .media-content .mail-item .mail-info .mail-sender .sender-avatar{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#1890ff;border-radius:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;height:40px;justify-content:center;margin-right:12px;width:40px}#medias-container .media-content .mail-item .mail-info .mail-sender .sender-details .sender-name{color:#333;font-size:16px;font-weight:500}#medias-container .media-content .mail-item .mail-info .mail-sender .sender-details .mail-time{color:#999;font-size:13px;margin-top:2px}#medias-container .media-content .mail-item .mail-info .mail-recipients .recipient-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}#medias-container .media-content .mail-item .mail-info .mail-recipients .recipient-group .recipient-type{color:#777;font-weight:500;width:60px}#medias-container .media-content .mail-item .mail-info .mail-recipients .recipient-group .recipient-list{-webkit-box-flex:1;color:#555;-ms-flex:1;flex:1}#medias-container .media-content .mail-item .mail-info .mail-recipients .recipient-group .recipient-list span{margin-right:4px}#medias-container .media-content .mail-item .attachments-gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:24px}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-card{border-radius:8px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.05);box-shadow:0 2px 5px rgba(0,0,0,.05);cursor:pointer;height:100%;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-card:hover{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-4px);transform:translateY(-4px)}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-card .attachment-details{background-color:#fff;padding:12px}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-card .attachment-details .attachment-name{color:#333;font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-card .attachment-details .attachment-meta{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;justify-content:space-between}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-card .attachment-details .attachment-meta .attachment-ext{background-color:#f5f5f5;border-radius:4px;font-weight:500;padding:2px 6px}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-preview{position:relative}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .attachment-preview .file-type-badge{background:#e6f7ff;border-radius:4px;bottom:10px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#1890ff;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:10px;z-index:2}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .image-card .attachment-preview{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;height:160px;justify-content:center;overflow:hidden}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .image-card .attachment-preview img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .image-card .attachment-preview img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .pdf-card .pdf-preview{height:200px;position:relative}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .pdf-card .pdf-preview embed{border:none}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .video-card .video-preview{background-color:#000;height:180px;position:relative}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .audio-card .audio-preview{background-color:#f8f8f8;height:180px;padding:15px;position:relative}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .audio-card .audio-preview,#medias-container .media-content .mail-item .attachments-gallery .attachment-item .audio-card .audio-preview .audio-icon{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .audio-card .audio-preview .audio-icon{margin-top:15px}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .text-card .text-preview{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;height:160px;justify-content:center;position:relative}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .text-card .text-preview .text-icon{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .file-card .file-preview{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;height:160px;justify-content:center;position:relative}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .file-card .file-preview .file-icon{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}#medias-container .media-content .mail-item .attachments-gallery .attachment-item .file-card .attachment-details{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;justify-content:center}#medias-container .media-content .load-more-container{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:30px 0}#medias-container .media-content .load-more-container .load-more-button{border-radius:20px;font-size:15px;height:40px;padding:0 30px}#medias-container .empty-state{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);display:-webkit-box;display:-ms-flexbox;display:flex;height:300px;justify-content:center}.text-preview-content{background-color:#f5f5f5;border-radius:4px;font-family:monospace;font-size:13px;line-height:1.5;max-height:500px;overflow:auto;padding:15px;white-space:pre-wrap}.text-preview-loading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:200px;justify-content:center}.signature-container[data-v-1ef52fe5]{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);margin:0 auto;max-width:1000px;padding:30px;width:80%}.signature-container .signature-header[data-v-1ef52fe5]{margin-bottom:24px}.signature-container .signature-header h2[data-v-1ef52fe5]{color:#22272d;font-size:24px;font-weight:600;margin-bottom:8px}.signature-container .signature-header .signature-description[data-v-1ef52fe5]{color:#666;font-size:14px}.signature-container .mail-selection-container[data-v-1ef52fe5]{margin-bottom:24px}.signature-container .mail-selection-container .mail-selection[data-v-1ef52fe5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.signature-container .mail-selection-container .mail-selection label[data-v-1ef52fe5]{color:#333;font-size:14px;font-weight:500}.signature-container .mail-selection-container .mail-selection .mail-select[data-v-1ef52fe5]{max-width:400px;width:100%}.signature-container .auto-add-container[data-v-1ef52fe5]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.signature-container .auto-add-container .info-icon[data-v-1ef52fe5]{color:#999;margin-left:8px}.signature-container .signature-editor-container[data-v-1ef52fe5]{margin-bottom:30px}.signature-container .signature-editor-container h3[data-v-1ef52fe5]{color:#333;font-size:16px;font-weight:500;margin-bottom:12px}.signature-container .action-buttons[data-v-1ef52fe5]{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-top:20px}.visibility-changer[data-v-df7b8aca]{background-color:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);gap:24px;padding:24px}.visibility-changer .section[data-v-df7b8aca],.visibility-changer[data-v-df7b8aca]{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.visibility-changer .section[data-v-df7b8aca]{gap:12px}.visibility-changer .section .section-header[data-v-df7b8aca]{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eaedf0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding-bottom:10px}.visibility-changer .section .section-header .title[data-v-df7b8aca]{color:#333;font-size:16px;font-weight:600}.visibility-changer .section .section-header .switch-container[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.visibility-changer .section .section-header .switch-container .label[data-v-df7b8aca]{color:#555;font-size:14px}.visibility-changer .section .section-content.mail-selector select[data-v-df7b8aca]{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;padding:10px 12px;-webkit-transition:all .2s;transition:all .2s;width:100%}.visibility-changer .section .section-content.mail-selector select[data-v-df7b8aca]:focus{border-color:#3699ff;-webkit-box-shadow:0 0 0 2px rgba(54,153,255,.1);box-shadow:0 0 0 2px rgba(54,153,255,.1)}.visibility-changer .visibility-options[data-v-df7b8aca]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:10px}.visibility-changer .visibility-options .option[data-v-df7b8aca]{-webkit-box-flex:1;background-color:#fafafa;border:1px solid #eaedf0;border-radius:8px;cursor:pointer;-ms-flex:1;flex:1;padding:14px;-webkit-transition:all .2s;transition:all .2s}.visibility-changer .visibility-options .option .option-header[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:10px}.visibility-changer .visibility-options .option .option-header .radio[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:2px solid #ddd;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:18px;justify-content:center;width:18px}.visibility-changer .visibility-options .option .option-header .radio .inner[data-v-df7b8aca]{background-color:#22272d;border-radius:50%;height:10px;width:10px}.visibility-changer .visibility-options .option .option-header .option-title[data-v-df7b8aca]{color:#333;font-size:14px;font-weight:600}.visibility-changer .visibility-options .option .option-content[data-v-df7b8aca]{color:#666;font-size:13px;line-height:1.4}.visibility-changer .visibility-options .option.selected[data-v-df7b8aca]{background-color:#f0f5fa;border-color:#d0dbe9}.visibility-changer .visibility-options .option.selected .radio[data-v-df7b8aca]{border-color:#22272d}.visibility-changer .items-panel[data-v-df7b8aca]{border:1px solid #eaedf0;border-radius:8px;overflow:hidden}.visibility-changer .items-panel .panel-header[data-v-df7b8aca]{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f9fafb;border-bottom:1px solid #eaedf0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:14px 16px}.visibility-changer .items-panel .panel-header .panel-title[data-v-df7b8aca]{color:#333;font-size:14px;font-weight:600}.visibility-changer .items-panel .panel-header .custom-add-button[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#22272d;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.visibility-changer .items-panel .panel-header .custom-add-button .icon[data-v-df7b8aca]{font-size:16px;font-weight:700}.visibility-changer .items-panel .panel-header .custom-add-button .text[data-v-df7b8aca]{font-size:14px}.visibility-changer .items-panel .panel-header .custom-add-button[data-v-df7b8aca]:hover{background-color:#2c343c;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);box-shadow:0 3px 6px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.visibility-changer .items-panel .panel-header .custom-add-button[data-v-df7b8aca]:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}.visibility-changer .items-panel .panel-content[data-v-df7b8aca]{background-color:#fff;min-height:100px;padding:16px}.visibility-changer .items-panel .panel-content .empty-state[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;height:80px;justify-content:center}.visibility-changer .items-panel .panel-content .items-grid[data-v-df7b8aca]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.visibility-changer .items-panel .panel-content .items-grid .item-card[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f9fafb;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:10px;-webkit-transition:all .2s;transition:all .2s}.visibility-changer .items-panel .panel-content .items-grid .item-card[data-v-df7b8aca]:hover{background-color:#f0f7ff}.visibility-changer .items-panel .panel-content .items-grid .item-card .avatar-container .avatar[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.visibility-changer .items-panel .panel-content .items-grid .item-card .item-details[data-v-df7b8aca]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.visibility-changer .items-panel .panel-content .items-grid .item-card .item-details .item-name[data-v-df7b8aca]{color:#333;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-changer .items-panel .panel-content .items-grid .item-card .item-actions .delete-btn[data-v-df7b8aca]{border-radius:4px;height:24px;min-width:unset;padding:0;width:24px}.visibility-changer .items-panel .panel-content .items-grid .item-card .item-actions .delete-btn i[data-v-df7b8aca]{color:#666;font-size:18px}.visibility-changer .items-panel .panel-content .items-grid .item-card .item-actions .delete-btn[data-v-df7b8aca]:hover{background-color:rgba(244,67,54,.1)}.visibility-changer .items-panel .panel-content .items-grid .item-card .item-actions .delete-btn:hover i[data-v-df7b8aca]{color:#f44336}.visibility-changer .bottom-actions[data-v-df7b8aca]{-webkit-box-pack:end;-ms-flex-pack:end;border-top:1px solid #eaedf0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px}.visibility-changer .bottom-actions .custom-button[data-v-df7b8aca]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:4px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-width:150px;padding:12px 24px;-webkit-transition:all .2s ease;transition:all .2s ease}.visibility-changer .bottom-actions .custom-button.primary[data-v-df7b8aca]{background-color:#22272d;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.visibility-changer .bottom-actions .custom-button.primary[data-v-df7b8aca]:hover{background-color:#2c343c;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);box-shadow:0 3px 6px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.visibility-changer .bottom-actions .custom-button.primary[data-v-df7b8aca]:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}.visibility-changer .bottom-actions .custom-button.large[data-v-df7b8aca]{font-size:15px;padding:12px 28px}.visibility-changer .bottom-actions .custom-button.disabled[data-v-df7b8aca]{cursor:not-allowed;opacity:.7;pointer-events:none}.visibility-avatar span{color:#fff}.agent-modal .ant-modal-body .modal-body,.department-modal .ant-modal-body .modal-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:20px}.agent-modal .ant-modal-body .modal-body .modal-header,.department-modal .ant-modal-body .modal-body .modal-header{margin-bottom:8px}.agent-modal .ant-modal-body .modal-body .modal-header .header-title,.department-modal .ant-modal-body .modal-body .modal-header .header-title{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.agent-modal .ant-modal-body .modal-body .modal-header .header-description,.department-modal .ant-modal-body .modal-body .modal-header .header-description{color:#666;font-size:14px}.agent-modal .ant-modal-body .modal-body .modal-footer,.department-modal .ant-modal-body .modal-body .modal-footer{border-top:1px solid #eaedf0;margin-top:16px;padding-top:16px}.agent-modal .ant-modal-body .modal-body .modal-footer .button-group,.department-modal .ant-modal-body .modal-body .modal-footer .button-group{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;justify-content:flex-end}.agent-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button,.department-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:4px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-width:100px;padding:10px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.agent-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.primary,.department-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.primary{background-color:#22272d;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.agent-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.primary:hover,.department-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.primary:hover{background-color:#2c343c;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);box-shadow:0 3px 6px rgba(0,0,0,.15)}.agent-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.primary:active,.department-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.primary:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.agent-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.cancel,.department-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.cancel{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.agent-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.cancel:hover,.department-modal .ant-modal-body .modal-body .modal-footer .button-group .custom-button.cancel:hover{background-color:#e8e8e8}.agent-modal .modal-search,.department-modal .modal-search{margin-bottom:0;position:relative}.agent-modal .modal-search input,.department-modal .modal-search input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px 10px 36px;width:100%}.agent-modal .modal-search input:focus,.department-modal .modal-search input:focus{border-color:#22272d;-webkit-box-shadow:0 0 0 2px rgba(34,39,45,.1);box-shadow:0 0 0 2px rgba(34,39,45,.1);outline:none}.agent-modal .modal-search .search-icon,.department-modal .modal-search .search-icon{color:#999;font-size:18px;left:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.agent-modal .select-all-option,.department-modal .select-all-option{background-color:#f5f8fa;border-radius:6px;font-weight:500;margin-bottom:0;padding:12px 16px}.agent-modal .select-all-option .ant-checkbox-wrapper,.department-modal .select-all-option .ant-checkbox-wrapper{color:#333;font-size:14px;font-weight:600}.agent-modal .select-all-option .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner,.department-modal .select-all-option .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner{background-color:#22272d;border-color:#22272d}.agent-modal .items-list,.department-modal .items-list{border:1px solid #eaedf0;border-radius:8px;max-height:400px;overflow-y:auto}.agent-modal .items-list .item,.department-modal .items-list .item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eaedf0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 12px;-webkit-transition:background-color .2s;transition:background-color .2s}.agent-modal .items-list .item:last-child,.department-modal .items-list .item:last-child{border-bottom:none}.agent-modal .items-list .item:hover,.department-modal .items-list .item:hover{background-color:#f5f8fa}.agent-modal .items-list .item .checkbox,.department-modal .items-list .item .checkbox{margin-right:10px}.agent-modal .items-list .item .checkbox .ant-checkbox-checked .ant-checkbox-inner,.department-modal .items-list .item .checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#22272d;border-color:#22272d}.agent-modal .items-list .item .item-content,.department-modal .items-list .item .item-content{-webkit-box-flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;justify-content:space-between}.agent-modal .items-list .item .item-content .user-info,.department-modal .items-list .item .item-content .user-info{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.agent-modal .items-list .item .item-content .user-info .user-details .name,.department-modal .items-list .item .item-content .user-info .user-details .name{color:#333;font-size:14px;font-weight:500}.agent-modal .items-list .item .item-content .user-info .user-details .description,.department-modal .items-list .item .item-content .user-info .user-details .description{color:#777;font-size:12px}.agent-modal .items-list .item .item-content .status,.department-modal .items-list .item .item-content .status{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;gap:6px}.agent-modal .items-list .item .item-content .status .status-indicator,.department-modal .items-list .item .item-content .status .status-indicator{border-radius:50%;height:8px;width:8px}.agent-modal .items-list .item .item-content .status.online .status-indicator,.department-modal .items-list .item .item-content .status.online .status-indicator{background-color:#1bc5bd}.agent-modal .items-list .item .item-content .status.away .status-indicator,.department-modal .items-list .item .item-content .status.away .status-indicator{background-color:#3699ff}.agent-modal .items-list .item .item-content .status.busy .status-indicator,.department-modal .items-list .item .item-content .status.busy .status-indicator{background-color:#ffa800}.agent-modal .items-list .item .item-content .status.offline .status-indicator,.department-modal .items-list .item .item-content .status.offline .status-indicator{background-color:#f64e60}.agent-modal .avatar-wrapper,.department-modal .avatar-wrapper{-webkit-margin-start:-8px;margin-inline-start:-8px}.agent-modal .avatar-wrapper.extra,.department-modal .avatar-wrapper.extra{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fde3cf;border-color:#fff;border-radius:50%;color:#f56a00;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;height:24px;justify-content:center;width:24px}.agent-modal .avatar-wrapper:first-child,.department-modal .avatar-wrapper:first-child{-webkit-margin-start:unset;margin-inline-start:unset}.ant-popover-inner-content{-webkit-box-shadow:none;box-shadow:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.checkbox-label{color:#516173;font-size:15px;font-weight:500;line-height:20px;margin-bottom:5px;padding-top:9px}#mail-users{margin:50px;width:70vw}#mail-users .pagination{-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-top:10px}#mail-users .data-box{border:1px solid #dbe1e8;border-radius:4px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.13);box-shadow:0 1px 1px 0 rgba(0,0,0,.13);display:grid;height:118px;min-width:500px;padding:25px;width:100%}#mail-users .data-box .last-session-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}#mail-users .data-box .last-session-info .last-session-data{color:#bab5b5}#mail-users .tags{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}#mail-users .tags,#mail-users .tags .tag{display:-webkit-box;display:-ms-flexbox;display:flex}#mail-users .tags .tag{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#22272d;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:5px 3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#mail-users .tags .tag .tag-color{border-radius:50%;display:inline-block;height:15px;margin-right:5px;width:15px}#mail-users .ant-table-row{min-height:52px}#mail-users .ant-table-row.selected,#mail-users .ant-table-row.selected td{background:#f9f9f9}#mail-users .ant-table-row .cbSelect{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:none;height:35px;justify-content:center;width:35px}#mail-users .ant-table-row .avatar-cell,#mail-users .ant-table-row .user-segment-avatar{display:-webkit-box;display:-ms-flexbox;display:flex}#mail-users .ant-table-row .avatar-cell{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}#mail-users .ant-table-row.hovered .avatar-cell .cbSelect{display:-webkit-box;display:-ms-flexbox;display:flex}#mail-users .ant-table-row.hovered .avatar-cell .user-segment-avatar{display:none}#mail-users .ant-table-body td{border-bottom:1px solid #e8e8e8!important;padding:10px!important}#mail-users .ant-table-body tbody td{border-right:none!important}#mail-users .ant-table-body th{border-right:none}#mail-users .ant-table-thead>tr>th{border-bottom:1px solid #e8e8e8!important}#mail-users.multiSelect .user-segment-avatar{display:none!important}#mail-users.multiSelect .cbSelect{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}#mail-users .webAdressMask{-webkit-box-orient:vertical;-webkit-line-clamp:1;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}#mail-users .user-segment-avatar{background:#6899c1}#mail-users .user-segment-avatar,#mail-users .user-segment-avatar-odd{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;height:35px;width:35px}#mail-users .user-segment-avatar-odd{background:#c980a3}#mail-users .ant-table-small{border:none!important}#mail-users .material-icons{font-size:20px}.white-space[data-v-052a393a]{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mail-integration-detail[data-v-66bcd090]{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--color-bg-default);-ms-flex-direction:column;flex-direction:column;position:relative}#mail-integration-detail .route-page-content[data-v-66bcd090],#mail-integration-detail[data-v-66bcd090]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%}#mail-integration-detail .page-content-wrapper[data-v-66bcd090]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;overflow:auto}#mail-integration-detail .page-content-wrapper .toolbar[data-v-66bcd090]{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:var(--color-bg-default);border-bottom:1px solid var(--color-border-default);display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:50px;justify-content:space-between;padding:10px}#mail-integration-detail .page-content-wrapper .toolbar .left-toolbar-content[data-v-66bcd090]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}#mail-integration-detail .page-content-wrapper .toolbar .left-toolbar-content .name[data-v-66bcd090]{font-size:18px;font-weight:700}#mail-integration-detail .page-content-wrapper .toolbar .left-toolbar-content .icon-container[data-v-66bcd090]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;justify-content:center;margin-right:10px;width:30px}#mail-integration-detail .page-content-wrapper .toolbar .right-toolbar-content[data-v-66bcd090]{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;justify-content:flex-end}#mail-integration-detail .page-content-wrapper .page-content[data-v-66bcd090]{-webkit-box-flex:1;-ms-flex-positive:1;background:var(--color-bg-default);flex-grow:1;height:auto;overflow:auto;padding:10px;position:relative}.email-broadcast{background:#fff;padding:24px}.email-broadcast .steps-content{background:#fafafa;border:1px solid #e9e9e9;border-radius:2px;margin-top:24px;min-height:200px;padding:24px}.email-broadcast .steps-action{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-top:24px}.email-broadcast .steps-action .button-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-left:auto}.email-broadcast .ant-steps-item{cursor:pointer}.email-broadcast .template-selection{display:grid;gap:24px;grid-template-columns:300px 1fr}.email-broadcast .template-selection .selection-panel{background:#fff;border-radius:4px;padding:16px}.email-broadcast .template-selection .selection-panel .ant-select{width:100%}.email-broadcast .template-selection .preview-panel{border:1px solid #e9e9e9;border-radius:4px;overflow:hidden}.email-broadcast .members-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;width:100%}.email-broadcast .members-content .ant-select{width:100%}.email-broadcast .members-content-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px;margin-top:20px;width:100%}.email-broadcast .members-content-list .members-content-title{color:#22272d;font-size:16px;font-weight:500}.email-broadcast .summary-step .summary-boxes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.email-broadcast .summary-step .summary-boxes .summary-box{background:#fff;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);padding:16px}.email-broadcast .summary-step .summary-boxes .summary-box .box-title{color:#666;font-size:14px;font-weight:600;margin-bottom:8px}.email-broadcast .summary-step .summary-boxes .summary-box .box-value{color:#22272d;font-size:16px}.schedule-step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.schedule-button{min-width:300px!important;width:300px!important}.supsis-dialog .dg-content-footer{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;justify-content:flex-end}.supsis-dialog .dg-content-footer .dg-btn--cancel{background-color:#fefefe;border-color:#22272d;color:#22272d}.supsis-dialog .dg-content-footer .dg-btn--ok{background-color:#22272d;border-color:#22272d;color:#fff}.email-broadcast-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:20px;width:100%}.email-broadcast-list .header-container h2{font-size:24px;font-weight:600;margin:0}.email-broadcast-list .toolbar-container{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px}.email-broadcast-list .toolbar-container:has(.right-section){background-color:#f5f5f5}.email-broadcast-list .toolbar-container .left-section{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.email-broadcast-list .toolbar-container .left-section .view-switcher .supsis-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.email-broadcast-list .action-buttons{-webkit-box-pack:end;-ms-flex-pack:end;gap:3px;justify-content:flex-end}.email-broadcast-list .action-buttons,.email-broadcast-list .action-buttons .actionButton{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.email-broadcast-list .action-buttons .actionButton{text-wrap:none;gap:4px}.broadcast-detail{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;display:grid;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-template-columns:calc(25% - 4px) calc(25% - 4px) calc(25% - 4px) calc(25% - 4px);margin-top:15px}.broadcast-detail-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#6266f1;border-radius:5px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:10px}.broadcast-detail-item.success{background-color:#12b981}.broadcast-detail-item.failed{background-color:#ef4444}.broadcast-detail-item[status=completed]{background-color:#12b981}.broadcast-detail-item[status=failed]{background-color:#ef4444}.broadcast-detail-item[status=cancelled]{background-color:#f59e0c}.broadcast-detail-item[status=running]{background-color:#3c82f6}.broadcast-detail-item[status=paused],.broadcast-detail-item[status=queued],.broadcast-detail-item[status=scheduled]{background-color:#f59e0c}.broadcast-detail-item[completed=true]{background-color:#12b981}.broadcast-detail-item-title{font-size:16px;font-weight:500}.broadcast-detail-item-value{font-size:18px;font-weight:600}.broadcast-status{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:15px}.broadcast-status-item{gap:10px;width:274px}.broadcast-status-item,.broadcast-status-item-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.broadcast-status-item-icon{-webkit-box-pack:center;-ms-flex-pack:center;border-radius:5px;height:60px;justify-content:center;min-width:60px;width:60px}.broadcast-status-item-icon[type=total]{background-color:#6266f1}.broadcast-status-item-icon[type=delivered]{background-color:#12b981}.broadcast-status-item-icon[type=bounced]{background-color:#ef4444}.broadcast-status-item-icon[type=open]{background-color:#3c82f6}.broadcast-status-item-icon[type=click]{background-color:#f59e0c}.broadcast-status-item-icon[type=unique-click]{background-color:#0c9cf5}.broadcast-status-item-icon .material-icons{color:#fff;font-size:32px}.broadcast-status-item-detail{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.broadcast-status-item-detail-title{font-size:16px;font-weight:500}.broadcast-status-item-detail-value{font-size:18px;font-weight:600}.broadcast-status-item-detail-description{color:#6b7280;font-size:12px}.broadcast-campaign-chart{margin-top:20px}.broadcast-campaign-chart .broadcast-campaign-chart-title{font-size:20px;font-weight:600;margin-bottom:16px}.broadcast-campaign-chart .broadcast-campaign-chart-body{height:500px}.customer-groups{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:20px;width:100%}.customer-groups,.customer-groups .header-container{display:-webkit-box;display:-ms-flexbox;display:flex}.customer-groups .header-container{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between}.customer-groups .header-container .title .title-content{color:#22272d;font-size:24px;font-weight:500;line-height:31px}.customer-groups .header-container .title .title-content span{cursor:pointer}.customer-groups .group-detail-description{color:#666;font-size:16px;font-weight:400;margin-bottom:16px}.customer-groups .action-buttons{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.customer-groups .action-buttons,.customer-groups .action-buttons .actionButton{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.customer-groups .action-buttons .actionButton{text-wrap:none;gap:4px}#mailbox{background-color:#fff}#mailbox,#mailbox .route-page-content{width:100%}#mailbox .ant-spin-container,#mailbox .ant-spin-nested-loading{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;width:100%!important}#mailbox #mailbox-in{position:relative}#mailbox #mailbox-in,#mailbox #mailbox-in .empty-mail{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}#mailbox #mailbox-in .empty-mail{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center}#mailbox #mailbox-in .mail-composer{border-right:1px solid var(--color-border-default);width:100%}