.email-detail,.email-detail__empty{height:100%;display:flex;flex-direction:column}.email-detail__empty{align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.email-detail__empty-icon{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.12)}.email-detail__empty-text{font-size:.8125rem;color:rgba(255,255,255,.3);text-align:center}.email-detail__header{padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-shrink:0;background:rgba(0,0,0,.1)}.email-detail__actions{display:flex;gap:.375rem;flex-wrap:wrap}.email-detail__actions-mobile{display:none;gap:.375rem;align-items:center;width:100%}.email-detail__actions-desktop{display:flex;gap:.375rem;flex-wrap:wrap}.email-detail__content{flex:1 1;overflow-y:auto;padding:1.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.email-detail__sender{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.875rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.04)}.email-detail__sender-info{flex:1 1;min-width:0}.email-detail__sender-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:.125rem;flex-wrap:nowrap}.email-detail__sender-name{font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.email-detail__sender-date{font-size:.6875rem;color:rgba(255,255,255,.35);white-space:nowrap;flex-shrink:0}.email-detail__sender-email{font-size:.6875rem;color:rgba(255,255,255,.4);display:block;margin-bottom:.25rem}.email-attachments-dropdown{position:relative;margin-top:8px}.email-attachments-trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.75);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.email-attachments-trigger:hover{background:rgba(255,255,255,.11)}.email-attachments-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;max-width:min(320px,90vw);background:rgba(15,16,30,.97);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:9999;animation:email-fade-in .12s ease}.email-attachments-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.8);font-size:.8125rem;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .15s;font-family:inherit}.email-attachments-item:last-child{border-bottom:none}.email-attachments-item:hover{background:rgba(255,255,255,.06)}.email-attachments-item__badge{flex-shrink:0;font-size:.5rem;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);padding:2px 4px;border-radius:3px}.email-attachments-item__badge--pdf{color:#ef4444;background:rgba(239,68,68,.12)}.email-attachments-item__name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-attachments-item__size{font-size:.6875rem;color:rgba(255,255,255,.3);white-space:nowrap;flex-shrink:0}.email-attachments-inline{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.email-attachment-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:default;transition:border-color .15s ease,background .15s ease}.email-attachment-chip:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08)}.email-attachment-chip__icon{font-size:.5625rem;font-weight:700;color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);padding:2px 5px;border-radius:4px;letter-spacing:.02em}.email-attachment-chip__icon--pdf{color:#ef4444;background:rgba(239,68,68,.12)}.email-attachment-chip__info{display:flex;align-items:baseline;gap:4px;min-width:0}.email-attachment-chip__name{font-size:.6875rem;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.email-attachment-chip__size{font-size:.5625rem;color:rgba(255,255,255,.3);white-space:nowrap}.email-attachment-chip__actions{display:flex;gap:2px;margin-left:2px}.email-attachment-chip__btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:rgba(255,255,255,.4);border-radius:4px;cursor:pointer;transition:all .15s ease;padding:0}.email-attachment-chip__btn:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.email-detail__recipients{font-size:.6875rem;color:rgba(255,255,255,.4);line-height:1.5}.email-detail__recipients>div{margin-bottom:.0625rem}.email-detail__recipients strong{font-weight:500;color:rgba(255,255,255,.5)}.email-detail__subject{font-size:1rem;font-weight:600;margin-bottom:1.5rem;color:rgba(255,255,255,.95);line-height:1.4}.email-detail__body{font-size:.875rem;line-height:1.75;color:rgba(255,255,255,.75);margin-bottom:2rem;white-space:pre-wrap;word-break:break-word}.email-detail__iframe{width:100%;min-height:400px;border:none;border-radius:10px;background:white;margin-bottom:2rem}.email-attachments{padding:1.25rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.04)}.email-attachments__title{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.email-attachments__list{display:flex;flex-wrap:wrap;gap:.5rem}.email-attachment-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:rgba(255,255,255,.04);border-radius:10px;border:1px solid rgba(255,255,255,.06);transition:background .15s,border-color .15s;cursor:pointer}.email-attachment-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}.email-attachment-item__info{display:flex;align-items:center;gap:.625rem;flex:1 1;min-width:0}.email-attachment-item__icon{width:2rem;height:2rem;background:var(--accent-gradient,linear-gradient(135deg,#ec4899,#a855f7));border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:.5625rem;font-weight:700;flex-shrink:0;letter-spacing:.05em}.email-attachment-item__details{flex:1 1;min-width:0}.email-attachment-item__name{font-size:.8125rem;color:rgba(255,255,255,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-attachment-item__size{font-size:.6875rem;color:rgba(255,255,255,.35)}.email-compose-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:email-fade-in .15s ease}.email-compose{position:fixed;bottom:1.5rem;right:1.5rem;width:90%;max-width:640px;max-height:80vh;background:rgba(15,15,20,.92);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 32px 64px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.06);z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:email-slide-up .25s ease}.email-compose__header{padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;background:var(--accent-gradient,linear-gradient(135deg,#ec4899,#a855f7))}.email-compose__header-title{font-size:.8125rem;font-weight:600;color:white;letter-spacing:.01em}.email-compose__form{flex:1 1;overflow-y:auto;padding:1rem 1.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.email-compose__field{margin-bottom:.75rem}.email-compose__field-row{display:flex;gap:.5rem;align-items:center}.email-compose__label{min-width:3.5rem;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.4);letter-spacing:.02em}.email-compose__footer{padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:rgba(0,0,0,.15)}.email-compose__footer-left,.email-compose__footer-right{display:flex;gap:.375rem}.email-compose-attachments{padding:.75rem;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.04);margin-bottom:.75rem}.email-compose-attachments__title{font-size:.6875rem;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.email-compose-attachments__list{display:flex;flex-direction:column;gap:.375rem}.email-compose-attachment{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:rgba(255,255,255,.04);border-radius:8px;border:1px solid rgba(255,255,255,.06)}.email-compose-attachment__name{font-size:.8125rem;color:rgba(255,255,255,.7)}.email-compose-attachment__size{font-size:.6875rem;color:rgba(255,255,255,.3)}.email-compose-attachment__remove{background:transparent;border:none;color:rgba(255,255,255,.3);cursor:pointer;padding:.25rem;font-size:1.125rem;line-height:1;border-radius:4px;transition:color .15s,background .15s}.email-compose-attachment__remove:hover{color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}.email-icon-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;color:white;opacity:.7;transition:opacity .15s,transform .15s;border-radius:6px}.email-icon-btn:hover{opacity:1}.email-editor-toolbar{display:flex;gap:.25rem;padding:.375rem .5rem;border:1px solid rgba(255,255,255,.06);border-bottom:none;border-radius:8px 8px 0 0;background:rgba(255,255,255,.02)}.email-editor-btn{padding:.3125rem .4375rem;background:transparent;border:1px solid transparent;border-radius:6px;color:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .15s}.email-editor-btn:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.06)}.email-editor-textarea{width:100%;min-height:240px;padding:.75rem;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 8px 8px;background:rgba(255,255,255,.02);color:rgba(255,255,255,.85);font-size:.875rem;line-height:1.65;outline:none;overflow-y:auto;word-break:break-word;font-family:inherit;transition:border-color .2s}.email-editor-textarea:focus{border-color:rgba(255,255,255,.12)}.email-editor-textarea:empty:before{content:attr(data-placeholder);color:rgba(255,255,255,.2);pointer-events:none}.email-editor-textarea a{color:#60a5fa;text-decoration:underline}.email-editor-textarea img{max-width:100%;height:auto}.email-editor-textarea table{max-width:100%;border-collapse:collapse}.email-editor-textarea :not(a){color:rgba(255,255,255,.85)!important}.email-editor-textarea a{color:#60a5fa!important}.email-link-overlay{position:fixed;inset:0;z-index:10000}.email-link-modal{position:fixed;background:rgba(15,15,20,.95);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;box-shadow:0 16px 40px rgba(0,0,0,.4);z-index:10001;min-width:280px}.email-link-modal__field{margin-bottom:.75rem}.email-link-modal__label{display:block;font-size:.6875rem;font-weight:500;color:rgba(255,255,255,.4);margin-bottom:.25rem;letter-spacing:.02em}.email-link-modal__actions{display:flex;gap:.375rem;justify-content:flex-end}.email-link-modal__cancel{padding:.375rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.6);font-size:.8125rem;cursor:pointer;transition:all .15s}.email-link-modal__cancel:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15)}.email-link-modal__submit{padding:.375rem .75rem;background:var(--accent-gradient,linear-gradient(135deg,#ec4899,#a855f7));border:none;border-radius:8px;color:white;font-size:.8125rem;font-weight:500;cursor:pointer;transition:opacity .15s}.email-link-modal__submit:hover{opacity:.9}.email-link-modal__submit:disabled{cursor:not-allowed;opacity:.4}.email-no-account{max-width:420px;text-align:center;padding:3rem 2.5rem}.email-no-account__icon{margin:0 auto 1.5rem;width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.email-no-account__title{color:rgba(255,255,255,.9);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.email-no-account__text{color:rgba(255,255,255,.4);margin:0 0 1.75rem;font-size:.8125rem;line-height:1.6}.email-no-account__link{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent-gradient,linear-gradient(135deg,#ec4899,#a855f7));border-radius:10px;color:white;font-weight:600;font-size:.8125rem;text-decoration:none;transition:opacity .2s,transform .2s}.email-no-account__link:hover{opacity:.9;transform:translateY(-1px)}.email-skeleton{display:flex;flex-direction:column;gap:0;flex:1 1}.email-skeleton__item{padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);animation:email-pulse 1.5s ease-in-out infinite}.email-skeleton__bar{height:10px;border-radius:5px;background:rgba(255,255,255,.06);margin-bottom:.5rem}.email-skeleton__bar--short{width:40%}.email-skeleton__bar--medium{width:70%}.email-skeleton__bar--long{width:90%}.email-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;color:rgba(255,255,255,.65);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.email-action-btn:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.1)}.email-action-btn--icon-only{padding:.375rem}.email-action-btn--danger:hover{background:rgba(239,68,68,.1);color:#f87171;border-color:rgba(239,68,68,.15)}.email-action-btn--star{color:rgba(255,255,255,.3)}.email-action-btn--star-active{color:#fbbf24}@media (max-width:1200px){.email-list-card{width:340px}}@media (max-width:1024px){.email-list-card{width:300px}.email-folder-tab{padding:.25rem .5rem;font-size:.6875rem}}.email-topbar-folder-row{display:contents}.email-mobile-folder-selector{display:none}