.message-new-drawer.offcanvas{width:600px!important;max-width:90vw;height:100vh;padding:1rem}.message-new-drawer__content{height:100%;display:flex;flex-direction:column;position:relative}.message-new-drawer__header h5{font-weight:600;color:#333}.message-new-drawer__header .btn-close-header{background:none;border:none;padding:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.message-new-drawer__header .btn-close-header:hover{background-color:#f8f9fa;color:#333}.message-new-drawer--reply .compose-new-email-container .new-email-header .input-container{margin-bottom:-10px!important}.message-new-drawer .close-footer{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;z-index:10;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.message-new-drawer .close-footer:hover{background-color:#f8f9fa;color:#333}.message-new-drawer .attachments{margin-bottom:30px}.message-new-drawer .attachments .file{text-decoration:none;color:inherit;border:1px solid #dee2e6;border-radius:8px;padding:10px;margin-right:10px;transition:all .3s ease}.message-new-drawer .attachments .file:hover{border-color:#007bff;background-color:#f8f9fa}.message-new-drawer .attachments .file .icon{width:40px;height:40px;background-color:#f8f9fa}.message-new-drawer .attachments .file .file-name{font-weight:500;font-size:14px}.message-new-drawer .attachments .file .file-size{font-size:12px;color:#666}.message-new-drawer .attachments .all-download{color:#007bff;text-decoration:none;font-size:14px}.message-new-drawer .attachments .all-download:hover{text-decoration:underline}.message-new-drawer .compose-new-email-container{flex:1 1;display:flex;flex-direction:column;min-height:0}.message-new-drawer .compose-new-email-container .new-email-header{border-bottom:1px solid #dee2e6;padding-bottom:15px;flex-shrink:0}.message-new-drawer .compose-new-email-container .new-email-header .input-container{margin-bottom:10px}.message-new-drawer .compose-new-email-container .new-email-header .input-container .form-control{border:none;border-bottom:1px solid #dee2e6;border-radius:0;padding:10px 0;font-size:14px}.message-new-drawer .compose-new-email-container .new-email-header .input-container .form-control:focus{box-shadow:none;border-color:#ed6624}.message-new-drawer .compose-new-email-container .new-email-header .input-container select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 12px}.message-new-drawer .compose-new-email-container .new-email-header .input-container .recipient-name{font-weight:500;color:#333}.message-new-drawer .compose-new-email-container .new-email-header hr{border-color:#dee2e6;margin:10px 0}.message-new-drawer .compose-new-email-container .compose-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden;height:100%;padding:15px}.message-new-drawer .compose-new-email-container .compose-body textarea{width:100%;height:100%;flex:1 1 auto;border:none;outline:none;resize:none;font-size:1rem;line-height:1.6;font-family:inherit;min-height:0}.message-new-drawer .compose-new-email-container .compose-body textarea::placeholder{color:#999}.message-new-drawer .compose-new-email-container .compose-body textarea:disabled{background-color:rgba(0,0,0,0);opacity:.6}.message-new-drawer .compose-new-email-container .compose-email-footer{border-top:1px solid #dee2e6;padding-top:15px;flex:0 0 auto;margin-top:auto}.message-new-drawer .compose-new-email-container .compose-email-footer .insert-file{position:relative;cursor:pointer}.message-new-drawer .compose-new-email-container .compose-email-footer .insert-file input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.message-new-drawer .compose-new-email-container .compose-email-footer .insert-file:hover img{opacity:.7}.message-new-drawer .compose-new-email-container .compose-email-footer .insert-emoji{background:none;border:none;cursor:pointer}.message-new-drawer .compose-new-email-container .compose-email-footer .insert-emoji:hover img{opacity:.7}.message-new-drawer .compose-new-email-container .compose-email-footer .insert-emoji:disabled{opacity:.5;cursor:not-allowed}.message-new-drawer .compose-new-email-container .compose-email-footer .delete-mail{background:none;border:none;cursor:pointer}.message-new-drawer .compose-new-email-container .compose-email-footer .delete-mail:hover img{opacity:.7}.message-new-drawer .compose-new-email-container .compose-email-footer .delete-mail:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.message-new-drawer.offcanvas{width:100vw!important}.message-new-drawer .compose-new-email-container .compose-body textarea{min-height:200px}}.message-new-drawer.offcanvas{transition:transform .3s ease-in-out}.offcanvas-backdrop{background-color:rgba(0,0,0,.5)}.ps-4.pe-4.d-flex.flex-column.h-100{height:100%}