/* Original TMail utility styles are bundled in assets/themes. These rules bind the PHP inbox to their states. */
:root{--head-font:"Poppins",sans-serif;--body-font:"Poppins",sans-serif;--primary:#0155b5;--secondary:#2fc10a;--tertiary:#d2ab3e}body[data-theme=nebula]{--primary:#3c0788}body[data-theme=mantis]{--primary:#6858d7;--secondary:#ef8b26;--tertiary:#34d399}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-picker{display:flex;align-items:center;gap:10px}.theme-picker select{font-size:12px;padding:6px 30px 6px 10px;border:0;border-radius:4px;background-color:#e5e7eb;color:#374151}.mobile-nav-toggle{position:absolute;top:24px;right:24px;color:inherit;width:28px;height:28px}.mobile-nav-toggle svg{width:100%;height:100%}.default-theme aside .theme-nav{color:white}.default-theme aside .theme-nav>div{display:none}.default-desktop-nav{background:#f3f4f6}.default-desktop-nav .mobile-nav-toggle{display:none}.default-theme .default-right{display:flex;flex-direction:column}.default-theme .default-right>div:last-child{flex:1}.default-mailbox{position:relative;min-height:calc(100vh - 96px)}.default-mailbox #messages{flex:1}.default-mailbox .empty{display:flex;align-items:center;justify-content:center;flex:1;min-height:180px;font-size:24px;color:#9ca3af}.default-mailbox .message-row{padding:20px;text-align:left;width:100%;background:#fff}.default-mailbox .message-row:hover{background:#f9fafb}.default-mailbox .row-sender{font-size:16px;color:#1f2937;overflow-wrap:anywhere}.default-mailbox .row-time{font-size:12px;color:#1f2937;white-space:nowrap}.default-mailbox .row-subject{font-size:14px;color:#4b5563;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.default-mailbox .default-viewer{min-width:0}.default-mailbox .reader-head{background:white;color:#1f2937;border-bottom:1px solid #e5e7eb}.default-mailbox .reader-head button{font-size:12px}.nebula-theme .theme-footer{padding-top:80px}.nebula-theme .table-head{background:#3c078820;border-radius:6px 6px 0 0}.nebula-theme .reader-head{background:#3c078899;border-radius:6px 6px 0 0}.nebula-theme #messages,.nebula-theme #reader{min-height:calc(100vh - 348px)}.nebula-theme .action-buttons button{gap:8px}.table-mailbox{position:relative;min-width:0;width:100%}.table-mailbox .message-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-bottom:1px dashed #e5e7eb;padding:16px 28px;background:#fff;font-size:14px}.table-mailbox .message-row:hover{background:#e5e7eb}.table-mailbox .row-sender{width:25%;overflow-wrap:anywhere}.table-mailbox .row-subject{width:58.333%;overflow-wrap:anywhere}.table-mailbox .row-time{width:16.667%;text-align:right;font-size:12px}.table-mailbox .empty{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 348px);font-size:18px;color:#6b7280}.mantis-theme>div:first-child img{filter:invert(1)}.mantis-theme .table-head,.mantis-theme .reader-head{background:var(--primary);color:#fff}.mantis-theme .empty,.mantis-theme #messages,.mantis-theme #reader{min-height:calc(100vh - 348px)}.mantis-theme .address-wrap{flex:1;min-width:0}.mantis-theme #historyToggle{border-color:var(--secondary);text-align:left;color:#374151}.mantis-theme #counter{width:60px;flex-shrink:0;min-height:60px}.mantis-theme #counter .filler{background:#6858d750}.mantis-theme #counter .text{z-index:1}.address-wrap button{width:100%;text-align:left;overflow-wrap:anywhere}.address-wrap #email{display:block;min-width:0}.history-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:white;color:#374151;border-radius:6px;box-shadow:0 10px 25px #0002;max-height:280px;overflow:auto}.historyrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;font-size:12px;border-bottom:1px solid #eee}.historyrow span{overflow-wrap:anywhere;min-width:0}.historyrow button{color:var(--primary);padding:4px 6px}.delivery-notice{position:absolute;left:16px;right:16px;top:12px;z-index:20;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px 16px;font-size:13px;border-radius:6px}.app-action form{display:flex;flex-direction:column;gap:20px}.random-row{display:flex;justify-content:center;gap:12px;margin:24px auto 0}.default-theme .random-row{flex-direction:column;max-width:288px;border-top:2px solid #ffffff40;padding-top:24px}.cancel-create{background:#ffffff1a;color:white;padding:8px 20px;border-radius:6px}.mantis-create{max-width:600px}.mantis-theme .cancel-create{border-radius:0}#reader{width:100%;min-width:0;background:white}#reader h2,#reader p{overflow-wrap:anywhere}#htmlView{width:100%;height:600px;min-height:50vh;border:0;background:white}#textView{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#374151;max-height:70vh;overflow:auto}.readerbar{display:flex;justify-content:flex-end;margin-bottom:16px}.tabs{display:flex;gap:8px}.tabs button{font-size:12px;color:#6b7280;padding:6px 12px;border:1px solid #e5e7eb;border-radius:4px}.tabs button.active{background:var(--primary);color:white;border-color:var(--primary)}.otp-code{display:flex;align-items:center;justify-content:space-between;background:#eff6ff;padding:12px 16px;margin-bottom:16px;font-size:12px}.otp-code button{font-size:22px;font-weight:600;letter-spacing:3px;color:var(--primary)}.mobile-menu{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:80px 24px;background:var(--primary);color:white;text-align:center;z-index:100}.mobile-menu::backdrop{background:var(--primary)}.mobile-menu a,.mobile-menu label{display:block;padding:16px;font-size:16px}.mobile-menu select{display:block;margin:12px auto;color:#374151;padding:10px 32px 10px 16px;border-radius:4px;min-width:180px}.menu-close{position:absolute;top:20px;right:24px;font-size:36px;line-height:1}#toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:200;background:#ecfdf5;border:1px solid #10b981;color:#065f46;box-shadow:0 8px 20px #0001;border-radius:6px;padding:12px 20px;font-size:14px;display:none;max-width:90vw}.refreshing{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1024px){.nebula-create{flex-direction:row!important;flex-wrap:wrap}.nebula-create input,.nebula-create select{flex:1;min-width:0}.nebula-create #createError{width:100%}.default-theme #readerPlaceholder{min-height:calc(100vh - 96px)}}
@media(max-width:1023px){.default-desktop-nav{display:none}.default-mailbox{min-height:calc(100vh - 348px);flex-direction:column}.default-mailbox .list-pane,.default-mailbox #messages{flex:1}.default-mailbox .empty{min-height:calc(100vh - 348px);font-size:18px}.default-mailbox .default-viewer:has(#reader[hidden]){display:none}.default-mailbox .default-viewer{border-left:0}.default-mailbox #reader{border-top:1px solid #e5e7eb}.nebula-theme .action-buttons button{gap:7px}.mobile-nav-toggle{color:white}.mantis-theme .mobile-nav-toggle{color:#374151}.theme-footer{font-size:16px}.nebula-theme .theme-nav{min-width:0}#htmlView{height:60vh}}
@media(max-width:767px){.table-mailbox .row-sender,.table-mailbox .row-subject{width:50%}.table-mailbox .row-time{display:none}.nebula-theme .action-buttons button{flex-direction:column;padding:20px 4px;font-size:12px;gap:10px}.mantis-address-row{max-width:100%;min-width:0}.mantis-theme .bg-actions-pattern .in-app-actions>div:first-child{width:100%;min-width:0}.table-mailbox .reader-head{padding:16px;gap:10px;font-size:12px}.table-mailbox .reader-head>div{gap:8px}#htmlView{height:60vh}.default-mailbox .empty{min-height:calc(100vh - 348px)}}
.mantis-theme .app-action{max-width:640px;margin:auto;position:relative;padding-right:110px}.mantis-theme .mantis-create{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px}.mantis-theme .mantis-create #username,.mantis-theme .mantis-create #domain{grid-column:1}.mantis-theme .mantis-create #create{grid-column:2;grid-row:1/span 2}.mantis-theme .mantis-create #createError{grid-column:1/span 2}.mantis-theme .random-row{position:absolute;right:32px;top:40px;margin:0;flex-direction:column}.mantis-theme .random-row #random{min-height:60px;border-left:1px dashed white}.mantis-theme .cancel-create{font-size:12px;padding:8px 6px}