.email-page{height:calc(100vh - 60px);gap:16px;padding:16px}.email-banner,.email-page{display:flex;flex-direction:column}.email-banner{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px;border-radius:8px;gap:12px}.mail-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mail-tabs button{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;background:#e5e7eb;cursor:pointer}.mail-tabs button .count{background:#fff;border-radius:12px;padding:0 6px;font-size:.75rem}.mail-tabs button.active,.mail-tabs button:hover{background:#d1d5db}.email-content{display:flex;flex:1;gap:16px;overflow:hidden}.email-filters{display:flex;gap:12px;margin:0;justify-content:center;flex-wrap:wrap}.email-filters label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.email-filters input[type=text],.email-filters select{padding:.4rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.flag-filter{flex-direction:row!important;align-items:center;gap:.5rem!important}.email-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.empty-inbox{text-align:center;margin-top:2rem;font-size:1.25rem;color:#6b7280}.email-card{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);cursor:pointer;transition:background .2s ease}.email-card:hover{background:rgba(255,255,255,1)}.email-card.active{background:rgba(219,234,254,.85);box-shadow:0 0 0 2px #3b82f6,0 2px 6px rgba(0,0,0,.05)}.email-info{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.25rem;color:#6b7280;flex-wrap:wrap;gap:4px}.flag-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#f59e0b}.flag-btn.inactive{color:#d1d5db}.sale-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#10b981;margin-left:4px}.business-label{display:inline-block;font-weight:600;color:#fff;padding:2px 6px;border-radius:4px}.email-card label{display:flex;flex-direction:column;font-size:.85rem;margin-top:.5rem;gap:.25rem}.email-card select{padding:.4rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.template-select-wrapper{display:flex;align-items:center;gap:4px;width:100%}.edit-template-btn{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1}.template-select-wrapper input,.template-select-wrapper select{flex:1;min-width:0}.new-email-form{display:flex;flex-direction:column;gap:.75rem}.new-email-form input,.new-email-form select,.new-email-form textarea{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.template-edit-form{display:flex;flex-direction:column;gap:.75rem}.template-edit-form label{display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.template-edit-form input,.template-edit-form select{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.sale-form{gap:.75rem}.sale-form,.sale-form label{display:flex;flex-direction:column}.sale-form label{font-size:.9rem;gap:.25rem}.sale-form input,.sale-form select{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.template-field{display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.crm-badge{background:linear-gradient(90deg,#fcd5ce,#fff1e6);color:#5a4a3f;font-weight:600;border:none;border-radius:8px;padding:.2rem .5rem;font-size:.75rem;cursor:pointer;transition:background .2s ease}.crm-badge:hover{background:linear-gradient(90deg,#f8edeb,#ffe5d9)}.email-preview{flex:1;overflow-y:auto;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;display:flex;flex-direction:column;gap:12px}.email-preview,.reply-section{border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.reply-section{background:#fff;padding:12px;margin-bottom:12px}.reply-section .recipient-fields{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.reply-section .recipient-fields label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.reply-section .recipient-fields input{padding:.4rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.send-btn{margin-top:.5rem;padding:.4rem .75rem;border:none;border-radius:6px;background-color:#e0f2fe;color:#0369a1;font-size:.875rem;cursor:pointer;transition:background .2s ease}.send-btn:hover{background-color:#bae6fd}.loading-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%;flex-direction:column;gap:8px}.google-spinner{font-size:3rem;color:#4285F4;animation:google-spin 1s linear infinite}.plane-animation{font-size:3rem;color:#4285F4;animation:plane-landing 2s ease-in-out infinite}.landing-message{font-family:Comic Sans MS,Comic Sans,cursive;color:#4285F4;font-size:1.25rem;text-align:center}@keyframes plane-landing{0%{transform:translate(-200%,-200%) rotate(-45deg);opacity:0}70%{opacity:1}to{transform:translate(0) rotate(0deg);opacity:1}}.preview-body{word-break:break-word}.preview-body img{max-width:100%;height:auto}.attachments{margin-top:.5rem}.attachments ul{list-style:none;padding-left:0;margin:0}.attachments li{margin-bottom:.25rem}.attachments-banner{margin-top:.5rem;padding:12px;border-radius:8px;background:linear-gradient(90deg,#fcd5ce,#fff1e6);color:#5a4a3f}.attachments-banner ul{list-style:none;padding-left:0;margin:0}.attachments-banner li{margin-bottom:.25rem}.attachments-banner .download-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.attachments-banner .download-buttons button{padding:.4rem .75rem;border:none;border-radius:6px;background-color:#e0f2fe;color:#0369a1;font-size:.875rem;cursor:pointer;transition:background .2s ease}.attachments-banner .download-buttons button:hover{background-color:#bae6fd}.add-btn{margin-top:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;background:linear-gradient(90deg,#fcd5ce,#fff1e6);color:#5a4a3f;font-weight:600;cursor:pointer;transition:background .2s ease}.add-btn:hover{background:linear-gradient(90deg,#f8edeb,#ffe5d9)}.email-card .delete-btn{margin-top:.5rem;margin-left:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;background:linear-gradient(90deg,#fcd5ce,#fff1e6);color:#5a4a3f;font-weight:600;cursor:pointer;transition:background .2s ease}.email-card .delete-btn:hover{background:linear-gradient(90deg,#f8edeb,#ffe5d9)}@media (max-width:768px){.email-content{flex-direction:column;overflow-y:auto;overflow-x:hidden}.email-preview{margin-top:16px}.email-filters{flex-direction:column;align-items:stretch}.email-filters label,.email-filters select{width:100%}}@keyframes google-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auto-delete-box{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px;border-radius:8px;width:260px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.auto-delete-box h3{margin-top:0;font-size:.9rem;margin-bottom:.5rem;cursor:pointer}.auto-delete-box .add-sender{display:flex;gap:4px;margin-bottom:.5rem}.auto-delete-box .add-sender input{flex:1;padding:.3rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:.85rem}.auto-delete-box .add-sender button{padding:.3rem .5rem;border:none;border-radius:4px;background:#fcd5ce;cursor:pointer}.auto-delete-box ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:4px}.auto-delete-box li{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.auto-delete-box li button{border:none;background:none;cursor:pointer}@media (max-width:768px){.email-info{flex-direction:column;align-items:flex-start}.auto-delete-box{width:100%}}