.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:var(--glass-bg-subtle,rgba(255,255,255,.03));border:1px solid var(--glass-border-subtle,rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center;color:var(--container-text-secondary,rgba(255,255,255,.12))}.email-detail__empty-text{font-size:.8125rem;color:var(--container-text-secondary,rgba(255,255,255,.3));text-align:center}.email-detail__header{padding:.875rem 1.25rem;border-bottom:1px solid var(--glass-border-subtle,rgba(255,255,255,.06));display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-shrink:0;background:var(--container-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:var(--glass-border-subtle,rgba(255,255,255,.08)) transparent}.email-detail__sender{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.875rem;background:var(--glass-bg-subtle,rgba(255,255,255,.03));border-radius:12px;border:1px solid var(--glass-border-subtle,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:var(--container-heading-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:var(--container-text-secondary,rgba(255,255,255,.35));white-space:nowrap;flex-shrink:0}.email-detail__sender-email{font-size:.6875rem;color:var(--container-text-secondary,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:var(--glass-bg-subtle,rgba(255,255,255,.07));border:1px solid var(--glass-border-subtle,rgba(255,255,255,.1));border-radius:8px;color:var(--container-text-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:var(--glass-bg,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:var(--container-background,rgba(15,16,30,.97));-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid var(--glass-border-subtle,rgba(255,255,255,.1));border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg,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 var(--glass-border-subtle,rgba(255,255,255,.05));color:var(--container-text-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:var(--glass-bg-subtle,rgba(255,255,255,.06))}.email-attachments-item__badge{flex-shrink:0;font-size:.5rem;font-weight:700;letter-spacing:.02em;color:var(--container-text-secondary,rgba(255,255,255,.5));background:var(--glass-bg,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:var(--container-text-secondary,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:var(--glass-bg-subtle,rgba(255,255,255,.05));border:1px solid var(--glass-border-subtle,rgba(255,255,255,.08));border-radius:8px;cursor:default;transition:border-color .15s ease,background .15s ease}.email-attachment-chip:hover{border-color:var(--glass-border,rgba(255,255,255,.15));background:var(--glass-bg,rgba(255,255,255,.08))}.email-attachment-chip__icon{font-size:.5625rem;font-weight:700;color:var(--container-text-secondary,rgba(255,255,255,.5));background:var(--glass-bg,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:var(--container-text-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:var(--container-text-secondary,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:var(--container-text-secondary,rgba(255,255,255,.4));border-radius:4px;cursor:pointer;transition:all .15s ease;padding:0}.email-attachment-chip__btn:hover{background:var(--glass-bg,rgba(255,255,255,.1));color:var(--container-text-color,rgba(255,255,255,.8))}.email-detail__recipients{font-size:.6875rem;color:var(--container-text-secondary,rgba(255,255,255,.4));line-height:1.5}.email-detail__recipients>div{margin-bottom:.0625rem}.email-detail__recipients strong{font-weight:500;color:var(--container-text-secondary,rgba(255,255,255,.5))}.email-detail__subject{font-size:1rem;font-weight:600;margin-bottom:1.5rem;color:var(--container-heading-color,rgba(255,255,255,.95));line-height:1.4}.email-detail__body{font-size:.875rem;line-height:1.75;color:var(--container-text-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:var(--glass-bg-subtle,rgba(255,255,255,.03));border-radius:12px;border:1px solid var(--glass-border-subtle,rgba(255,255,255,.04))}.email-attachments__title{font-size:.75rem;font-weight:600;color:var(--container-text-secondary,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:var(--glass-bg-subtle,rgba(255,255,255,.04));border-radius:10px;border:1px solid var(--glass-border-subtle,rgba(255,255,255,.06));transition:background .15s,border-color .15s;cursor:pointer}.email-attachment-item:hover{background:var(--glass-bg-subtle,rgba(255,255,255,.07));border-color:var(--glass-border-subtle,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:var(--container-text-color,rgba(255,255,255,.8));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-attachment-item__size{font-size:.6875rem;color:var(--container-text-secondary,rgba(255,255,255,.35))}.email-compose-backdrop{position:fixed;inset:0;background:var(--container-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:var(--container-background,rgba(15,15,20,.92));-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid var(--glass-border-subtle,rgba(255,255,255,.08));border-radius:16px;box-shadow:var(--shadow-lg,0 32px 64px rgba(0,0,0,.4)),0 0 0 1px var(--glass-border-subtle,rgba(255,255,255,.04)) inset,0 1px 0 var(--glass-border-subtle,rgba(255,255,255,.06)) inset;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 var(--glass-border-subtle,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:var(--glass-border-subtle,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:var(--container-text-secondary,rgba(255,255,255,.4));letter-spacing:.02em}.email-compose__footer{padding:.75rem 1.25rem;border-top:1px solid var(--glass-border-subtle,rgba(255,255,255,.06));display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--container-background,rgba(0,0,0,.15))}.email-compose__footer-left,.email-compose__footer-right{display:flex;gap:.375rem}.email-compose-attachments{padding:.75rem;background:var(--glass-bg-subtle,rgba(255,255,255,.03));border-radius:10px;border:1px solid var(--glass-border-subtle,rgba(255,255,255,.04));margin-bottom:.75rem}.email-compose-attachments__title{font-size:.6875rem;font-weight:600;color:var(--container-text-secondary,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:var(--glass-bg-subtle,rgba(255,255,255,.04));border-radius:8px;border:1px solid var(--glass-border-subtle,rgba(255,255,255,.06))}.email-compose-attachment__name{font-size:.8125rem;color:var(--container-text-color,rgba(255,255,255,.7))}.email-compose-attachment__size{font-size:.6875rem;color:var(--container-text-secondary,rgba(255,255,255,.3))}.email-compose-attachment__remove{background:transparent;border:none;color:var(--container-text-secondary,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:var(--container-text-color,rgba(255,255,255,.7));background:var(--glass-bg-subtle,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 var(--glass-border-subtle,rgba(255,255,255,.06));border-bottom:none;border-radius:8px 8px 0 0;background:var(--glass-bg-subtle,rgba(255,255,255,.02))}.email-editor-btn{padding:.3125rem .4375rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--container-text-secondary,rgba(255,255,255,.5));cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .15s}.email-editor-btn:hover{background:var(--glass-bg-subtle,rgba(255,255,255,.06));color:var(--container-text-color,rgba(255,255,255,.8));border-color:var(--glass-border-subtle,rgba(255,255,255,.06))}.email-editor-textarea{width:100%;min-height:240px;padding:.75rem;border:1px solid var(--glass-border-subtle,rgba(255,255,255,.06));border-top:none;border-radius:0 0 8px 8px;background:var(--glass-bg-subtle,rgba(255,255,255,.02));color:var(--container-text-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:var(--glass-border-subtle,rgba(255,255,255,.12))}.email-editor-textarea:empty:before{content:attr(data-placeholder);color:var(--container-text-secondary,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:var(--container-text-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:var(--container-background,rgba(15,15,20,.95));-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid var(--glass-border-subtle,rgba(255,255,255,.1));border-radius:12px;padding:1rem;box-shadow:var(--shadow-lg,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:var(--container-text-secondary,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 var(--glass-border-subtle,rgba(255,255,255,.1));border-radius:8px;color:var(--container-icon-color,rgba(255,255,255,.6));font-size:.8125rem;cursor:pointer;transition:all .15s}.email-link-modal__cancel:hover{background:var(--glass-bg-subtle,rgba(255,255,255,.04));border-color:var(--glass-border,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:var(--glass-bg-subtle,rgba(255,255,255,.03));border:1px solid var(--glass-border-subtle,rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center}.email-no-account__title{color:var(--container-heading-color,rgba(255,255,255,.9));margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.email-no-account__text{color:var(--container-text-secondary,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 var(--glass-border-subtle,rgba(255,255,255,.04));animation:email-pulse 1.5s ease-in-out infinite}.email-skeleton__bar{height:10px;border-radius:5px;background:var(--glass-bg-subtle,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:var(--glass-bg-subtle,rgba(255,255,255,.04));border:1px solid var(--glass-border-subtle,rgba(255,255,255,.06));border-radius:8px;color:var(--container-text-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:var(--glass-bg,rgba(255,255,255,.08));color:var(--container-heading-color,rgba(255,255,255,.9));border-color:var(--glass-border-subtle,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:var(--container-text-secondary,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}