:root{color-scheme:light;--navy:#07172b;--navy-2:#0b213b;--cyan:#10bacb;--cyan-deep:#0795a5;--amber:#ffb63f;--ink:#15263b;--muted:#748295;--line:#e8edf3;--surface:#fff;--canvas:#f5f7fa;--soft:#eef8fa;--shadow:0 18px 48px rgba(12,35,60,.08);font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;height:100%;background:var(--canvas);color:var(--ink)}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(16,186,203,.45);outline-offset:2px}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.app{display:grid;grid-template-columns:258px minmax(336px,388px) minmax(0,1fr);grid-template-rows:80px minmax(0,1fr);min-height:100vh;height:100dvh;overflow:hidden}
.sidebar{grid-row:1/3;grid-column:1;background:radial-gradient(circle at 0 0,rgba(15,117,140,.17),transparent 42%),linear-gradient(155deg,#091b32 0%,#07172b 72%);color:#f4f9fc;display:flex;flex-direction:column;padding:27px 16px 22px;z-index:5;min-height:0}
.brand{padding:3px 10px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.brand img{display:block;width:218px;max-width:100%;height:73px;object-fit:contain;object-position:left center;mix-blend-mode:screen}
.brand-divider{width:36px;height:2px;background:var(--amber);margin:0 0 8px 11px;border-radius:3px}
.brand-product{font-size:11px;letter-spacing:.42em;font-weight:700;color:#b6d2df;margin-left:11px}
.compose-button{border:0;border-radius:13px;background:linear-gradient(135deg,#11c1cf,#09aab9);color:#05253b;min-height:51px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 18px;margin:4px 8px 28px;font-size:15px;font-weight:750;box-shadow:0 8px 23px rgba(0,180,198,.18);transition:transform .2s,box-shadow .2s}
.compose-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,180,198,.26)}
.nav-caption,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800}
.nav-caption{color:#758ea5;padding:0 17px;margin-bottom:12px}
.folders{display:flex;flex-direction:column;gap:3px}
.folder{width:100%;min-height:46px;border:0;background:transparent;color:#aebfd0;border-radius:10px;display:flex;align-items:center;text-align:left;padding:0 15px;gap:13px;font-size:14px;font-weight:600;transition:background .17s,color .17s}
.folder .icon{width:19px;height:19px;stroke-width:1.75}
.folder span:nth-of-type(1){flex:1}
.folder:hover{background:rgba(255,255,255,.065);color:#fff}
.folder.active{background:rgba(18,190,207,.13);color:#f8feff;position:relative}
.folder.active:before{content:"";position:absolute;left:0;width:3px;height:25px;background:var(--cyan);border-radius:0 4px 4px 0}
.folder.active .icon{color:#16cad8}
.nav-count{font-size:11px;font-weight:800;color:#062234;background:var(--cyan);min-width:22px;text-align:center;padding:4px 6px;border-radius:7px}
.sidebar-bottom{margin-top:auto;padding:0 7px}
.sidebar-separator{height:1px;background:rgba(255,255,255,.1);margin:15px 0 20px}
.account-block{display:flex;align-items:center;gap:11px;padding:0 4px}
.account-avatar,.account-short span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#17bbcb,#0a798d);color:#fff;font-size:12px;letter-spacing:.04em;font-weight:800;flex:none}
.account-block strong{font-size:13px;display:block;color:#f7fbfe;font-weight:700}
.account-block small{display:block;font-size:11px;color:#91a7ba;margin-top:2px;overflow:hidden;text-overflow:ellipsis;max-width:165px}
.topbar{grid-row:1;grid-column:2/4;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 35px;min-width:0}
.search-wrap{height:44px;width:min(100%,580px);display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid #e4eaf1;background:#f8fafc;border-radius:11px;color:#8190a3;transition:border-color .18s,background .18s}
.search-wrap:focus-within{border-color:#7bd8e1;background:#fff}
.search-wrap .icon{width:18px;height:18px}
.search-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}
.search-wrap input::placeholder{color:#97a3b0}
.search-wrap kbd{font:600 11px Inter,"Segoe UI",sans-serif;color:#9ca9b6;background:#fff;border:1px solid #e6ebf0;border-radius:5px;padding:3px 6px;white-space:nowrap}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:18px;white-space:nowrap}
.demo-pill{font-size:12px;font-weight:700;color:#647587;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e5eaf0;border-radius:999px}
.demo-pill span{width:6px;height:6px;border-radius:50%;background:var(--amber)}
.account-short{border:0;background:transparent;padding:0}
.account-short span{height:38px;width:38px;border-radius:50%}
.menu-button{display:none!important}
.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#6f8294;border-radius:10px;transition:background .16s,color .16s}
.icon-button:hover{background:#ecf6f8;color:#086e7c}
.list-pane{grid-column:2;grid-row:2;background:#fbfcfe;border-right:1px solid var(--line);min-width:0;min-height:0;display:flex;flex-direction:column}
.pane-intro{padding:30px 25px 20px;display:flex;justify-content:space-between;align-items:end;gap:8px}
.eyebrow{color:#0a9bab}
.pane-intro h1{font-size:27px;line-height:1.12;letter-spacing:-.045em;margin:8px 0 0;font-weight:800}
.message-total{color:#9ba8b7;font-size:12px;font-weight:700;padding-bottom:3px;white-space:nowrap}
.list-controls{display:flex;gap:6px;padding:0 20px 18px;border-bottom:1px solid var(--line)}
.filter{border:0;background:transparent;border-radius:8px;color:#8392a2;font-size:12px;font-weight:750;padding:9px 10px;white-space:nowrap}
.filter:hover{color:#0b7785;background:#f0f7f8}
.filter.active{color:#087a89;background:#e6f7f9}
.list-summary{padding:18px 25px 10px;color:#9aa7b6;display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;letter-spacing:.14em}
.list-summary span:last-child{letter-spacing:0;text-transform:none;font-size:11px;font-weight:600}
.message-list{overflow:auto;min-height:0;padding:0 11px 22px;scrollbar-color:#d7e0e9 transparent;scrollbar-width:thin}
.message-item{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:12px;padding:17px 15px 16px;margin:2px 0 5px;transition:background .16s,border-color .16s,box-shadow .16s}
.message-item:hover{background:#f2f8fa}
.message-item.selected{background:#fff;border-color:#dfedf0;box-shadow:0 5px 19px rgba(10,46,73,.06);position:relative}
.message-item.selected:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;border-radius:4px;background:var(--cyan)}
.message-top{display:flex;gap:10px;align-items:center;min-width:0}
.sender-avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:12px;font-weight:800;letter-spacing:.03em}
.sender-avatar.teal{background:#daf5f6;color:#078f9b}.sender-avatar.blue{background:#e3eafe;color:#5a70ae}.sender-avatar.gold{background:#fff0d4;color:#b77c18}.sender-avatar.slate{background:#e9edf3;color:#63758c}
.sender-info{min-width:0;flex:1}
.sender-name{display:block;font-size:14px;font-weight:650;color:#526378;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-item.unread .sender-name{font-weight:800;color:#172a3f}
.message-time{margin-left:auto;font-size:11px;font-weight:650;color:#a0adba;white-space:nowrap}
.message-subject{margin:11px 0 5px;font-size:13px;font-weight:750;color:#263951;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-item.unread .message-subject{font-weight:800}
.message-preview{font-size:12px;line-height:1.55;color:#8c9bac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.message-bottom{margin-top:12px;display:flex;align-items:center;gap:7px;min-height:17px;color:#97a5b5}
.attachment-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#6d8994;background:#edf5f7;border-radius:5px;padding:4px 7px}
.attachment-badge .icon{width:12px;height:12px}
.star-button{margin-left:auto;width:27px;height:27px;border:0;background:transparent;color:#b7c2cc;border-radius:7px;display:grid;place-items:center}
.star-button .icon{width:16px;height:16px}
.star-button:hover{background:#fff3de;color:#e1a63c}.star-button.on{color:#e9a834}.star-button.on .icon{fill:#ffcf76}
.unread-dot{height:7px;width:7px;border-radius:50%;background:var(--cyan);margin-right:4px}
.empty-list{margin:30px 15px;padding:28px 18px;background:#fff;border:1px dashed #d7e3eb;border-radius:13px;text-align:center;color:#8190a0;font-size:14px;line-height:1.5}
.reader{grid-column:3;grid-row:2;min-width:0;min-height:0;overflow:auto;background:#fff;scrollbar-color:#d8e1e9 transparent;scrollbar-width:thin}
.reader-inner{max-width:980px;margin:0 auto;padding:27px clamp(28px,4vw,74px) 60px}
.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.toolbar-group{display:flex;gap:6px;align-items:center}
.tool-button{min-width:37px;height:37px;border:1px solid #e9eef3;background:#fff;color:#708296;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 11px;font-size:12px;font-weight:700;transition:background .16s,color .16s,border-color .16s}
.tool-button .icon{width:17px;height:17px}
.tool-button:hover{border-color:#c6e6ea;color:#087d8b;background:#f2fbfc}
.tool-button.active{color:#d99823;background:#fff9eb}
.reader-status{font-size:11px;color:#a1adbb;font-weight:650;white-space:nowrap}
.reader-kicker{display:flex;align-items:center;gap:8px;margin:32px 0 8px;color:#139faf;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.reader-kicker i{width:5px;height:5px;border-radius:50%;background:var(--amber)}
.reader-title{font-size:clamp(25px,2.35vw,36px);line-height:1.2;letter-spacing:-.05em;color:#14263b;margin:0 0 26px;font-weight:800}
.sender-card{display:flex;align-items:flex-start;gap:13px;padding:0 0 27px;border-bottom:1px solid var(--line)}
.sender-card .sender-avatar{width:43px;height:43px;border-radius:13px;font-size:13px}
.sender-details{min-width:0;flex:1;padding-top:2px}
.sender-details strong{font-size:14px;display:block;color:#22354b}
.sender-details strong span{color:#8390a0;font-weight:500;margin-left:4px}
.sender-details small{color:#97a4b4;display:block;margin-top:4px;font-size:12px}
.sender-date{font-size:11px;color:#9eacb9;white-space:nowrap;margin-top:5px}
.message-body{padding:26px 0 25px;color:#4d5e70;font-size:15px;line-height:1.86;max-width:720px}
.message-body p{margin:0 0 17px}
.message-body p:last-child{margin-bottom:0}
.attachment-section{margin-top:13px;background:#f8fafc;border:1px solid #e9eef3;border-radius:15px;padding:22px}
.attachment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.attachment-head h3{font-size:15px;color:#1e344b;letter-spacing:-.02em;margin:0}
.attachment-head span{font-size:11px;color:#8e9ead;font-weight:650;white-space:nowrap}
.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.attachment-file{background:#fff;border:1px solid #e5ebf0;border-radius:10px;min-width:0;padding:13px 10px;display:flex;align-items:center;gap:10px;color:#798a9c;text-decoration:none}
.attachment-file .icon{width:20px;height:20px;color:#16a2b0}
.attachment-file strong{display:block;color:#35495e;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attachment-file small{display:block;font-size:10px;color:#a4afba;margin-top:2px}
.attachment-file div{min-width:0}
.zip-button{margin-top:17px;border:0;background:#092b40;color:#fff;min-height:42px;border-radius:9px;padding:0 14px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:12px;font-weight:750;box-shadow:0 5px 14px rgba(7,28,49,.1);transition:background .16s,transform .16s}
.zip-button .icon{width:16px;height:16px;color:#43d0d8}
.zip-button:hover{background:#064d62;transform:translateY(-1px)}
.attachment-note{font-size:11px;color:#a1adbb;margin:11px 0 0}
.reader-actions{margin-top:27px;display:flex;gap:9px}
.reply-button{height:41px;border:1px solid #ccebef;background:#eaf9fa;color:#078998;border-radius:9px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:800}
.reply-button .icon{width:17px;height:17px}
.reply-button:hover{background:#dcf4f6}
.reader-empty{height:calc(100dvh - 80px);min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#92a1b1}
.reader-empty .icon{height:38px;width:38px;color:#38bbca}
.reader-empty h2{color:#30475e;font-size:20px;margin:20px 0 5px}
.reader-empty p{font-size:13px;max-width:290px;line-height:1.5}
.mobile-scrim{display:none}
.compose-overlay{position:fixed;inset:0;display:none;z-index:20}
.compose-overlay.open{display:block}
.compose-backdrop{position:absolute;inset:0;background:rgba(4,19,35,.53);backdrop-filter:blur(3px)}
.compose-panel{position:absolute;right:20px;bottom:20px;width:min(610px,calc(100vw - 40px));height:min(700px,calc(100dvh - 40px));background:#fff;border-radius:17px;box-shadow:0 20px 90px rgba(3,20,34,.25);display:flex;flex-direction:column;overflow:hidden}
.compose-head{background:#f8fbfc;border-bottom:1px solid var(--line);padding:22px 25px;display:flex;justify-content:space-between;align-items:center}
.compose-head h2{font-size:21px;letter-spacing:-.035em;margin:4px 0 0}
#composeForm{display:flex;flex-direction:column;flex:1;min-height:0}
.compose-field{height:55px;padding:0 25px;display:flex;gap:17px;align-items:center;border-bottom:1px solid var(--line)}
.compose-field span,.compose-body span{color:#8091a1;font-size:12px;font-weight:750;min-width:49px}
.compose-field input{flex:1;min-width:0;border:0;outline:0;color:#253b4f;font-size:14px}
.compose-body{padding:22px 25px;display:flex;flex-direction:column;gap:13px;flex:1;min-height:0}
.compose-body textarea{border:0;outline:0;resize:none;flex:1;min-height:120px;line-height:1.7;color:#253b4f;font-size:14px}
.compose-foot{border-top:1px solid var(--line);padding:15px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.compose-foot span{font-size:11px;color:#a3aebb}
.send-button{border:0;border-radius:9px;background:#0bb4c4;color:#06283a;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;padding:11px 15px}
.send-button .icon{width:16px;height:16px}
.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translate(-50%,18px);background:#10283b;color:#fff;padding:11px 17px;border-radius:9px;box-shadow:0 12px 34px rgba(7,28,49,.25);font-size:12px;font-weight:650;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 24px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
.mobile-back{display:none}
.mobile-back .icon{transform:rotate(180deg)}
@media(max-width:1250px){.app{grid-template-columns:229px minmax(322px,356px) minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand img{width:197px;height:66px}.reader-inner{padding-left:30px;padding-right:30px}.attachment-grid{grid-template-columns:1fr}.attachment-file{padding:9px 12px}}
@media(max-width:950px){.app{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;transform:translateX(-105%);transition:transform .22s;z-index:15}.app.menu-open .sidebar{transform:translateX(0)}.app.menu-open .mobile-scrim{display:block;position:fixed;inset:0;background:rgba(4,18,32,.48);z-index:14}.topbar{grid-column:1/3;padding:0 22px}.list-pane{grid-column:1}.reader{grid-column:2}.menu-button{display:grid!important}.search-wrap{width:min(100%,470px)}.reader-inner{padding-left:25px;padding-right:25px}.sender-details strong span{display:block;margin:2px 0 0}.sender-card{flex-wrap:wrap}.sender-date{margin-left:56px;margin-top:-8px}.brand img{width:218px;height:73px}}
@media(max-width:700px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:66px minmax(0,1fr)}.topbar{grid-column:1;padding:0 15px;gap:9px}.list-pane,.reader{grid-column:1;grid-row:2}.reader{display:none}.app.reader-open .reader{display:block}.app.reader-open .list-pane{display:none}.search-wrap{height:40px;padding:0 10px}.search-wrap kbd{display:none}.demo-pill{display:none}.topbar-right{gap:0}.account-short span{width:34px;height:34px}.pane-intro{padding:24px 21px 18px}.pane-intro h1{font-size:27px}.list-controls{padding-left:16px;padding-right:16px}.message-list{padding:0 9px 18px}.message-item{padding:16px 13px}.reader-inner{padding:17px 20px 45px}.reader-toolbar{padding-bottom:15px}.reader-kicker{margin-top:23px}.reader-title{font-size:27px;margin-bottom:20px}.reader-status{display:none}.mobile-back{display:inline-flex}.sender-date{white-space:normal}.attachment-grid{grid-template-columns:1fr}.compose-panel{inset:8px;width:auto;height:auto;border-radius:14px}.compose-foot span{max-width:180px}}
@media(max-width:390px){.pane-intro h1{font-size:24px}.message-total{font-size:11px}.filter{padding:8px 7px;font-size:11px}.topbar-right{display:none}.reader-inner{padding-left:16px;padding-right:16px}.compose-foot span{font-size:10px}}

/* Pastas pessoais e central de migração */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#29455d transparent}
.folder-section-head{margin:27px 11px 8px 17px;display:flex;align-items:center;justify-content:space-between;color:#758ea5;font-size:11px;letter-spacing:.16em;font-weight:800}
.folder-section-head button{border:1px solid rgba(255,255,255,.12);color:#aac1d1;background:rgba(255,255,255,.04);width:25px;height:25px;border-radius:7px;display:grid;place-items:center}
.folder-section-head button:hover{color:#fff;background:rgba(20,184,203,.2)}
.folder-section-head .icon{width:15px;height:15px}
.custom-folders{max-height:205px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#29455d transparent}
.custom-count{font-size:11px;color:#7894aa}
.no-custom-folders{font-size:11px;line-height:1.5;color:#7890a6;padding:9px 17px}
.migration-nav{margin:18px 8px 10px;min-height:45px;background:rgba(17,179,197,.09);border:1px solid rgba(39,182,204,.19);border-radius:10px;color:#bddae3;padding:0 13px;display:flex;align-items:center;gap:11px;text-align:left;font-size:13px;font-weight:700}
.migration-nav:hover{background:rgba(17,179,197,.17);color:#fff}
.migration-nav .icon{width:19px;height:19px;color:#2dc8d4}
.migration-nav span{flex:1}
.migration-nav .nav-arrow{width:15px;height:15px;color:#7496a9}
.move-select{height:37px;max-width:165px;border:1px solid #e9eef3;border-radius:9px;background:#fff;color:#617488;padding:0 9px;font-size:11px;font-weight:700;cursor:pointer}
.move-select:hover{border-color:#c6e6ea;color:#087d8b}
.spam-action{color:#945d44;background:#fff9f5;border-color:#f2e3d8;white-space:nowrap}
.spam-action:hover{background:#fff0e8;border-color:#eacbb9;color:#855033}
.spam-action[data-action="not-spam"]{color:#0b8290;background:#eef9fa;border-color:#cfebee}
.spam-action[data-action="not-spam"]:hover{background:#ddf4f6}

/* Editor de mensagem */
.compose-panel{width:min(720px,calc(100vw - 40px));height:min(790px,calc(100dvh - 40px))}
.format-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:11px 21px;border-bottom:1px solid var(--line);background:#fff}
.format-toolbar select{height:34px;border:1px solid #e3eaf0;border-radius:7px;background:#fff;color:#52677a;font-size:12px;font-weight:650;padding:0 8px;margin-right:3px;cursor:pointer}
#fontFamily{min-width:104px}
#fontSize{min-width:57px}
.format-divider{height:19px;width:1px;background:#e1e8ef;margin:0 7px}
.format-button{width:34px;height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:#607487;display:grid;place-items:center;font-size:15px;font-weight:700}
.format-button:hover{background:#eaf8fa;border-color:#cceaf0;color:#078b9a}
.format-button:focus-visible,.format-toolbar select:focus-visible,.rich-editor:focus-visible,.move-select:focus-visible{outline:3px solid rgba(16,186,203,.45);outline-offset:2px}
.compose-body{padding:21px 25px;display:flex;flex:1;min-height:130px;overflow:auto}
.rich-editor{width:100%;min-height:100%;outline:0;color:#253b4f;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.rich-editor:empty:before{content:attr(data-placeholder);color:#a5b1bd;pointer-events:none}
.rich-editor ul,.rich-editor ol{padding-left:24px}
.compose-attachments{display:none;padding:10px 23px 14px;border-top:1px solid var(--line);max-height:105px;overflow:auto;gap:7px;flex-wrap:wrap}
.compose-attachments.has-files{display:flex}
.compose-file{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:#edf7f9;color:#36556a;border:1px solid #d4edf0;border-radius:8px;padding:5px 6px 5px 9px;font-size:11px;font-weight:700}
.compose-file .icon{width:14px;height:14px;color:#0b9aab}
.compose-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.compose-file small{font-size:10px;font-weight:600;color:#7993a1;white-space:nowrap}
.compose-file button{width:20px;height:20px;border:0;background:transparent;color:#7f9aa7;border-radius:5px;font-size:18px;line-height:1}
.compose-file button:hover{background:#d4edf0;color:#14445b}
.compose-foot{padding:14px 23px}
.compose-foot-left{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.compose-foot-left span{font-size:10px;color:#a3aebb}
.attach-button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#078999;font-size:12px;font-weight:800;white-space:nowrap;padding:8px 10px;border-radius:8px;background:#eaf8fa}
.attach-button:hover{background:#d8f2f5}
.attach-button .icon{width:16px;height:16px}

/* Criar pasta */
.folder-overlay{position:fixed;inset:0;display:none;z-index:22}
.folder-overlay.open{display:block}
.folder-backdrop{position:absolute;inset:0;background:rgba(4,19,35,.52);backdrop-filter:blur(3px)}
.folder-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));padding:29px;background:#fff;border-radius:17px;box-shadow:0 22px 70px rgba(3,20,34,.25);display:flex;flex-direction:column}
.folder-dialog-icon{width:45px;height:45px;display:grid;place-items:center;color:#078e9e;background:#e8f8fa;border-radius:11px}
.folder-dialog h2{font-size:22px;letter-spacing:-.04em;margin:18px 0 4px}
.folder-dialog p{font-size:13px;color:#8494a3;line-height:1.5;margin:0 0 21px}
.folder-dialog label{font-size:12px;font-weight:750;color:#465c70;margin-bottom:7px}
.folder-dialog input{height:44px;border:1px solid #dbe6ed;border-radius:9px;padding:0 12px;outline:0;color:#253b4f}
.folder-dialog input:focus{border-color:#1cb8c7;box-shadow:0 0 0 3px rgba(16,186,203,.12)}
.folder-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}
.folder-dialog-actions button{height:40px;border-radius:8px;padding:0 14px;border:1px solid #e1e9ef;background:#fff;color:#6c7f91;font-size:12px;font-weight:750}
.folder-dialog-actions button[type=submit]{border:0;background:#0bb4c4;color:#06283a}
@media(max-width:700px){.reader-toolbar{align-items:flex-start}.toolbar-group{flex-wrap:wrap}.move-select{max-width:145px}.compose-panel{inset:8px;width:auto;height:auto}.format-toolbar{padding:9px 12px}.compose-field{padding:0 15px}.compose-body{padding:16px}.compose-foot{padding:10px 12px}.compose-foot-left{gap:4px}.compose-foot-left span{display:none}.format-divider{margin:0 3px}}
@media(max-width:390px){.spam-action span{display:none}.spam-action{min-width:37px;padding:0 9px}}
/* Login and unavailable integrations in the connected application. */
.ai-overlay { display: none !important; }
button:disabled { cursor: not-allowed; opacity: .48; }
.login-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 22px; background: #07172b; }
.login-overlay[hidden] { display: none; }
.login-card { width: min(100%, 430px); padding: 36px; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; color: #f7fbff; background: #0e2239; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.login-card img { display: block; max-width: 230px; width: 80%; height: auto; margin-bottom: 32px; }
.login-card h1 { margin: 8px 0; font-size: 28px; letter-spacing: -.03em; }
.login-card p { margin: 0 0 26px; color: #afc1d1; line-height: 1.5; }
.login-card label { display: block; margin: 15px 0; color: #d7e7f3; font-size: 13px; font-weight: 600; }
.login-card input { display: block; width: 100%; box-sizing: border-box; margin-top: 7px; padding: 13px 14px; border: 1px solid #31516a; border-radius: 12px; color: #fff; background: #0a192b; font: inherit; }
.login-card input:focus { outline: 2px solid #12bfd0; outline-offset: 1px; }
.login-card button { width: 100%; margin-top: 16px; padding: 13px; border: 0; border-radius: 12px; color: #061727; background: #14c3d0; font: inherit; font-weight: 700; }
.login-card small { display: block; min-height: 22px; margin-top: 12px; color: #ffbc92; }
.message-body-frame { width: 100%; min-height: 280px; border: 0; background: #fff; }
.contacts-overlay{position:fixed;inset:0;z-index:70;display:none}.contacts-overlay.open{display:block}.contacts-backdrop{position:absolute;inset:0;background:#06162499;backdrop-filter:blur(2px)}.contacts-panel{position:absolute;right:12px;top:12px;bottom:12px;width:min(460px,calc(100vw - 24px));overflow:auto;border-radius:18px;background:#fff;padding:24px;box-shadow:0 25px 70px #06162455}.contacts-panel header{display:flex;align-items:center;justify-content:space-between}.contacts-panel h2{margin:6px 0;font-size:24px;color:#173449}.contacts-panel>p{font-size:12px;line-height:1.5;color:#6c8491}.contacts-list{display:grid;gap:7px;margin:20px 0}.contact-row{display:block;width:100%;padding:11px;border:1px solid #dce9ed;border-radius:9px;background:#f6fafb;text-align:left;color:#214254}.contact-row strong,.contact-row small{display:block}.contact-row small{margin-top:4px;color:#6d8997}.contacts-panel form{display:grid;gap:10px;border-top:1px solid #e6edf0;padding-top:18px}.contacts-panel form label{display:block;font-size:12px;font-weight:700;color:#34576a}.contacts-panel form input{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #cfdee4;border-radius:8px;font:inherit}.contact-actions{display:flex;gap:8px;justify-content:space-between}.contact-actions button{padding:10px 13px;border:0;border-radius:8px;background:#0cb0bd;color:#073844;font-weight:700}.contact-actions button:first-child{background:#f7e7e5;color:#8f433e}.contacts-panel .icon-button{font-size:24px}