:root{--ink:#163e4a;--muted:#597078;--blue:#008dca;--lime:#c2e67c;--line:#dfe6e4;--paper:#fafbf7;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
.pagination{display:flex;align-items:center;gap:9px}.pagination button{border:1px solid var(--line);border-radius:4px;min-width:32px;min-height:28px}.pagination button:disabled{opacity:.35;cursor:default}.plain-note{font-size:10px;color:var(--muted);margin:15px 0 0}.mail-app[aria-busy="true"] .message-list-panel{opacity:.65}.folders .folder span{overflow-wrap:anywhere}.message-time{max-width:104px;white-space:normal!important;text-align:right;line-height:1.5}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled,fieldset:disabled{cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}.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}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:15px}.skip:focus{top:10px}svg{width:20px;height:20px;display:block;flex-shrink:0}.brand{display:block;flex-shrink:0}.brand img{display:block;max-width:100%;height:auto}button{border:0;background:none}p{line-height:1.65}h1,h2,p{margin-top:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em}.primary,.secondary{border-radius:8px;min-height:46px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;font-weight:600}.primary{background:var(--ink);color:white}.primary:hover{background:#245664}.secondary{background:white;border:1px solid var(--line)}.secondary:hover{background:#f0f5ea}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:8px}.icon-button:hover{background:#eaf0ec}.icon-button:disabled{opacity:.4}.pill{display:inline-block;font-size:10px;letter-spacing:.12em;font-weight:bold;background:#e9f3db;padding:8px 12px;border-radius:6px}
.welcome{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.welcome-story{background:#eef3e8;padding:44px 9%;display:flex;flex-direction:column;overflow:hidden}.welcome-story .brand{width:205px}.welcome-copy{margin:auto 0;padding:60px 0 30px}.welcome-copy h1{font-size:clamp(36px,4.2vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin-bottom:24px}.welcome-copy h1 em{font-style:normal;color:#237b72}.welcome-copy>p:not(.eyebrow){max-width:340px;color:var(--muted);font-size:17px}.welcome-footer{font-size:12px;color:var(--muted);margin-bottom:0}.envelope-art{width:220px;height:135px;margin:45px 0 15px;background:var(--lime);border-radius:14px;position:relative;overflow:hidden;transform:rotate(-7deg);box-shadow:18px 17px 0 #dae5cd}.envelope-art:before,.envelope-art:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #163e4a40;transform:rotate(45deg);left:30px}.envelope-art:before{top:-115px}.envelope-art:after{top:94px}.envelope-art span{display:block;text-align:center;padding-top:42px;font-size:30px;letter-spacing:-.06em}.welcome-access{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:375px}.login-card h2{font-size:32px;letter-spacing:-.045em;margin:26px 0 12px}.login-card>p{color:var(--muted);font-size:14px}.login-card fieldset{border:0;padding:0;margin:30px 0 20px;min-width:0}.login-card label{display:block;font-size:12px;font-weight:bold;margin-bottom:9px}.login-card input{width:100%;height:48px;border:1px solid #ccd8d3;border-radius:8px;background:white;padding:12px;margin-bottom:20px;opacity:.7}.login-card .primary,.login-card .secondary{width:100%}.login-card .primary:disabled{opacity:.45}.login-card .setup-note{font-size:12px}.back-home{display:block;text-align:center;margin-top:27px;font-size:12px;text-decoration:none}
.mail-app{height:100dvh;min-height:440px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:86px;flex-shrink:0;display:flex;align-items:center;gap:22px;padding:0 28px;background:white;border-bottom:1px solid var(--line)}.topbar .brand{width:173px}.product-name{font-size:17px;border-left:1px solid var(--line);padding-left:22px}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#f6f8f4;padding:0 14px;border-radius:9px;height:43px;max-width:540px;flex:1;margin-left:36px}.search svg{width:18px;color:var(--muted)}.search input{width:100%;min-width:0;border:0;background:none;outline:none;color:var(--ink);font-size:13px;height:100%}.search:focus-within{outline:2px solid var(--blue)}.search kbd{font-size:12px;border:1px solid #d1dbd5;padding:1px 5px;border-radius:4px;color:var(--muted)}.account{display:flex;align-items:center;gap:12px;margin-left:auto}.account-name{font-size:12px;text-align:right;white-space:nowrap}.account-name small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.avatar{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;background:#e9efdf;color:#537350;border-radius:50%;font-size:11px;font-weight:bold;flex-shrink:0}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 28px;background:#eef4e4;border-bottom:1px solid #dae5cd;color:#42603d;font-size:11px;flex-shrink:0}.demo-banner i{display:inline-block;background:#76a844;width:6px;height:6px;border-radius:50%;margin-right:8px}.demo-tag{font-size:9px;letter-spacing:.12em;font-weight:bold}.workspace{flex:1;display:flex;min-height:0}.sidebar{width:224px;flex-shrink:0;background:#f6f8f1;border-right:1px solid var(--line);padding:26px 17px;display:flex;flex-direction:column;overflow:auto}.compose-button{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:white;font-size:13px;font-weight:600;min-height:48px;border-radius:9px;margin-bottom:32px;flex-shrink:0}.compose-button:hover{background:#245664}.nav-label{font-size:9px;letter-spacing:.16em;color:var(--muted);margin:0 12px 15px}.folders{display:flex;flex-direction:column;gap:5px}.folder{display:flex;align-items:center;gap:12px;min-height:43px;width:100%;padding:9px 12px;text-align:left;font-size:13px;border-radius:8px}.folder svg{width:18px;height:18px;color:#668276}.folder:hover{background:#eaf0e1}.folder.active{background:#e3edce;font-weight:bold}.folder.active svg{color:var(--ink)}.folder-count{margin-left:auto;font-size:10px;min-width:22px;padding:3px 6px;border-radius:5px;background:#ffffff90;text-align:center}.sidebar-bottom{margin-top:auto;padding:45px 12px 0}.cooperative-mark{display:flex;align-items:center;gap:9px;font-size:14px}.cooperative-mark svg{width:16px;color:#638a49}.sidebar-bottom p{color:var(--muted);font-size:12px;margin:12px 0 25px}.sidebar-bottom a{display:flex;justify-content:space-between;font-size:11px;text-decoration:none;border-top:1px solid var(--line);padding-top:16px}.mail-main{flex:1;min-width:0;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(360px,1.18fr);outline:none}.message-list-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:white;border-right:1px solid var(--line)}.list-heading{padding:26px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.list-heading .eyebrow{color:#728a77;margin-bottom:10px;font-size:9px}.list-heading h1{font-size:29px;font-weight:500;letter-spacing:-.045em;margin-bottom:9px}.folder-summary{color:var(--muted);font-size:11px;margin:0}.list-filters{display:flex;align-items:center;gap:5px;padding:0 24px 15px;border-bottom:1px solid var(--line)}.list-filters button{padding:7px 10px;border-radius:6px;font-size:11px;color:var(--muted)}.list-filters button.active{background:#edf3e5;color:var(--ink);font-weight:bold}.list-filters button span{font-size:9px;margin-left:4px}.sort-label{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.message-list{flex:1;overflow:auto;min-height:0}.message-row{position:relative;border-bottom:1px solid #edf0eb;border-left:3px solid transparent}.message-row.selected{border-left-color:#6c9c43;background:#f1f6e9}.message-row:hover{background:#f6f8f2}.message-open{width:100%;display:block;text-align:left;padding:20px 38px 19px 21px;min-height:117px}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.message-sender{font-size:12px;display:flex;align-items:center;gap:8px;min-width:0}.message-sender>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}.message-time{font-size:10px;color:var(--muted);white-space:nowrap}.message-subject{display:block;font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px}.unread .message-subject,.unread .message-sender{font-weight:bold}.message-snippet{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.message-star{position:absolute;right:3px;bottom:12px;width:32px;height:32px}.message-star svg{width:15px;height:15px;color:#8e9e92}.message-star.starred svg{fill:#ffd43b;color:#b87500}.list-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);padding:14px 24px;border-top:1px solid var(--line)}
.reader{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fcfdf9}.reader-empty{margin:auto;text-align:center;padding:35px;color:var(--muted)}.reader-empty>svg{width:48px;height:48px;margin:0 auto 25px;stroke-width:1}.reader-empty h2{font-size:23px;letter-spacing:-.03em;font-weight:500;color:var(--ink)}.reader-empty p{font-size:13px}.reader-toolbar{min-height:62px;border-bottom:1px solid var(--line);padding:10px 24px;display:flex;align-items:center;gap:7px;background:#fafcf6}.toolbar-divider{width:1px;height:22px;background:var(--line);margin:0 7px}.reader-position{margin-left:auto;font-size:10px;color:var(--muted)}.reader-scroll{overflow:auto;flex:1;padding:32px 34px}.reader-label{display:inline-flex;font-size:9px;font-weight:bold;letter-spacing:.08em;background:#edf2e4;color:#648044;border:1px solid #dce6ce;border-radius:5px;padding:6px 9px;margin-bottom:19px}.reader h2{font-size:26px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin-bottom:25px;overflow-wrap:anywhere}.sender-detail{display:flex;gap:12px;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}.sender-detail .avatar{width:41px;height:41px;background:#dfecf0;color:#30647a}.sender-info{min-width:0;flex:1}.sender-info strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.sender-info small{display:block;color:var(--muted);font-size:10px;line-height:1.7;overflow-wrap:anywhere}.sender-date{font-size:10px;color:var(--muted);text-align:right;white-space:nowrap}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;padding:27px 0;color:#385560;min-height:180px}.reader-attachments{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.attachment{display:inline-flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:11px;background:white;max-width:100%;overflow-wrap:anywhere}.attachment small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.reply-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:25px;margin-top:10px}.reply-actions button{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #cdd8d0;border-radius:7px;font-size:12px;background:white}.reply-actions button:first-child{background:var(--ink);color:white;border-color:var(--ink)}.reply-actions svg{width:16px;height:16px}.empty-list{padding:45px 24px;text-align:center;font-size:13px;color:var(--muted)}.empty-list svg{margin:0 auto 16px}.mobile-menu,.reader-back{display:none}
.composer{padding:0;width:min(660px,calc(100% - 28px));max-height:calc(100dvh - 30px);border:1px solid var(--line);border-radius:14px;color:var(--ink);box-shadow:0 25px 90px #102c3540}.composer::backdrop{background:#0d30395c;backdrop-filter:blur(3px)}.composer form{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}.composer-header{display:flex;align-items:center;justify-content:space-between;background:#edf3e5;padding:12px 20px}.composer-header h2{font-size:18px;margin:0;font-weight:500}.compose-notice{font-size:11px;color:var(--muted);margin:0;padding:10px 22px;background:#f6f9ef}.compose-field{display:flex;align-items:center;gap:16px;margin:0 22px;border-bottom:1px solid var(--line);min-height:50px}.compose-field label{font-size:12px;min-width:44px;color:var(--muted)}.compose-field input{flex:1;min-width:0;border:0;padding:10px 0;color:var(--ink);font-size:13px}.composer textarea{width:calc(100% - 44px);margin:20px 22px;border:0;resize:vertical;min-height:140px;height:260px;font-size:14px;line-height:1.8;color:var(--ink);flex-shrink:1}.composer-footer{display:flex;align-items:center;gap:10px;padding:15px 22px;border-top:1px solid var(--line)}.composer-footer .primary{font-size:12px}.composer-footer .primary svg{width:16px}.compose-hint{font-size:10px;color:var(--muted);margin-left:auto}.attach-label{cursor:pointer}#discard-compose{margin-left:auto}.attachments{display:flex;gap:6px;flex-wrap:wrap;margin:0 22px 12px;max-height:100px;overflow:auto}.attachments button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:7px;border-radius:6px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.attachments svg{width:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;max-width:calc(100% - 30px);background:var(--ink);color:white;padding:14px 22px;border-radius:9px;font-size:13px;box-shadow:0 8px 30px #163e4a30;text-align:center}
@media(min-width:1600px){.sidebar{width:250px;padding:30px 22px}.mail-main{grid-template-columns:minmax(380px,.75fr) minmax(420px,1.25fr)}.reader-scroll{padding:40px 8%}.message-open{padding-block:23px}}
@media(max-width:1190px){.topbar{gap:16px;padding:0 20px}.search{margin-left:0}.account-name{display:none}.sidebar{width:190px;padding:22px 12px}.mail-main{grid-template-columns:minmax(280px,.9fr) minmax(330px,1.1fr)}.reader-scroll{padding:25px}.list-heading{padding:24px 18px 18px}.list-filters{padding-inline:18px}.sort-label{display:none}.reader h2{font-size:24px}}
@media(max-width:960px){.sidebar{width:175px}.mail-main{display:block;position:relative}.message-list-panel{height:100%;border-right:0}.reader{display:none;height:100%}.mail-main.reading .message-list-panel{display:none}.mail-main.reading .reader{display:flex}.reader-back{display:inline-flex}.reader-scroll{padding:28px;max-width:850px;width:100%;margin:auto}.message-open{padding-right:45px}.message-row{min-height:108px}.topbar .brand{width:148px}.product-name{font-size:15px;padding-left:16px}.topbar{height:76px}.reader-empty{min-height:300px}}
@media(max-width:650px){.welcome{grid-template-columns:1fr}.welcome-story{padding:26px}.welcome-story .brand{width:160px}.welcome-copy{padding:36px 0 0}.welcome-copy h1{font-size:38px;margin-bottom:15px}.welcome-copy>p:not(.eyebrow){font-size:14px}.welcome-footer,.envelope-art{display:none}.welcome-access{padding:32px 26px 40px}.login-card{max-width:440px}.login-card h2{font-size:28px}.topbar{flex-wrap:wrap;height:auto;min-height:117px;padding:12px 14px;gap:10px}.topbar .brand{width:125px}.mobile-menu{display:inline-flex;width:32px}.product-name{font-size:13px;padding-left:12px}.account{gap:3px}.account .avatar{display:none}.search{order:5;max-width:none;width:100%;flex-basis:100%;height:36px}.search kbd{display:none}.demo-banner{padding:8px 16px;font-size:10px;line-height:1.5}.demo-tag{display:none}.workspace{position:relative}.sidebar{display:none;position:absolute;left:0;top:0;bottom:0;width:235px;z-index:5;box-shadow:15px 0 30px #163e4a20}.sidebar.open{display:flex}.list-heading{padding:20px 21px 16px}.list-heading h1{font-size:28px}.list-heading .eyebrow{display:none}.list-filters{padding-left:20px}.sort-label{display:block}.message-open{padding:18px 40px 17px 18px;min-height:105px}.reader-scroll{padding:24px 21px}.reader-toolbar{padding:8px 14px;gap:4px}.reader-position{font-size:9px}.sender-date{font-size:9px}.sender-detail{gap:9px}.sender-info strong{font-size:11px}.sender-info small{font-size:9px}.reader h2{font-size:24px}.message-body{font-size:14px}.list-footer{padding-inline:21px}.composer{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.composer-header{padding:9px 14px}.composer-footer{padding:12px 14px}.compose-hint{display:none}.composer textarea{height:210px}.reader-position{margin-left:auto}.toolbar-divider{margin:0 2px}}
@media(prefers-reduced-motion:no-preference){.message-row,.folder,.icon-button{transition:background .15s}.composer[open]{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
/* Lectura cómoda y herramientas de correo: solo /webmail2/. */
:root{font-size:16px}
.message-sender{font-size:16px}.message-subject{font-size:17px;line-height:1.5}.message-time{font-size:13px;max-width:125px}.message-snippet{font-size:14px}
.folder,.compose-button,.search input,.reply-actions button,.primary,.secondary{font-size:15px}.folder{min-height:46px}
.sender-info strong{font-size:17px}.sender-info small,.sender-date{font-size:14px}.sender-date{white-space:normal;max-width:165px}.sender-detail{flex-wrap:wrap}
.message-body{font-size:17px;line-height:1.75}.reader h2{font-size:29px}.plain-note,.reader-label,.folder-summary,.list-filters button,.sort-label,.list-footer,.account-name small,.demo-banner,.attachment small,.compose-notice,.compose-hint{font-size:13px}
.account-name,.attachment,.attachments button,.compose-field label,.compose-field input,.composer-footer .primary,.toast,.reader-empty p,.empty-list{font-size:15px}
.eyebrow,.nav-label,.sidebar-bottom p{font-size:12px}.list-heading h1{font-size:32px}
.message-row{position:relative}.message-row .message-open{padding-left:46px;padding-right:42px}.message-check{position:absolute;left:14px;top:25px;width:18px;height:18px;z-index:1;accent-color:var(--ink)}
.message-row.checked{background:#e9f2db;box-shadow:inset 3px 0 #6c9c41}.row-menu{position:absolute;right:3px;top:10px;font-size:25px;width:34px}.message-star{bottom:9px}
.selection-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px;background:#f8faf4}.selection-bar label{display:flex;align-items:center;gap:7px}.selection-bar input{width:17px;height:17px;accent-color:var(--ink)}.selection-bar button{border:1px solid var(--line);border-radius:5px;padding:6px 9px}.selection-bar button:disabled{opacity:.45}
.manage-folders{border-top:1px solid var(--line);margin-top:12px}.drop-target{outline:3px solid var(--blue);outline-offset:-3px;background:#e2f1f7!important}.root-drop{border:2px dashed #648044}
.mail-menu{position:fixed;inset:auto;margin:0;padding:6px;min-width:245px;max-height:calc(100dvh - 16px);overflow:auto;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 40px #163e4a33;color:var(--ink);background:white}.mail-menu button{display:block;text-align:left;width:100%;font-size:15px;padding:11px 13px;border-radius:5px}.mail-menu button:hover,.mail-menu button:focus{background:#edf3e5}
.composer{width:min(1050px,calc(100% - 28px))}.composer form{overflow:auto}.compose-field{flex-shrink:0}.recipient-field{position:relative}.recipient-suggestions{position:absolute;top:100%;left:52px;right:0;z-index:5;background:white;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 24px #163e4a22;max-height:240px;overflow:auto}.recipient-suggestions>div{display:flex;border-bottom:1px solid var(--line)}.recipient-suggestions button{padding:11px;text-align:left;overflow-wrap:anywhere;font-size:15px}.recipient-suggestions [data-contact]{flex:1;min-width:0}.recipient-suggestions [data-forget]{width:44px;font-size:23px}.recipient-suggestions button:hover,.recipient-suggestions button:focus{background:#edf3e5}
.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line);padding:10px 18px;background:#f8faf4;flex-shrink:0}.editor-toolbar button{min-height:34px;padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:white;font-size:14px}.editor-toolbar label{display:flex;align-items:center;gap:5px;font-size:13px}.editor-toolbar select{font:inherit;max-width:110px;padding:5px}.editor-toolbar input[type=color]{width:32px;height:30px;padding:1px;border:1px solid var(--line);background:white}
.html-editor{min-height:240px;max-height:42dvh;overflow:auto;margin:16px 22px;padding:8px;font-size:17px;line-height:1.65;outline:0;flex-shrink:0;overflow-wrap:anywhere}.html-editor:focus{box-shadow:inset 0 0 0 2px #008dca55}.html-editor:empty:before{content:'Escribí tu mensaje…';color:var(--muted)}.html-editor p{margin:0 0 12px}.html-editor blockquote,.html-message blockquote{border-left:3px solid #b8cbb3;margin:12px 0;padding-left:16px}.html-message{white-space:normal}.html-message pre{white-space:pre-wrap}.html-message table{max-width:100%;border-collapse:collapse}.html-message td,.html-message th{border:1px solid var(--line);padding:5px}.html-message a{color:#0079ac;text-decoration:underline}.html-message h1,.html-message h2,.html-message h3{font-size:1.3em;margin:16px 0}
.mail-dialog{width:min(680px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.mail-dialog::backdrop{background:#0d30395c}.mail-dialog header,.mail-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.mail-dialog header h2{font-size:23px;margin:0 0 20px}.mail-dialog header button{font-size:26px}.mail-dialog label{display:block;margin:12px 0;font-size:15px}.mail-dialog label input:not([type=checkbox]),.mail-dialog select{display:block;width:100%;font:inherit;border:1px solid var(--line);border-radius:5px;padding:10px;margin-top:5px}.mail-dialog p{font-size:14px}.mail-dialog footer{justify-content:flex-end;margin-top:20px}.dialog-error{color:#a22a25}.raw-source{width:100%;height:50dvh;white-space:pre;font:13px/1.5 monospace;border:1px solid var(--line);padding:10px}
@media(max-width:650px){.message-row .message-open{padding-left:42px}.message-meta{align-items:flex-start;gap:10px}.message-sender{font-size:15px}.message-time{font-size:12px;max-width:95px}.message-subject{font-size:16px}.message-snippet{font-size:13px}.sender-date{flex-basis:100%;text-align:left;margin-left:50px}.reader h2{font-size:25px}.message-body{font-size:16px}.sender-info small{font-size:13px}.composer{width:calc(100% - 12px)}.editor-toolbar{padding:8px}.html-editor{margin:10px 12px;min-height:180px}.recipient-suggestions{left:0}.compose-field{margin:0 14px}.reader-toolbar{gap:2px}.selection-bar{font-size:12px}.demo-banner{font-size:12px}}
[data-live-open],[data-live-folder]{user-select:none;-webkit-user-drag:none}#drag-label{position:fixed;z-index:100;pointer-events:none;padding:9px 14px;background:var(--ink);color:white;border-radius:7px;font-size:14px;box-shadow:0 4px 15px #0003}
/* Distribución ajustable y búsqueda global. Los tamaños se guardan por navegador. */
@media(min-width:961px){.workspace.resizable-workspace{display:grid;grid-template-columns:var(--folder-width,220px) 8px minmax(0,1fr)}.resizable-workspace>.sidebar{width:auto;min-width:0}.resizable-main.mail-main{display:grid;grid-template-columns:var(--message-width,43%) 8px minmax(0,1fr)}.resizable-main>.message-list-panel{min-width:0}.resizable-main>.reader{min-width:0}.panel-splitter{background:#eef2e9;cursor:col-resize;position:relative;touch-action:none}.panel-splitter:after{content:'';position:absolute;top:calc(50% - 22px);left:2px;width:3px;height:44px;border-radius:3px;background:#adc1b3}.panel-splitter:hover,.panel-splitter:focus-visible{background:#d4e7bc;outline:2px solid var(--blue);outline-offset:-2px}}
@media(max-width:960px){.panel-splitter{display:none}.workspace.resizable-workspace{display:flex}.resizable-main.mail-main{display:block}}
.resizing-panels{user-select:none;cursor:col-resize}.resizable-modal.composer{width:min(var(--compose-width,1050px),calc(100vw - 20px));height:min(var(--compose-height,740px),calc(100dvh - 24px));min-width:min(340px,calc(100vw - 20px));min-height:min(340px,calc(100dvh - 24px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow:hidden}.resizable-modal #compose-form{height:100%;max-height:none;overflow:auto}.resizable-modal .composer-header,.resizable-modal .compose-notice,.resizable-modal .composer-footer,.resizable-modal .editor-toolbar{flex-shrink:0}.resizable-modal .html-editor{flex:1;min-height:100px;max-height:none;flex-shrink:1;overflow:auto}.composer-resize{position:absolute;right:0;bottom:0;width:24px;height:24px;padding:0;cursor:nwse-resize;touch-action:none;color:#648044;background:#f2f7eb;border-radius:5px 0 0 0}.resizable-modal .composer-footer{padding-right:28px}.resizable-modal .attachments{flex-shrink:0}
.search{position:relative;max-width:740px;overflow:visible}.search input{width:100%;min-width:70px}.search select{max-width:165px;min-width:100px;flex-shrink:1;padding:6px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:13px}.search kbd{flex-shrink:0}.search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;max-height:min(480px,65dvh);overflow:auto;background:white;box-shadow:0 12px 36px #163e4a33;border:1px solid var(--line);border-radius:9px;padding:5px}.search-results button{display:block;width:100%;padding:12px;text-align:left;border-radius:5px;border-bottom:1px solid var(--line);font-size:14px}.search-results button:hover,.search-results button:focus{background:#eef5e4}.search-results strong{display:block;font-size:15px;margin-bottom:6px;overflow-wrap:anywhere}.search-results button>span{display:block;color:var(--muted);overflow-wrap:anywhere}.search-results p{padding:12px;margin:0;font-size:14px}.folder-pill{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:12px;font-weight:normal;line-height:1.5;border-radius:12px;padding:2px 9px;margin:5px 0 0;background:#e8f0de;color:#42662e;border:1px solid #cedfb9;overflow-wrap:anywhere;white-space:normal}.folder-pill>svg{width:13px;height:13px}.folder-pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.search-results .folder-pill{margin-left:6px}.message-open>.folder-pill{width:fit-content}.resizable-main .list-heading h1{overflow-wrap:anywhere}.resizable-main .message-subject{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:650px){.search select{max-width:122px;min-width:90px;font-size:12px}.search-results{position:fixed;left:12px;right:12px;top:112px}.resizable-modal .html-editor{min-height:100px}.composer-resize{display:none}.resizable-modal.composer{height:calc(100dvh - 24px)}}
.search select{flex:0 0 160px;width:160px;max-width:160px;min-width:160px}.search input{width:auto;flex:1}
@media(max-width:650px){.search select{flex-basis:120px;width:120px;max-width:120px;min-width:120px}}
a[data-mail-link]{text-decoration:none;color:inherit;cursor:pointer}.message-open[data-mail-link]{display:block}.mail-menu a[data-mail-link]{display:block;text-align:left;width:100%;font-size:15px;padding:11px 13px;border-radius:5px}.mail-menu a:hover,.mail-menu a:focus{background:#edf3e5}
a.compose-button[data-mail-link]{color:white}
.resizable-modal .composer-footer{position:sticky;bottom:0;background:white;z-index:2}
.resizable-main.mail-main{min-height:0}.workspace.resizable-workspace{grid-template-rows:minmax(0,1fr)}.resizable-main.mail-main{grid-template-rows:minmax(0,1fr)}
/* Interfaz de lectura y composición v4 */
.message-row .message-open{padding:19px 48px 20px 52px}.message-meta{margin-bottom:3px;align-items:flex-start}.message-sender{color:#15495b}.message-snippet{color:#536a75;margin-bottom:10px}.message-subject{color:#315d24;margin-bottom:0}.message-time{color:#865524;font-size:13px;white-space:normal;text-align:right;flex-shrink:0;max-width:125px}.message-star{right:5px;bottom:12px;width:40px;height:40px}.message-star svg{width:25px;height:25px;color:#7c8b6e}.message-select{position:absolute;top:18px;left:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#6c827d;border-radius:6px;z-index:1}.message-select svg{width:23px;height:23px}.unread .message-select{color:#087bac}.message-select:hover,.message-select[aria-pressed=true]{background:#dfeccb;color:#325523}.message-row.checked{background:#e3efcf}.row-menu,.message-check{display:none}.selection-bar button{padding:6px 8px}.mail-menu [role=menuitem]{display:flex;align-items:center;gap:12px}.mail-menu svg{width:19px;height:19px;flex-shrink:0}.sort-label{display:flex;margin-left:0;flex:1;justify-content:flex-end;gap:3px;flex-wrap:wrap}.list-filters{flex-wrap:wrap}.sort-label button{border:1px solid transparent}.sort-label button[aria-pressed=true]{border-color:#cbd9bf;background:#eff5e8;color:#244637}.format-group{display:flex;align-items:center;gap:3px;padding-right:7px;border-right:1px solid #dce5d6}.format-group:last-child{border:0}.editor-toolbar{gap:8px;padding:9px 16px;background:#f3f6ef}.editor-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:34px;border-color:transparent;background:transparent;border-radius:6px;font-size:16px}.editor-toolbar button:hover{background:white;border-color:#ccd9c2}.editor-toolbar button[aria-pressed=true]{background:#dcecc7;color:#244637;border-color:#a4bd87}.editor-toolbar button svg{width:17px;height:17px}.editor-toolbar button span{font-size:12px}.editor-toolbar select{max-width:150px;border:1px solid #d4decc;border-radius:5px;min-height:34px;background:white;color:#244637}.text-color{flex-direction:column;gap:0!important;font-weight:bold;line-height:17px;cursor:pointer}.editor-toolbar .text-color input{width:25px;height:13px;border:0;padding:0}.html-editor{background:white;border-radius:5px}.html-editor:focus{box-shadow:inset 0 0 0 2px #77a94366}
#standalone-heading{height:48px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#f3f7ec;border-bottom:1px solid var(--line);font-size:14px}#standalone-heading a{text-decoration:none;color:#315d24}.standalone-mail .topbar,.standalone-mail .demo-banner,.standalone-mail #sidebar,.standalone-mail .panel-splitter,.standalone-mail .message-list-panel{display:none!important}.standalone-mail .workspace.resizable-workspace,.standalone-mail #main.resizable-main{display:block!important;height:100%;min-height:0}.standalone-mail #reader{display:flex!important;height:100%}.standalone-mail .reader-scroll{width:100%;max-width:1100px;margin:0 auto}.standalone-mail .reader-back{display:none}.standalone-mail .resizable-modal.composer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0}.standalone-mail .composer-resize{display:none}.standalone-mail .composer::backdrop{background:#fff}.standalone-mail .mail-dialog .raw-source{height:65dvh}
@media(max-width:650px){.sort-label{flex-basis:100%;justify-content:flex-start}.message-row .message-open{padding-left:49px}.message-time{font-size:12px;max-width:100px}.editor-toolbar{padding:8px;gap:6px}.format-group{padding-right:4px}#standalone-heading{padding:0 12px;font-size:12px}}
.mail-menu a[data-mail-link][role=menuitem]{display:flex;align-items:center;gap:12px}
.resizable-modal .composer-header{position:sticky;top:0;z-index:3;background:white}
/* Árbol IMAP y progreso de traslados */
.folder-heading{display:flex;align-items:center;justify-content:space-between;margin:0 5px 10px 12px}.folder-heading .add-folder{width:32px;height:32px;color:#53763b}.add-folder svg{width:23px;height:23px}.folder-tree,.folder-tree ul{list-style:none;padding:0;margin:0}.folder-tree ul[hidden]{display:none}.folder-tree-row{display:flex;align-items:center;padding-left:calc(var(--tree-depth)*15px);gap:0;min-width:0}.folder-tree-row .folder{flex:1;min-width:0;width:auto;padding:9px 7px;gap:8px}.folder-tree-row .folder svg{flex-shrink:0}.folder-leaf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-toggle,.tree-toggle-space{width:19px;min-width:19px;height:32px;display:inline-flex;align-items:center;justify-content:center}.tree-toggle{font-size:21px;border-radius:4px;color:#53763b}.tree-toggle:hover{background:#e0ebd2}.folder-tree-row .folder.active{background:#e3edce}.folder-tree [aria-busy=true]{background:#edf3e4}.folder-menu-name{margin:5px 12px 8px;max-width:260px;font-size:13px;color:#617660;overflow-wrap:anywhere}#folder-menu button{display:flex;align-items:center;gap:12px}#folder-menu button:disabled{opacity:.45;cursor:default}.root-drop{border:1px dashed #749852;margin-top:10px}.mail-spinner{display:inline-block;width:18px;height:18px;flex-shrink:0;border:2px solid #cdddc0;border-top-color:#426d29;border-radius:50%;animation:mail-spin .8s linear infinite}.mail-spinner[hidden]{display:none}@keyframes mail-spin{to{transform:rotate(360deg)}}.move-progress{max-width:480px;width:calc(100vw - 32px);padding:0}.move-progress-content{padding:28px;text-align:center}.move-progress h2{font-size:22px;margin:0 0 20px}.move-progress .mail-spinner{width:36px;height:36px;border-width:3px}.move-progress progress{width:100%;height:10px;accent-color:#648f3b}.move-progress p{line-height:1.6}.move-explanation{color:#596d65;font-size:14px}.move-progress button{background:#163e4a;color:white;border-radius:6px;padding:10px 25px}.move-progress::backdrop{background:#163e4a65}.folder-tree [role=treeitem]:focus-visible,.tree-toggle:focus-visible{outline:2px solid #008dca;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.mail-spinner{animation-duration:1.8s}}
.folder-inline{flex:1;min-width:0;padding:5px 3px}.folder-name-input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #548c37;border-radius:5px;padding:8px 7px;color:#163e4a;background:white;font:inherit;outline:2px solid #a9c79255}.folder-inline small{display:block;font-size:11px;color:#57704e;margin-top:3px}.folder-rename-error{display:block;color:#a12b24;font-size:12px;line-height:1.35}.folder-name-input[aria-invalid=true]{border-color:#a12b24}
/* Edición discreta y conteos propios de cada carpeta */
.folder-inline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:43px;padding:9px 7px;font-size:15px;box-sizing:border-box}.folder-inline>svg{width:18px;height:18px;color:#668276;flex-shrink:0}.folder-name-input{flex:1;width:0;min-width:20px;margin:0;padding:0;border:0;border-bottom:1px solid #8caa75;border-radius:0;outline:none!important;box-shadow:none!important;background:transparent;color:inherit;font:inherit;line-height:1.5}.folder-name-input:focus{border-bottom-color:#557d3c}.folder-inline small.sr-only{position:absolute;display:block;margin:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.folder-rename-error:empty{display:none}.folder-rename-error:not(:empty){flex-basis:100%;padding-left:26px}.folder-name-input[aria-invalid=true]{border-bottom-color:#a12b24}.folder-count-pill{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;padding:2px 6px;border-radius:99px;font-size:11px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;color:#64735d;background:#e9eee3}.folder-count-pill.has-unread{background:#dcebc7;color:#395c27;font-weight:700}.folder-tree-row .folder-leaf{flex:1}.folder-tree-row .folder{gap:7px}.folder-inline{gap:7px}.folder.active .folder-count-pill{background:#cdddaf}

/* Mantener scroll y zoom; desactivar solo la llamada nativa al mantener pulsado. */
[data-message-id],[data-live-folder]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.raw-view{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding:16px;gap:12px;background:#fff}
.raw-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;flex-wrap:wrap}
.raw-header h1{font-size:22px;font-weight:500;margin:0}
.raw-header .secondary{width:auto;min-height:38px;padding:8px 14px}
.raw-view .raw-source{flex:1;min-height:0;height:auto;resize:none;margin:0;background:#f8faf6;color:#163e4a;overflow:auto;line-height:1.5;tab-size:4}
.raw-status{margin:0;color:#597078;font-size:14px}
.raw-document .mail-app{display:block;height:auto;min-height:100dvh;overflow:visible}
.raw-document .workspace.resizable-workspace,.raw-document #main.resizable-main,.raw-document #reader{height:auto;min-height:0;overflow:visible}
.raw-document .raw-view{display:block;overflow:visible}
.raw-document .raw-header{margin-bottom:12px}
.raw-document .raw-source{display:block;width:100%;height:auto;max-height:none;min-height:0;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;user-select:text}
@media print{
  body.raw-document{margin:0;background:#fff;color:#000}
  .raw-document #standalone-heading,.raw-document .raw-header button,.raw-document .skip,.raw-document #toast{display:none!important}
  .raw-document .mail-app,.raw-document .workspace.resizable-workspace,.raw-document #main.resizable-main,.raw-document #reader,.raw-document .raw-view{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .raw-document .raw-view{padding:0}
  .raw-document .raw-header{display:block;break-after:avoid}
  .raw-document .raw-source{height:auto!important;max-height:none!important;overflow:visible!important;padding:0;border:0;background:#fff;color:#000;outline:none;box-shadow:none;font:9pt/1.35 monospace;white-space:pre-wrap;overflow-wrap:anywhere;break-inside:auto}
}
@media(max-width:767px){.raw-view{padding:10px;gap:8px}.raw-header h1{font-size:18px}.raw-header .secondary{font-size:13px}}

/* Encabezado y filas compactas: adaptarse al ancho real del panel ajustable. */
/* Conectores del árbol: el último hijo termina a la altura de su propia fila. */
.folder-tree{--tree-line:#9bad91;--tree-icon-center:16px}
.folder-tree li,.folder-tree ul,.folder-tree-row{position:relative}
.folder-tree ul::before{content:"";position:absolute;left:calc(var(--tree-depth)*15px + var(--tree-icon-center));top:-12px;height:12px;border-left:1px dotted var(--tree-line);pointer-events:none;z-index:1}
.folder-tree ul>li:not(:last-child)::before{content:"";position:absolute;left:calc((var(--tree-depth) - 1)*15px + var(--tree-icon-center));top:0;bottom:0;border-left:1px dotted var(--tree-line);pointer-events:none;z-index:1}
.folder-tree ul>li>.folder-tree-row::before{content:"";position:absolute;left:calc((var(--tree-depth) - 1)*15px + var(--tree-icon-center));top:0;height:50%;width:6px;border-left:1px dotted var(--tree-line);border-bottom:1px dotted var(--tree-line);pointer-events:none;z-index:1}
.folder-tree .tree-toggle{position:relative;z-index:1;background:#f6f8f1}
.folder-tree .tree-toggle:hover{background:#e0ebd2}
.message-list-panel{container-type:inline-size;container-name:mail-list}
.list-controls{display:grid;grid-template-columns:auto minmax(0,1fr) 36px;align-items:center;gap:8px 14px;padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.list-controls .list-heading,.list-controls .list-heading>div{display:contents}
.list-controls .eyebrow{display:none}
.list-controls .folder-summary{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.list-controls .list-heading h1{grid-column:1;grid-row:1;font-size:26px;margin:0;line-height:1.2;min-width:0;max-width:250px}
.list-controls .list-heading h1.folder-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:15px;line-height:1.4}
.folder-crumb{display:inline-block;min-width:0;max-width:100%;padding:5px 9px;border:1px solid var(--theme-line,var(--line));border-radius:9px;background:var(--theme-tint,#f1f5e9);color:var(--theme-text,#173f49);overflow-wrap:anywhere;text-decoration:none;font-weight:400}
a.folder-crumb:hover{background:var(--theme-selected,#dfeacb);text-decoration:underline}
a.folder-crumb:focus-visible{outline:2px solid var(--theme-accent,#45662c);outline-offset:2px}
.folder-crumb.is-current{background:var(--theme-pill,#dfeacb);color:var(--theme-pillText,#345122);font-weight:600}
.folder-crumb-separator{color:var(--theme-text,#173f49);opacity:.65}
.list-controls #refresh{grid-column:3;grid-row:1;width:36px;height:36px}
.list-controls .list-filters{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;gap:4px;padding:0;border:0;min-width:0}
.list-controls .list-filters button{min-height:32px;padding:5px 8px;font-size:13px;white-space:nowrap}
.list-controls .sort-label{display:flex;flex:1;flex-basis:auto;flex-wrap:nowrap;justify-content:flex-end;gap:2px;margin-left:8px}
.selection-bar{padding:5px 12px;gap:5px;flex-shrink:0;min-height:38px}
.selection-bar button{padding:4px 8px;min-height:28px}
.message-list-panel .message-row{min-height:0}
.message-row .message-open,.message-open[data-mail-link]{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(0,1.3fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:2px;padding:10px 14px 10px 82px;min-height:66px}
.message-meta{display:contents}
.message-sender{grid-column:1;grid-row:1;font-size:15px;line-height:1.4;min-width:0}
.message-snippet{grid-column:1;grid-row:2;font-size:13px;line-height:1.4;margin:0;min-width:0}
.resizable-main .message-subject,.message-subject{grid-column:2;grid-row:1 / span 2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.4;margin:0;min-width:0}
.message-time{grid-column:3;grid-row:1 / span 2;font-size:12px;line-height:1.4;max-width:none;white-space:nowrap!important}
.message-select,.message-star{top:50%;bottom:auto;transform:translateY(-50%);width:36px;height:40px}
.message-select{left:3px}.message-star{left:39px;right:auto}
.message-star svg{width:23px;height:23px}
.message-open>.folder-pill{grid-column:1 / -1;grid-row:3;margin:2px 0 0;padding:1px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container mail-list (max-width:700px){
  .list-controls{gap:4px 8px;padding:8px 12px}
  .list-controls .list-filters{grid-column:1 / -1;grid-row:2}
  .list-controls .list-heading h1{font-size:25px;max-width:none;grid-column:1 / 3}
  .message-row .message-open{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;padding:8px 12px 8px 44px;row-gap:2px;column-gap:8px;min-height:80px}
  .message-sender{grid-column:1;grid-row:1}
  .message-time{grid-column:2;grid-row:1}
  .message-snippet{grid-column:1 / -1;grid-row:2}
  .resizable-main .message-subject{grid-column:1 / -1;grid-row:3}
  .message-select,.message-star{left:3px;right:auto;width:36px;height:36px;transform:none}
  .message-select{top:3px}.message-star{top:39px;bottom:auto}
  .message-open>.folder-pill{grid-row:4}
}
@container mail-list (max-width:380px){
  .list-controls{padding-inline:8px;gap:3px}
  .list-controls .list-filters{flex-wrap:wrap;gap:2px}
  .list-controls .sort-label{margin-left:0;gap:0}
  .list-controls .list-filters button{font-size:12px;padding-inline:5px}
  .message-time{font-size:11px}
  .message-row .message-open{padding-right:8px;column-gap:5px}
}
@media(max-width:767px){
  .topbar{height:auto;min-height:0;flex-wrap:wrap;gap:5px 10px;padding:6px 12px}
  .topbar .brand{width:115px}.topbar .brand img{width:100%;height:auto}
  .topbar .mobile-menu{display:inline-flex;width:32px;height:36px}
  .product-name{font-size:13px;padding-left:10px}
  .account{gap:0}.account-name,.account .avatar{display:none}.account .icon-button{width:36px;height:36px}
  .search{order:5;max-width:none;width:100%;flex-basis:100%;height:34px;margin:0;padding-inline:10px;gap:7px}
  .search input{font-size:14px}.search kbd{display:none}
  .search select{flex:0 0 112px;width:112px;min-width:112px;max-width:112px;font-size:12px;padding:4px}
  .search-results{position:absolute;left:0;right:0;top:calc(100% + 6px)}
  .demo-banner{padding:3px 12px;font-size:11px;line-height:1.35;gap:4px}
  .demo-banner i{margin-right:5px}.demo-tag{display:none}
  .workspace{position:relative}
  .sidebar{display:none;position:absolute;left:0;top:0;bottom:0;width:235px;z-index:5;box-shadow:15px 0 30px #163e4a20}
  .sidebar.open{display:flex}
  .list-footer{padding:6px 12px;font-size:12px}
}
/* Contactos: vista independiente de las carpetas IMAP. */
#main.contacts-mode{display:block}
#main.contacts-mode>.message-list-panel,#main.contacts-mode>#reader,#main.contacts-mode>#message-splitter{display:none}
.sidebar:has(#contacts-folder.active) #folders .folder.active{background:transparent;font-weight:normal}
#contacts-folder{margin-top:10px;flex-shrink:0}
.contacts-view{height:100%;overflow:auto;background:#fcfdf9;padding:28px 32px}
.contacts-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.contacts-header h1{font-size:28px;font-weight:500;margin:0 0 8px}
.contacts-header p,.contacts-status{font-size:14px;color:var(--muted)}
.contacts-header p{margin:0}
.contacts-add,.contacts-search{display:block;max-width:780px;font-size:14px}
.contacts-add>div{display:flex;gap:10px;margin:8px 0 22px}
.contacts-view input{min-width:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font:inherit}
.contacts-add input{flex:1}
.contacts-search input{display:block;width:100%;margin-top:8px}
.contacts-list{list-style:none;margin:18px 0;padding:0;max-width:980px}
.contacts-list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.contact-address{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere;padding:10px 0;font-size:16px}
.contact-address:hover{text-decoration:underline}
.contacts-view.drop-target{outline:3px dashed #76a844;outline-offset:-6px}
@media(max-width:650px){.contacts-view{padding:20px 16px}.contacts-header{align-items:flex-start;gap:12px}.contacts-header h1{font-size:25px}.contacts-add>div{flex-wrap:wrap}.contacts-add input{flex-basis:100%}.contacts-list li{gap:9px}.contact-address{font-size:14px}}
.contact-candidate{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:14px 0}
.contact-candidate>div{flex:1;min-width:0;overflow-wrap:anywhere}
.contact-candidate strong{font-size:15px;font-weight:500}
.contact-candidate small{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.contact-candidate button{flex-shrink:0}
#contact-import-status{min-height:1.5em}
.composer-resize{z-index:4}
.contacts-status{margin-top:14px}
.contact-candidate .contact-saved:disabled{color:#28733b;background:#edf6e9;border-color:#c7dfbf;opacity:1}
.show-mail-images{display:inline-block;margin:8px 0 0 10px;padding:8px 12px;border:1px solid #bdcfae;border-radius:6px;background:#edf5e4;color:var(--ink);font:inherit}.html-message img{max-width:100%;height:auto}.html-message img[data-mail-image]:not([src]){display:none}.mail-image-failed{min-height:24px}
/* La pestaña independiente desplaza el documento completo, sin paneles internos. */
.search-spinner{display:inline-block;width:18px;height:18px;border:2px solid #b9d2d5;border-top-color:var(--ink);border-radius:50%;vertical-align:middle;animation:mail-search-spin .8s linear infinite;margin-right:7px}
.search-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#f1f6e9;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink)}
.search-progress .secondary{min-height:34px;padding:7px 10px;flex-shrink:0;font-size:12px}
@keyframes mail-search-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.search-spinner{animation:none}}
@media(max-width:500px){.search-progress{flex-wrap:wrap}}
.standalone-mail .mail-app{display:block;height:auto;min-height:100dvh;overflow:visible}
.standalone-mail .workspace.resizable-workspace,.standalone-mail #main.resizable-main,.standalone-mail #reader,.standalone-mail .reader-scroll{height:auto;max-height:none;min-height:0;overflow:visible}
.standalone-mail #reader{display:block!important}
.standalone-mail .reader-scroll{flex:none}
@media print{
  body.standalone-mail{margin:0;background:white;color:#000}
  .standalone-mail #standalone-heading,.standalone-mail .reader-toolbar,.standalone-mail .reply-actions,.standalone-mail .plain-note,.standalone-mail .skip,.standalone-mail #toast,.standalone-mail dialog,.standalone-mail [popover]{display:none!important}
  .standalone-mail .mail-app,.standalone-mail .workspace.resizable-workspace,.standalone-mail #main.resizable-main,.standalone-mail #reader,.standalone-mail .reader-scroll{display:block!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;outline:none;box-shadow:none;background:white}
  .standalone-mail .reader-scroll{max-width:none;padding:0}
  .standalone-mail .message-body{min-height:0;padding:16px 0;overflow:visible;orphans:3;widows:3}
  .standalone-mail .sender-detail,.standalone-mail .reader-scroll>h2{break-inside:avoid;break-after:avoid}
  .standalone-mail .reader-attachments{display:block}
  .standalone-mail .attachment{break-inside:avoid}
}

#header-index-status{font-size:12px;line-height:1.5;padding:12px 4px;color:var(--muted);overflow-wrap:anywhere}#search-index-status{padding:10px 14px;background:#edf5e4;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink)}

/* Estado compacto del índice, visible sin desplazarse por las carpetas. */
#header-index-sync{flex-shrink:0;background:#f6f9f1}
#header-index-sync #header-index-status{margin:0;padding:4px 28px;font-size:11px;line-height:1.4;color:var(--muted)}
.index-sync-track{height:3px;background:#e1e9dc;overflow:hidden}
.index-sync-track>span{display:block;height:100%;width:var(--index-progress,0%);background:#008dca;transition:width .25s ease}
#header-index-sync[data-status=discovering] .index-sync-track>span{width:28%;animation:index-discover 1.5s ease-in-out infinite}
#header-index-sync[data-status=complete] .index-sync-track>span{background:#6c9c43}
#header-index-sync[data-status=error] .index-sync-track>span{width:100%;background:#b37c28}
#header-index-sync[data-status=error] #header-index-status{color:#825616}
@keyframes index-discover{from{transform:translateX(-100%)}to{transform:translateX(360%)}}
@media(prefers-reduced-motion:reduce){.index-sync-track>span{transition:none}#header-index-sync[data-status=discovering] .index-sync-track>span{animation:none}}
@media(max-width:767px){#header-index-sync #header-index-status{padding-inline:12px}}
.standalone-mail #header-index-sync{display:none}
@media print{#header-index-sync{display:none!important}}
/* Preferencias guardadas por cuenta */
#main.settings-mode{display:block}
#main.settings-mode>.message-list-panel,#main.settings-mode>#reader,#main.settings-mode>#message-splitter{display:none}
.settings-view{height:100%;overflow:auto;padding:30px clamp(16px,4vw,56px);background:var(--paper)}
.settings-view[hidden]{display:none}
.settings-header{display:flex;align-items:start;justify-content:space-between;gap:20px;max-width:850px}
.settings-header h1{margin:0 0 10px;font-size:30px}.settings-header p{color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
#settings-form{max-width:760px}#settings-fields{border:0;padding:0;margin:0;min-width:0}#settings-fields legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.settings-view h2{font-size:19px;margin:28px 0 18px}.settings-view label{display:block;font-size:14px;font-weight:700;margin:0 0 8px}
.settings-view input,.settings-view textarea,.settings-view select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font:inherit}.settings-view textarea{resize:vertical;min-height:120px}
.settings-help{font-size:13px;color:var(--muted);line-height:1.5;margin:8px 0 22px}.settings-options{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.settings-view footer{display:flex;align-items:center;gap:18px;margin:30px 0 12px}.settings-view footer span{font-size:13px;color:var(--muted)}#settings-status{min-height:24px}
#mail-app{--account-accent:#42662e;--account-tint:#edf5e4;--account-button:#c2e67c}
#mail-app[data-color="blue"]{--account-accent:#08658e;--account-tint:#e7f3fb;--account-button:#b4dff4}
#mail-app[data-color="violet"]{--account-accent:#704599;--account-tint:#f2ebfa;--account-button:#d9c2ef}
#mail-app .folder.active{color:var(--account-accent);background:var(--account-tint)}#mail-app .primary,#mail-app #compose{background:var(--account-button);color:var(--ink)}#mail-app .message-row.selected{background:var(--account-tint)}
#mail-app[data-density="compact"] .message-open{padding-top:8px;padding-bottom:8px}#mail-app[data-density="compact"] .message-snippet{display:none}#mail-app[data-density="compact"] .message-subject{font-size:14px;line-height:1.3;margin-top:3px}
@media(max-width:650px){.settings-header{display:block}.settings-options{grid-template-columns:1fr}.settings-view footer{align-items:start;flex-direction:column}.settings-view{padding:20px 16px}}

#mail-app .sidebar:has(#settings-folder.active) #folders .folder.active,#mail-app .sidebar:has(#contacts-folder.active) #folders .folder.active{background:transparent;color:var(--ink);font-weight:normal}
#settings-folder{flex-shrink:0}

/* Paleta de la cuenta: controles y superficies, sin recolorear el mensaje. */
body[data-mail-theme] {--line:var(--theme-line);--blue:var(--theme-accent);--paper:var(--theme-paper)}
body[data-mail-theme] #mail-app{--account-accent:var(--theme-accent);--account-tint:var(--theme-selected);--account-button:var(--theme-accent);background:var(--theme-paper)}
body[data-mail-theme] :is(.sidebar,.search,.reader-toolbar,.selection-bar,.editor-toolbar,.compose-notice,#standalone-heading,#header-index-sync){background:var(--theme-surface)}
body[data-mail-theme] :is(.reader,.contacts-view,.settings-view){background:var(--theme-paper)}
body[data-mail-theme] :is(.demo-banner,.search-progress,#search-index-status,.composer-header){background:var(--theme-tint);border-color:var(--theme-line);color:var(--theme-accent)}
body[data-mail-theme] :is(.folder-pill,.folder-count-pill,.folder-count,.reader-label,.pill,.avatar,.sender-detail .avatar){background:var(--theme-tint);color:var(--theme-accent);border-color:var(--theme-line)}
body[data-mail-theme] :is(.folder-count-pill.has-unread,.folder.active .folder-count-pill){background:var(--theme-selected);color:var(--theme-accent)}
body[data-mail-theme] :is(.folder:hover,.tree-toggle:hover,.secondary:hover,.icon-button:hover,.mail-menu button:hover,.mail-menu button:focus,.mail-menu a:hover,.mail-menu a:focus,.recipient-suggestions button:hover,.recipient-suggestions button:focus,.search-results button:hover,.search-results button:focus,.list-filters button.active){background:var(--theme-tint)}
body[data-mail-theme] :is(.message-row:hover,.folder-tree [aria-busy=true]){background:var(--theme-surface)}
#mail-app .message-row.unread:where(:not(.selected,.checked)){background:var(--theme-tint,#eef4e4)}
#mail-app .message-row.unread:where(:not(.selected,.checked)):hover{background:color-mix(in srgb,var(--theme-tint,#eef4e4) 70%,var(--theme-selected,#dfeacb))}
body[data-mail-theme] #mail-app :is(.message-row.selected,.message-row.checked){background:var(--theme-selected);border-left-color:var(--theme-accent)}
body[data-mail-theme] .message-row.checked{box-shadow:inset 3px 0 var(--theme-accent)}
body[data-mail-theme] :is(.message-select:hover,.message-select[aria-pressed=true],.sort-label button[aria-pressed=true],.editor-toolbar button[aria-pressed=true]){background:var(--theme-selected);color:var(--theme-accent);border-color:var(--theme-line)}
body[data-mail-theme] :is(.message-subject,.folder svg,.folder-heading .add-folder,.tree-toggle,.cooperative-mark svg,.composer-resize,#standalone-heading a){color:var(--theme-accent)}
body[data-mail-theme] :is(.primary,#mail-app .primary,#mail-app #compose,.reply-actions button:first-child,.move-progress button){background:var(--theme-accent);color:white;border-color:var(--theme-accent)}
body[data-mail-theme] :is(.primary:hover,#mail-app .primary:hover,#mail-app #compose:hover,.reply-actions button:first-child:hover){background:var(--theme-hover)}
body[data-mail-theme] .panel-splitter{background:var(--theme-tint)}
body[data-mail-theme] .panel-splitter:after{background:var(--theme-line)}
body[data-mail-theme] .panel-splitter:hover{background:var(--theme-selected)}
body[data-mail-theme] :is(.composer-resize,.show-mail-images){background:var(--theme-tint);border-color:var(--theme-line)}
body[data-mail-theme] .drop-target{background:var(--theme-selected)!important;outline-color:var(--theme-accent)}
body[data-mail-theme] .root-drop{border-color:var(--theme-accent)}
body[data-mail-theme] .mail-spinner{border-color:var(--theme-line);border-top-color:var(--theme-accent)}
body[data-mail-theme] .index-sync-track{background:var(--theme-tint)}
body[data-mail-theme] #header-index-sync:not([data-status=error]):not([data-status=complete]) .index-sync-track>span,body[data-mail-theme] .demo-banner i{background:var(--theme-accent)}
body[data-mail-theme] .html-editor:focus{box-shadow:inset 0 0 0 2px var(--theme-accent)}
body[data-mail-theme] :is(.html-message,.html-editor){--line:#dfe6e4;--blue:#008dca;--paper:#fafbf7}
#settings-custom{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}#settings-custom label{margin:0}#settings-customColor{width:64px;height:42px;padding:4px}#settings-color-value{font-size:13px;color:var(--muted)}
@media print{body[data-mail-theme] #mail-app,body[data-mail-theme] .reader{background:white}}
/* Distribución de lectura guardada por cuenta. */
.list-controls{grid-template-columns:auto minmax(0,1fr) 36px 36px}
.list-controls #preview-toggle{grid-column:3;grid-row:1;width:36px;height:36px}
.list-controls #refresh{grid-column:4}
#preview-toggle svg{width:22px;height:22px}
.mail-date,.mail-hour{white-space:nowrap}
@container mail-list (max-width:1000px){.message-time .mail-date,.message-time .mail-hour{display:block}.message-time{white-space:normal!important}}
@container mail-list (max-width:700px){.message-time{grid-row:1 / span 2}.message-snippet{grid-column:1}}
@media(min-width:651px){
  #main[data-preview="bottom"]:not(.contacts-mode):not(.settings-mode){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,var(--list-height,50%)) 8px minmax(0,1fr)}
  #main[data-preview="bottom"]:not(.contacts-mode):not(.settings-mode)>.message-list-panel{display:flex;grid-row:1;grid-column:1;height:auto;min-height:0;border-right:0}
  #main[data-preview="bottom"]:not(.contacts-mode):not(.settings-mode)>#reader{display:flex;grid-row:3;grid-column:1;height:auto;min-height:0;overflow:hidden}
  #main[data-preview="bottom"]:not(.contacts-mode):not(.settings-mode)>#message-splitter{display:block;grid-row:2;grid-column:1;cursor:row-resize;position:relative;background:var(--theme-surface,#eef2e9);touch-action:none}
  #main[data-preview="bottom"]:not(.contacts-mode):not(.settings-mode)>#message-splitter:after{content:'';position:absolute;left:calc(50% - 22px);top:2px;width:44px;height:3px;background:#adc1b3;border-radius:3px}
  #main[data-preview="bottom"] .reader-empty{min-height:0;padding:20px}
  #main[data-preview="bottom"] .reader-back{display:none}
}
#main[data-preview="none"]:not(.contacts-mode):not(.settings-mode){display:block}
#main[data-preview="none"]>#message-splitter{display:none}
#main[data-preview="none"]>.message-list-panel{height:100%}
#main[data-preview="none"]:not(.reading)>#reader{display:none}
#main[data-preview="none"].reading:not(.contacts-mode):not(.settings-mode)>.message-list-panel{display:none}
#main[data-preview="none"].reading:not(.contacts-mode):not(.settings-mode)>#reader{display:flex;height:100%}
#main[data-preview="none"] .reader-back{display:inline-flex}
#main.contacts-mode>#message-splitter,#main.settings-mode>#message-splitter{display:none}
@media(max-width:650px){#preview-toggle{display:none}.list-controls{grid-template-columns:auto minmax(0,1fr) 36px}.list-controls #refresh{grid-column:3}}

/* Colores independientes del tema personalizado de la cuenta. */
#settings-custom{display:block}
.settings-base-color{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.settings-theme-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}
.settings-theme-group{min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px}
.settings-theme-group h3{margin:0 0 14px;font-size:15px}
.settings-theme-control{display:grid;grid-template-columns:minmax(0,1fr) 48px 70px;align-items:center;gap:8px;margin:10px 0}
#settings-custom .settings-theme-control label{font-weight:normal;font-size:13px;overflow-wrap:anywhere}
#settings-custom .settings-theme-control input{width:48px;height:36px;padding:3px;margin:0}
.settings-theme-control output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
body:is([data-custom-theme],[data-dark-theme]){--ink:var(--theme-text);--muted:var(--theme-muted);color:var(--theme-text)}
body:is([data-custom-theme],[data-dark-theme]) :is(#mail-app,.composer,.mail-dialog,.mail-menu){color:var(--theme-text)}
body:is([data-custom-theme],[data-dark-theme]) :is(.topbar,.message-list-panel,.composer,.mail-dialog,.mail-menu,.recipient-suggestions,.search-results,.attachment){background:var(--theme-content)}
body:is([data-custom-theme],[data-dark-theme]) #mail-app :is(.message-sender,.message-subject,.reader h2,.reader-empty h2,.settings-view h1,.settings-view h2,.settings-view h3,.folder,.folder.active,.settings-view label){color:var(--theme-text)}
body:is([data-custom-theme],[data-dark-theme]) :is(.message-snippet,.message-time,.sender-date,.sender-info small,.account-name small,.plain-note,.folder-summary,.list-footer,.settings-help,.nav-label,.reader-position,.compose-hint,.settings-theme-control output){color:var(--theme-muted)}
body:is([data-custom-theme],[data-dark-theme]) :is(.search,input:not([type=color]):not([type=checkbox]):not([type=radio]),textarea,select,.html-editor){background:var(--theme-field);color:var(--theme-fieldText);border-color:var(--theme-line)}
body:is([data-custom-theme],[data-dark-theme]) :is(input,textarea)::placeholder,body:is([data-custom-theme],[data-dark-theme]) .html-editor:empty:before{color:var(--theme-fieldText);opacity:.65}
body:is([data-custom-theme],[data-dark-theme]) :is(.primary,#mail-app .primary,#mail-app #compose,.secondary,.reply-actions button,.move-progress button){background:var(--theme-button);color:var(--theme-buttonText);border-color:var(--theme-button)}
body:is([data-custom-theme],[data-dark-theme]) :is(.primary:hover,#mail-app .primary:hover,#mail-app #compose:hover,.secondary:hover,.reply-actions button:hover){background:var(--theme-button);filter:brightness(.92)}
body:is([data-custom-theme],[data-dark-theme]) :is(.folder-pill,.folder-count-pill,.folder-count,.reader-label,.pill,.avatar,.sender-detail .avatar,.folder-count-pill.has-unread,.folder.active .folder-count-pill){background:var(--theme-pill);color:var(--theme-pillText);border-color:var(--theme-line)}
body:is([data-custom-theme],[data-dark-theme]) #mail-app :is(.folder svg,.folder.active svg,.icon-button svg,.message-select svg,.message-star svg,.search svg,.reader-empty>svg,.cooperative-mark svg,.tree-toggle,.folder-heading .add-folder){color:var(--theme-icon)}
body:is([data-custom-theme],[data-dark-theme]) :is(.primary,.secondary,#compose,.reply-actions button) svg{color:inherit}
body:is([data-custom-theme],[data-dark-theme]) .message-star.starred svg{fill:currentColor}
body:is([data-custom-theme],[data-dark-theme]) #mail-app :is(.folder.active,.list-filters button.active,.sort-label button[aria-pressed=true]){background:var(--theme-selected);color:var(--theme-text)}
body:is([data-custom-theme],[data-dark-theme]) :is(.message-row,.compose-field,.search kbd,.html-editor,.settings-theme-group){border-color:var(--theme-line)}
body:is([data-custom-theme],[data-dark-theme]) .message-body{background-color:var(--theme-message)}
@media print{body:is([data-custom-theme],[data-dark-theme]) .message-body{background-color:white}}
/* Herramientas de la cuenta separadas de las carpetas. */
#contacts-folder{margin-top:18px;padding-top:16px;border-top:1px solid var(--theme-line,var(--line));border-radius:0}
#contacts-folder,#settings-folder{background:var(--theme-surface,#edf2ed);font-weight:600}
#settings-folder{margin-bottom:12px;border-radius:0 0 8px 8px}
.sidebar-bottom{padding-top:8px}.sidebar-bottom>a{margin-top:0}
#advanced-search-open{flex:0 0 34px;width:34px;height:34px;padding:6px}#advanced-search-open svg{width:22px;height:22px}
#advanced-search{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px}
#advanced-search header{display:flex;align-items:center;justify-content:space-between;gap:16px}#advanced-search h2{margin:0;font-size:24px}
#advanced-search p{line-height:1.5}#advanced-search .advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.advanced-grid label{display:block;font-size:14px;font-weight:600}.advanced-grid input,.advanced-grid select{display:block;width:100%;min-width:0;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:6px;font:inherit;color:var(--ink);background:white}
#advanced-search footer{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}#advanced-error{color:#a12b24}
#advanced-summary{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--theme-tint,#edf5e4);font-size:13px;flex-shrink:0;border-bottom:1px solid var(--line)}#advanced-summary[hidden]{display:none}#advanced-summary span{flex:1;overflow-wrap:anywhere}#advanced-summary button{flex-shrink:0;text-decoration:underline;padding:5px}
@media(max-width:650px){#advanced-search .advanced-grid{grid-template-columns:1fr}#advanced-summary{flex-wrap:wrap}#advanced-summary span{flex-basis:100%}.search select{flex-basis:100px;min-width:90px;width:100px}}

/* Preset Oscuro: conservar los colores propios del correo HTML. */
body[data-dark-theme]{color-scheme:dark;background:var(--theme-paper)}
body[data-dark-theme] :is(.mail-dialog,.composer,.mail-menu,.search-results,.recipient-suggestions){color-scheme:dark}
body[data-dark-theme] .message-body{background:var(--theme-message);color:var(--theme-text)}
body[data-dark-theme] :is(.html-message.mail-own-colors,.html-editor){color-scheme:light;background:#ffffff;color:#385560;--ink:#163e4a;--muted:#597078}
body[data-dark-theme] .html-editor:empty:before{color:#597078}
body[data-dark-theme] :is(.list-filters button,.sort-label button,.editor-toolbar button,.reader-label,.compose-notice,.show-mail-images){color:var(--theme-text)}
body[data-dark-theme] .editor-toolbar select{background:var(--theme-field);color:var(--theme-fieldText)}
body[data-dark-theme] :is(.list-controls,.list-heading,.list-footer,.composer-footer){background:var(--theme-content)}
body[data-dark-theme] .mail-dialog::backdrop,body[data-dark-theme] .composer::backdrop{background:#0009}
@media print{body[data-dark-theme] .message-body{background:white;color:#163e4a}}

body[data-dark-theme] .tree-toggle{background:transparent}
body[data-dark-theme] .tree-toggle:hover{background:var(--theme-selected)}

body[data-custom-theme] .message-body:not(.mail-own-colors){color:var(--theme-text)}
body:is([data-custom-theme],[data-dark-theme]) .html-message:not(.mail-own-colors) a{color:var(--theme-accent)}

/* El icono ocupa su posición normal y también controla la expansión. */
.folder-tree .folder-tree-row>.tree-toggle{position:absolute;left:calc(var(--tree-depth)*15px);top:50%;transform:translateY(-50%);width:32px;min-width:32px;height:32px;z-index:2;background:transparent;color:inherit;padding:7px}
.folder-tree .folder-tree-row>.tree-toggle svg{width:18px;height:18px;color:var(--theme-icon,#668276)}
.folder-tree .folder-tree-row>.tree-toggle:hover{background:var(--theme-tint,#e0ebd2)}
.folder-tree .folder-tree-row>.tree-toggle[aria-expanded=false]::after{content:"";position:absolute;left:7px;right:7px;bottom:3px;border-bottom:2px solid var(--theme-icon,#668276)}
.folder-tree-row.has-children>.folder>svg{opacity:0}
.folder-tree-row:has(>.folder-inline)>.tree-toggle{display:none}

/* Arranque de vistas independientes: sin destellos de login o bandeja. */
#standalone-loading{display:none}
html.standalone-loading #welcome,html.standalone-loading #mail-app{display:none!important}
html.standalone-loading #standalone-loading{display:flex;min-height:100dvh;align-items:center;justify-content:center;gap:10px;background:var(--theme-paper,#fafbf7);color:var(--theme-text,#163e4a)}
#standalone-loading .loading-raw{display:none}
html[data-standalone-loading=raw] #standalone-loading .loading-message{display:none}
html[data-standalone-loading=raw] #standalone-loading .loading-raw{display:inline}
#close-standalone{padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:var(--theme-text,var(--ink));background:var(--theme-surface,transparent)}
body[data-mail-theme] .raw-view{background:var(--theme-content,var(--theme-paper));color:var(--theme-text,var(--ink))}
body[data-mail-theme] .raw-view .raw-source{background:var(--theme-field,var(--theme-surface));color:var(--theme-fieldText,var(--ink));border-color:var(--theme-line,var(--line))}
body[data-mail-theme] .raw-status{color:var(--theme-muted,var(--muted))}
@media print{#standalone-loading{display:none!important}body[data-mail-theme] .raw-view,body[data-mail-theme] .raw-view .raw-source{background:white;color:black}}

.settings-swipe-options{margin-top:18px}
body[data-swipes] .message-row{touch-action:pan-y pinch-zoom}
body[data-swipes] .message-open{user-select:none;-webkit-user-select:none}
.message-row.swiping{overflow:hidden;isolation:isolate}
.message-row.swiping .message-open{transform:translateX(var(--swipe-offset));pointer-events:none}
.message-row.swiping :is(.message-select,.message-star){opacity:0;pointer-events:none}
.swipe-hint{position:absolute;inset-block:0;max-width:85%;padding:10px 14px;display:flex;align-items:center;gap:8px;z-index:3;pointer-events:none;background:var(--theme-surface,#edf3e5);color:var(--theme-text,var(--ink));font-size:13px;box-shadow:0 0 12px #0002}
[data-swipe-direction=left]>.swipe-hint{right:0}
[data-swipe-direction=right]>.swipe-hint{left:0}
.swipe-ready>.swipe-hint{background:var(--theme-selected,#dcebc7)}
/* Nombre limpio al cerrar; las opciones nativas conservan su jerarquía. */
.folder-select{display:grid;grid-template-columns:minmax(0,1fr);position:relative;min-width:0;width:100%}
.folder-select>select,.folder-select-value{grid-area:1 / 1;min-width:0}
.folder-select>select{color:transparent!important;text-shadow:none!important;width:100%}
.folder-select>select option{color:var(--ink);background:white}
.folder-select-value{align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;padding:0 28px 0 12px;color:var(--ink);font:inherit;z-index:1}
.folder-select:has(>select:disabled) .folder-select-value{opacity:.5}
.search>.folder-select{flex:0 1 160px;width:160px;min-width:90px;font-size:13px}
.search>.folder-select>select{width:100%;min-width:0;max-width:none;flex:none}
.search>.folder-select .folder-select-value{padding-left:6px;padding-right:22px}
.advanced-grid .folder-select-value{margin-top:7px}
@media(max-width:650px){.search>.folder-select{flex-basis:100px;width:100px;font-size:12px}}
@media(forced-colors:active){.folder-select-value{color:CanvasText}.folder-select>select{forced-color-adjust:none;background:Canvas;border-color:ButtonText}.folder-select>select option{color:CanvasText;background:Canvas}}
.folder-select>select{appearance:none;padding-right:28px}
.folder-select:after{content:'';position:absolute;right:11px;top:calc(50% - 4px);width:6px;height:6px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);pointer-events:none}
.folder-select[hidden]{display:none}
.advanced-grid .folder-select:after{margin-top:3px}
/* Roles de color compartidos por todas las paletas. Conservar fondos unread/selected. */
body[data-mail-theme]{--ink:var(--theme-text);--muted:var(--theme-muted);color:var(--theme-text)}
body[data-mail-theme] #mail-app .message-sender{color:var(--theme-sender)}
body[data-mail-theme] #mail-app .message-subject{color:var(--theme-subject)}
body[data-mail-theme] #mail-app :is(.message-time,.sender-date){color:var(--theme-date)}
body[data-mail-theme] :is(.message-snippet,.sender-info small,.account-name small,.plain-note,.folder-summary,.list-footer,.settings-help,.nav-label,.reader-position,.compose-hint){color:var(--theme-muted)}
body[data-mail-theme] #mail-app :is(.folder svg,.tree-toggle svg,.icon-button svg,.message-select svg,.message-star svg,.search svg,.reader-empty>svg,.folder-heading .add-folder){color:var(--theme-icon)}
body[data-mail-theme] #mail-app .message-star.starred svg{fill:#ffd43b;color:#b87500}
body[data-mail-theme] :is(.primary,.secondary,#compose,.reply-actions button) svg{color:inherit}
body[data-mail-theme] :is(.list-filters button,.sort-label button,.editor-toolbar button,.show-mail-images){color:var(--theme-text)}
body[data-mail-theme] :is(.list-filters button.active,.sort-label button[aria-pressed=true],.editor-toolbar button[aria-pressed=true]){color:var(--theme-pillText);border-color:var(--theme-line)}
body[data-mail-theme] :is(.mail-dialog,.mail-menu,.recipient-suggestions,.search-results,.attachment){background:var(--theme-content);color:var(--theme-text);border-color:var(--theme-line)}
body[data-mail-theme] :is(.mail-dialog,.settings-view) :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),textarea,select){background:var(--theme-field);color:var(--theme-fieldText);border-color:var(--theme-line)}
body[data-mail-theme] .folder-select-value{color:var(--theme-fieldText)}
body[data-mail-theme] .folder-select>select option{background:var(--theme-field);color:var(--theme-fieldText)}
body[data-mail-theme] .folder-select:after{border-color:var(--theme-fieldText)}
body[data-mail-theme] #main[data-preview="bottom"]>#message-splitter:after{background:var(--theme-line)}
body[data-mail-theme] :is(.message-select:focus-visible,.folder-tree [role=treeitem]:focus-visible,.tree-toggle:focus-visible){outline-color:var(--theme-accent)}
@media(forced-colors:active){body[data-mail-theme] .folder-select-value{color:CanvasText}body[data-mail-theme] .folder-select>select option{color:CanvasText;background:Canvas}body[data-mail-theme] .folder-select:after{border-color:CanvasText}}

/* Visor de adjuntos: aislado del cuerpo del correo y de sus estilos. */
.attachment.attachment-card{padding:0;gap:0;overflow:hidden;align-items:stretch}
.attachment-open{display:flex;align-items:center;gap:10px;padding:12px;min-width:0;text-align:left;font:inherit;color:inherit}
.attachment-open>span{min-width:0;overflow-wrap:anywhere}.attachment-open>svg{flex-shrink:0}
.attachment-download{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;border-left:1px solid var(--line);color:inherit}
/* Mezclar el fondo del panel con su texto conserva el contraste también en temas personalizados. */
body :is(.attachment-open,.attachment-download,.attachment-viewer button,.attachment-viewer .icon-button):is(:hover,:focus-visible):not(:disabled){background:color-mix(in srgb,var(--theme-content,#fff) 92%,var(--theme-text,var(--ink)));color:var(--theme-text,var(--ink))}
.attachment-open:is(:hover,:focus-visible) small{color:inherit}
.attachment-download svg,.attachment-viewer-tools svg{width:20px;height:20px}
body.attachment-viewing{overflow:hidden}
.attachment-viewer{padding:0;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1500px;max-height:none;border:1px solid var(--theme-line,var(--line));border-radius:12px;color:var(--theme-text,var(--ink));background:var(--theme-content,#fff);box-shadow:0 24px 90px #0005;overflow:hidden}
.attachment-viewer[open]{display:flex;flex-direction:column}
.attachment-viewer::backdrop{background:#102631aa}
.attachment-viewer-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--theme-line,var(--line));flex-shrink:0}
.attachment-viewer-header h2{font-size:16px;line-height:1.4;font-weight:600;margin:0;overflow-wrap:anywhere;flex:1;max-height:4.2em;overflow:auto}
.attachment-viewer-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;flex-shrink:0}
.attachment-viewer-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:6px 10px;border:1px solid var(--theme-line,var(--line));border-radius:6px;color:inherit;font-size:14px;background:var(--theme-content,#fff)}
.attachment-viewer-tools button:disabled{opacity:.45;cursor:default}
.attachment-viewer-tools .attachment-zoom-value{min-width:68px;font-variant-numeric:tabular-nums}
.attachment-tools-spacer{flex:1}.attachment-preview-status{margin:0;padding:0 16px 8px;font-size:13px;flex-shrink:0}.attachment-preview-status:empty{display:none}
.attachment-preview-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:none;background:#dce2e7;padding:20px;position:relative}
.attachment-preview-space{position:relative;margin:0 auto;min-width:1px;min-height:1px}
.attachment-preview-content{position:absolute;left:0;top:0;transform-origin:0 0;color:#18222b}
.attachment-preview-content>img{display:block;max-width:none;user-select:none;box-shadow:0 2px 8px #0003}
.attachment-text{box-sizing:border-box;margin:0;background:white;color:#18222b;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;font:15px/1.6 ui-monospace,Consolas,monospace;min-height:100px}
.attachment-pdf-page{display:flex;align-items:center;justify-content:center;background:white;color:#64717a;box-shadow:0 2px 8px #0003;margin:0 auto 16px;overflow:hidden}
.attachment-pdf-page:last-child{margin-bottom:0}.attachment-pdf-page canvas{display:block;width:100%;height:100%}
.attachment-preview-help{margin:0;padding:8px 14px;font-size:12px;flex-shrink:0}
#attachment-print-document{display:none}
@media(max-width:600px){.attachment-viewer{width:100vw;height:100dvh;border:0;border-radius:0}.attachment-viewer-header{padding:8px 10px}.attachment-viewer-tools{gap:4px;padding:6px}.attachment-viewer-tools button{padding:6px 8px}.attachment-tools-spacer{display:none}.attachment-preview-help{font-size:11px}}
@media print{
  body.attachment-printing{height:auto!important;overflow:visible!important;background:white!important;margin:0!important}
  body.attachment-printing>:not(#attachment-print-document){display:none!important}
  body.attachment-printing>#attachment-print-document{display:block!important;color:black;background:white}
  #attachment-print-document img{display:block;max-width:100%;max-height:260mm;width:auto;height:auto;margin:0 auto;object-fit:contain}
  #attachment-print-document .attachment-print-page{break-after:page;break-inside:avoid}
  #attachment-print-document .attachment-print-page:last-child{break-after:auto}
  #attachment-print-document pre{font:10pt/1.4 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
}

/* Vista de un único correo preparada para imprimir. */
.print-mail .reader-toolbar,.print-mail .reply-actions,.print-mail .reader-label{display:none!important}
.print-mail #standalone-heading{display:flex;align-items:center;gap:12px}
.print-mail #print-current-message{display:inline-flex;align-items:center;gap:8px}
.print-mail .reader-scroll{max-width:1000px;margin:0 auto;padding:30px}
.print-mail .reader-attachments{display:block}
.print-mail .attachment-card{display:block;border:0;background:transparent;margin:4px 0}
.print-mail .attachment-open{display:block;padding:0;pointer-events:none}
.print-mail .attachment-download,.print-mail .attachment-open>svg,.print-mail .attachment-open small{display:none}
@media(max-width:600px){.print-mail .reader-scroll{padding:18px}.print-mail .sender-detail{flex-wrap:wrap}.print-mail .sender-info{flex:1 1 calc(100% - 60px)}.print-mail .sender-date{flex-basis:100%;padding-left:53px;text-align:left;white-space:normal}}
@media print{
  .print-mail .reader-scroll{padding:0;max-width:none}
  .print-mail .sender-date{white-space:normal}
  .print-mail .message-body,.print-mail .sender-info{color:#000}
  .print-mail .attachment-card,.print-mail .attachment-open{color:#000!important;background:transparent!important}
}