.email-archive-toolbar,.email-archive-pages{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0}
.email-archive-toolbar form{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}
.email-archive-toolbar input{min-width:180px;max-width:390px;flex:1}
.email-archive-table-wrap{overflow:auto;border:1px solid rgba(185,138,74,.22);border-radius:14px;background:rgba(255,253,249,.8)}
.email-archive-table{width:100%;border-collapse:collapse;min-width:760px;text-align:left;font-size:13px}
.email-archive-table th{padding:14px 16px;background:rgba(185,138,74,.09);color:#79572f;font-size:11px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.email-archive-table td{padding:16px;border-top:1px solid rgba(185,138,74,.13);vertical-align:middle;overflow-wrap:anywhere;max-width:340px}
.email-archive-table tr:hover{background:rgba(185,138,74,.035)}
.email-archive-table th:last-child,.email-archive-table td:last-child{min-width:120px;width:120px;max-width:none}
.email-archive-table td:last-child .btn{white-space:nowrap;width:auto;min-width:98px}
.email-archive-muted{display:block;margin-top:5px;color:#84786a;font-size:12px}
.email-archive-empty{text-align:center;padding:32px!important;color:#84786a}
.email-archive-badge{display:inline-block;padding:5px 9px;border-radius:30px;font-size:11px;white-space:nowrap;font-weight:700}
.email-archive-badge.is-sent{background:#e8f2e6;color:#41673a}.email-archive-badge.is-review{background:#fff0d9;color:#8a5a1a}
.email-archive-modal-open{overflow:hidden}
.email-archive-modal[hidden]{display:none!important}
.email-archive-modal{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:24px}
.email-archive-backdrop{position:absolute;inset:0;background:rgba(36,31,26,.52);backdrop-filter:blur(6px)}
.email-archive-dialog{position:relative;width:min(100%,1000px);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid rgba(185,138,74,.36);border-radius:24px;background:#fcf9f4;box-shadow:0 26px 90px rgba(36,31,26,.25);color:#3d3024}
.email-archive-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid rgba(185,138,74,.2);background:linear-gradient(120deg,#f7eee1,#fffdf9)}
.email-archive-head p{margin:0 0 7px;color:#a77739;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.email-archive-head{position:sticky;top:0;z-index:1}
.email-archive-head h2{margin:0;font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.email-archive-close{border:1px solid rgba(185,138,74,.25);background:#fffaf3;border-radius:12px;min-width:38px;min-height:38px;cursor:pointer;color:#79572f;font-size:23px}
.email-archive-content{padding:24px 28px}
.email-archive-metadata{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0 0 20px}
.email-archive-metadata div{min-width:0}.email-archive-metadata dt{font-size:10px;color:#9a794f;text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:5px}
.email-archive-metadata dd{margin:0;font-size:13px;overflow-wrap:anywhere}
.email-archive-state{padding:10px 14px;border:1px solid rgba(185,138,74,.2);border-radius:10px;background:#f5ecdf;font-size:12px;margin:0 0 20px}
.email-archive-frame{display:block;width:100%;height:400px;border:1px solid rgba(185,138,74,.19);border-radius:14px;background:#fff}
.email-archive-content h3{font-size:14px;margin:22px 0 12px}
.email-archive-file{display:flex;gap:12px;align-items:center;text-decoration:none;color:#5d452a;border:1px solid rgba(185,138,74,.23);border-radius:12px;background:#fffdf9;padding:12px 14px;margin:8px 0;overflow-wrap:anywhere}
.email-archive-file>span:nth-child(2){flex:1;min-width:0}.email-archive-file>span:last-child{font-size:11px;color:#a77739}.email-archive-file small{display:block;color:#958674;font-size:11px;margin-top:4px}
.email-archive-content details{margin-top:16px}.email-archive-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 inherit}
.email-archive-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px;margin-top:20px;border-top:1px solid rgba(185,138,74,.2)}
html[data-theme="dark"] .email-archive-dialog,html[data-theme="dark"] .email-archive-table-wrap{background:#2b2622;color:#e9e1d7;border-color:#5c4d40;color-scheme:dark}
html[data-theme="dark"] .email-archive-head{background:linear-gradient(120deg,#3d3228,#2b2622)}
html[data-theme="dark"] .email-archive-head h2{color:#f3ede4}
html[data-theme="dark"] .email-archive-table th,html[data-theme="dark"] .email-archive-state,html[data-theme="dark"] .email-archive-close{background:#3a3129;color:#e6c99e;border-color:#5c4d40}
html[data-theme="dark"] .email-archive-muted{color:#bdb3a7}
html[data-theme="dark"] .email-archive-file{background:#302a25;color:#eee0cc;border-color:#5c4d40}
html[data-theme="dark"] .email-archive-metadata dt,html[data-theme="dark"] .email-archive-head p{color:#d2ab78}
@media(max-width:640px){.email-archive-modal{padding:8px}.email-archive-dialog{max-height:calc(100dvh - 16px);border-radius:16px}.email-archive-head,.email-archive-content{padding:18px}.email-archive-head h2{font-size:18px}.email-archive-metadata{grid-template-columns:1fr}.email-archive-frame{height:340px}}