/* A contained inbox, with independently scrolling list and reading pane. */
body[data-page="mail"] .dashboard-content{max-width:none;padding:24px 28px;display:block}
.mail-workspace{height:calc(100dvh - 144px);min-height:480px;display:flex;flex-direction:column;background:#fff;border:1px solid #e2ded5;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #28211308}
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e8e4dc;background:#fcfbf8}.mail-account{min-width:0}.mail-account label{display:block;color:#81796a;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 6px}.mail-account select{max-width:100%;border:0;background:transparent;padding:0 22px 0 0;color:#27241e;font:inherit;font-size:15px;font-weight:600;min-height:28px}.mail-toolbar-actions{display:flex;gap:8px;flex-shrink:0}
.mail-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #e1dcd1;border-radius:9px;background:#fff;padding:9px 14px;color:#514b40;font:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}.mail-button:hover{background:#f4f0e7;border-color:#baa372}.mail-primary{background:#24231f;color:#fff;border-color:#24231f;box-shadow:0 3px 8px #24231f15}.mail-primary:hover{background:#433a28;color:#fff}.mail-button:disabled{opacity:.55;cursor:wait}.mail-workspace button:focus-visible,.mail-dialog button:focus-visible,.mail-workspace select:focus-visible{outline:2px solid #9d7a36;outline-offset:3px}.mail-panes{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:0;flex:1}.mail-inbox{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e8e4dc}.mail-inbox-head{padding:20px 18px 0}.mail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.mail-heading h2{display:flex;align-items:center;gap:9px;font-size:18px;letter-spacing:-.04em;margin:0}.mail-count{font-size:11px;padding:4px 7px;background:#eee9dd;color:#796031;border-radius:6px;letter-spacing:0}.mail-refresh{font-size:23px;min-height:34px;width:34px;padding:0;border-color:transparent;background:transparent}.mail-inbox-head input{min-height:40px;border-radius:8px;background:#f6f5f2;border-color:#eeebe5;font-size:12px;padding:0 11px}.mail-filters{display:flex;gap:20px;margin-top:13px}.mail-filters button{position:relative;border:0;padding:12px 0;background:transparent;color:#858074;font-size:12px;font-weight:600;cursor:pointer}.mail-filters button[aria-pressed="true"]{color:#7c6029}.mail-filters button[aria-pressed="true"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#b18d45}.mail-filters span{margin-left:4px;font-size:10px}.mail-list{overflow:auto;min-height:0;flex:1;border-top:1px solid #ebe7df;overscroll-behavior:contain}.mail-item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;width:100%;text-align:left;padding:20px 18px;border:0;border-bottom:1px solid #eeeae3;background:#fff;cursor:pointer;color:#666155}.mail-item:hover{background:#faf8f4}.mail-item.is-selected{background:#f4efe3;box-shadow:inset 3px 0 #ac863c}.mail-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eeece7;color:#787061;font-size:11px;font-weight:700;flex-shrink:0}.mail-item.unread .mail-avatar{background:#ece3cf;color:#886b32}.mail-item-content{min-width:0}.mail-item-top{display:flex;gap:8px;align-items:center;margin:1px 0 7px}.mail-item-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500}.mail-item time{font-size:10px;color:#898174;white-space:nowrap}.mail-item-subject{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.mail-item.unread .mail-item-top strong,.mail-item.unread .mail-item-subject{font-weight:750;color:#28251f}.mail-item.unread:after{content:"";position:absolute;right:18px;bottom:12px;width:5px;height:5px;border-radius:50%;background:#a17c34}.mail-list-footer{padding:12px 18px;background:#fcfbf9;border-top:1px solid #eae6de;font-size:10px;color:#8b8376}.mail-reader{min-width:0;overflow:auto;background:#fff;overscroll-behavior:contain}.mail-reader-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 28px;border-bottom:1px solid #eeeae3}.mail-reader-actions>div{display:flex;gap:8px}.mail-reader-actions .mail-danger{color:#9b554a}.mail-message{max-width:900px;margin:auto;padding:36px 42px}.mail-message h2{font-size:clamp(21px,2vw,29px);letter-spacing:-.035em;line-height:1.3;margin:0 0 26px;overflow-wrap:anywhere}.mail-sender{display:flex;gap:12px;align-items:center;padding-bottom:25px;border-bottom:1px solid #eeeae3}.mail-sender>div{min-width:0}.mail-sender strong{font-size:13px;overflow-wrap:anywhere}.mail-sender p{font-size:11px;color:#8a8275;margin:6px 0 0;overflow-wrap:anywhere}.mail-message .mail-body{font:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:28px 0;color:#48443b;background:transparent;padding:0;border:0;max-height:none}.mail-message .mail-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.mail-empty{padding:40px 22px;text-align:center;color:#898174;font-size:13px;line-height:1.7}.mail-reader-empty{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#faf8f2,white 65%)}.mail-empty-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #e5ddcc;border-radius:24px;background:#f7f3e9;color:#a3864d;font-size:32px;margin-bottom:24px;box-shadow:0 10px 25px #45381308}.mail-reader-empty h2{font-size:23px;line-height:1.3;letter-spacing:-.035em;color:#3e382d;font-weight:550;margin:10px 0}.mail-reader-empty p{margin:6px 0}.mail-status{padding:10px 24px;font-size:12px;color:#79602b;background:#fbf6e9;border-bottom:1px solid #e8dfcb}.mail-back{display:none}
.mail-dialog{width:min(700px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid #ded7c9;border-radius:18px;box-shadow:0 35px 100px #19160f40;color:#302b22}.mail-dialog::backdrop{background:#211e1866;backdrop-filter:blur(5px)}.mail-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;background:#f9f7f2;border-bottom:1px solid #e7e1d5}.mail-dialog-head h2{font-size:21px;letter-spacing:-.035em;margin:0}.mail-dialog form{display:block}.mail-from{padding:15px 28px;font-size:12px;color:#8a8071}.mail-from strong{color:#534b3e;margin-left:17px}.mail-compose-field{display:flex;align-items:center;margin:0 28px;border-bottom:1px solid #eee9df}.mail-compose-field label{width:54px;flex-shrink:0;margin:0;color:#8a8071;font-size:12px}.mail-compose-field input{border:0;border-radius:0;box-shadow:none;font-size:13px;padding:0;min-width:0}.mail-compose-field:focus-within{border-color:#a88435}.mail-dialog textarea{font:inherit;font-size:14px;line-height:1.7;width:100%;border:1px solid #ded7c9;border-radius:8px;padding:12px;resize:vertical}.mail-dialog #mail-body-input{display:block;border:0;min-height:220px;padding:24px 28px;outline-offset:-4px;resize:vertical}.mail-compose-footer{padding:16px 28px 22px;border-top:1px solid #eee9df;background:#fcfbf8}.mail-compose-footer label{font-size:11px}.mail-compose-footer label span{color:#8a8071;font-weight:400}.mail-compose-footer input{min-height:32px;padding:6px 0;border:0;background:transparent;font-size:11px;border-radius:0}.mail-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.mail-compose-actions>span{font-size:10px;color:#8a8071;max-width:210px}.mail-signature-dialog{max-width:520px}.mail-signature-dialog form{display:grid;padding:24px;gap:10px}.mail-check{display:flex;align-items:center;gap:10px}.mail-check input{width:16px;min-height:16px;accent-color:#917035}.mail-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){.mail-panes{grid-template-columns:400px minmax(0,1fr)}}
@media(max-width:1100px){body[data-page="mail"] .dashboard-content{padding:18px}.mail-panes{grid-template-columns:300px minmax(0,1fr)}.mail-message{padding:26px}.mail-reader-actions{padding:15px}.mail-toolbar{padding:16px}.mail-workspace{height:calc(100dvh - 132px)}}
@media(max-width:760px){body[data-page="mail"] .dashboard-content{padding:10px}.mail-workspace{height:calc(100dvh - 104px);min-height:420px;border-radius:13px}.mail-toolbar{flex-wrap:wrap;gap:12px;padding:14px}.mail-account{width:100%}.mail-toolbar-actions{width:100%;justify-content:space-between}.mail-panes{display:block;position:relative;overflow:hidden}.mail-inbox{height:100%;border:0}.mail-reader{display:none;height:100%}.mail-workspace.is-reading .mail-inbox{display:none}.mail-workspace.is-reading .mail-reader{display:block}.mail-back{display:inline-flex}.mail-reader-actions{padding:12px;flex-wrap:wrap}.mail-reader-actions .mail-button{font-size:11px;padding:8px 10px}.mail-message{padding:25px 20px}.mail-dialog-head{padding:20px}.mail-compose-actions{align-items:flex-start;flex-direction:column;gap:10px}.mail-compose-actions .mail-primary{width:100%}.mail-compose-field{margin:0 20px}.mail-dialog #mail-body-input{padding:20px}.mail-compose-footer{padding:16px 20px}.mail-from{padding:14px 20px}.mail-dialog{max-height:94dvh}}
.mail-signature-image{padding:16px;border:1px dashed #d8cdb6;border-radius:12px;background:#fcfaf6}.mail-signature-image p{font-size:12px;color:#81796a;line-height:1.5;margin:7px 0 12px}.mail-signature-image input[type=file]{min-height:40px;padding:8px;font-size:12px;max-width:100%}.mail-signature-image input::file-selector-button{border:1px solid #d8cdb6;border-radius:6px;padding:6px 10px;background:#fff;color:#514b40;cursor:pointer}.mail-signature-image #mail-signature-preview:not([hidden]){display:grid;gap:12px;margin-top:16px}.mail-signature-image img{display:block;max-width:100%;width:auto;max-height:160px;object-fit:contain;object-position:left;background:#fff}.mail-signature-image button{justify-self:start}.mail-signature-dialog input,.mail-signature-dialog textarea{min-width:0}
/* Folder navigation and selection stay within the existing mail workspace. */
.mail-panes{grid-template-columns:180px 330px minmax(0,1fr)}.mail-folder-rail{background:#faf9f6;border-right:1px solid #e8e4dc;overflow:auto;padding:18px 10px}.mail-folder-heading{display:flex;align-items:center;justify-content:space-between;margin:0 6px 14px;color:#8b8273;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mail-folder-heading button{min-height:30px;width:30px;padding:0;font-size:19px;background:transparent;border:0}.mail-folder-loading{font-size:12px;color:#81796a}.mail-folder{display:flex;align-items:center;gap:9px;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#746b5d;text-align:left;cursor:pointer;margin-bottom:4px;min-width:0}.mail-folder>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mail-folder-icon{font-size:16px;width:19px;text-align:center;color:#9b8a6a}.mail-folder small{font-size:10px;color:#938671}.mail-folder:hover,.mail-folder.is-drop-target{background:#eee7d7;border-color:#c3aa77}.mail-folder[aria-current=true]{background:#ece5d5;color:#6d5222;font-weight:700}.mail-folder-rail p{font-size:10px;color:#998d7b;padding:6px;line-height:1.5}.mail-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 18px;border-top:1px solid #ece7dd}.mail-selection-toolbar label{display:flex;align-items:center;gap:8px;font-size:10px;color:#8b8273;font-weight:500;margin:0}.mail-selection-toolbar input,.mail-select{width:15px;min-height:15px;height:15px;accent-color:#9a7736;padding:0;border-radius:3px;box-shadow:none}.mail-selection-toolbar>span{font-size:10px;color:#8b6820}.mail-list-entry{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;border-bottom:1px solid #eeeae3}.mail-list-entry .mail-select{margin:0 0 0 13px;z-index:1}.mail-list-entry .mail-item{border:0;padding-left:10px;grid-template-columns:30px minmax(0,1fr);gap:10px}.mail-list-entry .mail-avatar{width:30px;height:30px;border-radius:10px}.mail-list-entry:has(input:checked){background:#f4efe3}.mail-list-entry:has(input:checked) .mail-item{background:transparent}.mail-bulk-actions:not([hidden]){display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;background:#f5f0e5;border-top:1px solid #e8dfca}.mail-bulk-actions select{width:100%;min-height:34px;border:1px solid #dcd3c2;border-radius:7px;background:white;font:inherit;font-size:12px;padding:5px}.mail-bulk-actions button{min-height:32px;padding:5px 9px;font-size:10px}.mail-list-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-list-footer>div{display:flex;gap:4px}.mail-list-footer button{padding:0;min-height:28px;width:28px}.mail-reader-actions>div{flex-wrap:wrap}.mail-reader-actions select{max-width:160px;border:1px solid #e1dcd1;border-radius:8px;padding:8px;background:#fff;color:#514b40;font:inherit;font-size:12px}.mail-compose-actions{flex-wrap:wrap;gap:10px}.mail-compose-actions>span{flex-basis:100%;max-width:none}.mail-compose-actions .mail-primary{margin-left:auto}.mail-list-entry[draggable=true]{cursor:grab}.mail-list-entry[draggable=true]:active{cursor:grabbing}
@media(min-width:1700px){.mail-panes{grid-template-columns:190px 380px minmax(0,1fr)}}
@media(max-width:1200px){.mail-panes{grid-template-columns:145px 290px minmax(0,1fr)}.mail-message{padding:25px 20px}.mail-folder-rail{padding:16px 6px}.mail-reader-actions{align-items:flex-start}.mail-reader-actions>div{gap:5px}.mail-reader-actions .mail-button{padding:8px;font-size:11px}}
@media(max-width:1000px){.mail-panes{grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.mail-folder-rail{grid-column:1/-1;display:flex;align-items:center;padding:8px 12px;border-right:0;border-bottom:1px solid #e8e4dc;gap:10px;overflow:auto}.mail-folder-heading{margin:0;flex-shrink:0}.mail-folder-heading>span,.mail-folder-rail p{display:none}#mail-folders{display:flex;gap:5px}.mail-folder{width:auto;flex-shrink:0;padding:8px 10px;margin:0}.mail-folder>span:nth-child(2){overflow:visible}.mail-folder small{margin-left:4px}}
@media(max-width:760px){.mail-panes{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.mail-inbox,.mail-reader{grid-row:2;min-height:0}.mail-folder-rail{grid-row:1}.mail-workspace.is-reading .mail-reader{display:block}.mail-compose-actions .mail-primary{margin-left:0}.mail-reader-actions>div{width:100%}.mail-reader-actions select{flex:1;max-width:none}.mail-selection-toolbar{padding:9px 14px}.mail-message .mail-body{font-size:13px}.mail-message h2{font-size:22px}}