.shared-mail{padding:30px 34px 36px;overflow:hidden}
.shared-mail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #d9e3df}
.shared-mail-heading h2{margin:5px 0 6px;font-size:2rem}
.shared-mail-heading p{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;color:#527068}
.shared-mail-heading p strong{color:#12382f}
.shared-mail-heading p span{font-size:.9rem}
.shared-mail-heading p span::before{content:'•';margin-right:14px;color:#d4a94e}
.shared-mail-heading>button{min-width:142px}
.shared-mail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
.shared-mail-layout aside{padding:14px;border:1px solid #d7e3de;border-radius:18px;background:#f3f7f5;position:sticky;top:14px}
.shared-mail-layout aside>button{width:100%;margin-bottom:12px}
#shared-mail-folders{display:grid;gap:5px}
#shared-mail-folders button,.shared-mail-list button{border:0;background:transparent;color:#082f2b;text-align:left;box-shadow:none}
#shared-mail-folders button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:9px 11px;border-radius:11px;font-size:.92rem}
#shared-mail-folders button:hover{background:#e3eeea}
#shared-mail-folders button.active{background:#07685d;color:#fff}
.mail-folder-name{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-folder-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:#dfece7;color:#07685d;font-size:.9rem;font-weight:800}
#shared-mail-folders button.active .mail-folder-icon{background:#ffffff22;color:#fff}
#shared-mail-folders button small{color:#789087;font-size:.76rem}
#shared-mail-folders button.active small{color:#d8eee8}
.mail-unread-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#d9eee6;color:#07685d;font-size:.76rem}
#shared-mail-folders button.active .mail-unread-count{background:#fff;color:#07685d}
.shared-mail-main{min-width:0}
.shared-mail-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid #d7e3de;border-radius:16px;background:#f8faf9}
.shared-mail-search input{min-width:0;background:#fff}
.shared-mail-list{margin-top:14px;min-height:310px;border:1px solid #d5e0dc;border-radius:16px;overflow:hidden;background:#fff}
.shared-mail-list>button{display:grid;align-items:center;width:100%;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;padding:15px 17px;border-bottom:1px solid #e0e8e5;border-radius:0;transition:background .15s ease}
.shared-mail-list>button:hover{background:#f3f8f6}
.shared-mail-list>button[draggable=true]{cursor:grab}
.shared-mail-list>button.mail-dragging{opacity:.45}
#shared-mail-folders button.mail-drop-target{background:#d9eee6;color:#073f36;box-shadow:inset 0 0 0 2px #087266}
#shared-mail-empty-trash{display:flex;margin:0 0 12px auto}
#shared-mail-empty-trash[hidden]{display:none}
.shared-mail-list>button.active{background:#e3f1ec;box-shadow:inset 4px 0 #087266}
.shared-mail-list>button:last-child{border-bottom:0}
.shared-mail-list>button.unread{background:#edf8f4}
.shared-mail-list>button.unread strong{font-weight:800}
.mail-status-dot{width:8px;height:8px;border-radius:50%;background:#ccd8d4}
.shared-mail-list>button.unread .mail-status-dot{background:#20b982;box-shadow:0 0 0 4px #d7f2e7}
.mail-message-copy{display:grid;gap:4px;min-width:0}
.mail-message-copy strong,.mail-message-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-message-copy>span{color:#5c746d;font-size:.88rem}
.shared-mail-list time{white-space:nowrap;color:#678079;font-size:.84rem}
.shared-mail-empty{display:grid;place-items:center;align-content:center;min-height:310px;padding:35px;text-align:center;color:#617a72}
.shared-mail-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:18px;background:#e4f0ec;color:#087266;font-size:1.65rem}
.shared-mail-empty strong{color:#173e38;font-size:1.05rem}
.shared-mail-empty p{margin:6px 0 0;font-size:.9rem}
.shared-mail-detail{margin-top:18px;padding:24px;border:1px solid #d5e0dc;border-radius:16px;background:#fff}
.shared-mail-list>.shared-mail-detail{margin:0;border-width:0 0 1px;border-radius:0;background:#f8fbfa;box-shadow:inset 4px 0 #087266}
.shared-mail-detail h3{font-size:1.4rem}
.shared-mail-detail-actions{display:flex;flex-wrap:wrap;gap:8px}
.shared-mail-body{margin:20px 0;padding-top:18px;border-top:1px solid #d5e0dc;line-height:1.65;white-space:normal}
.shared-mail-attachments{display:flex;flex-wrap:wrap;gap:8px}
.shared-mail-attachments a{padding:8px 12px;border-radius:20px;background:#e5f0ec}
.shared-mail dialog{width:min(650px,calc(100% - 30px));max-height:calc(100vh - 30px);padding:28px;border:0;border-radius:22px;box-shadow:0 24px 70px #001d1766}
.shared-mail dialog::backdrop{background:#042925bb;backdrop-filter:blur(4px)}
.shared-mail dialog form{display:grid;gap:15px}
.shared-mail dialog label{display:grid;gap:7px;font-weight:700}
.shared-mail dialog label small{font-weight:400;color:#617a72}
.shared-mail-signature-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-4px;padding:11px 13px;border:1px solid #cfe0da;border-radius:12px;background:#edf6f2;color:#315b52;font-size:.86rem}
.shared-mail-signature-help strong{color:#07685d}
.shared-mail dialog textarea{resize:vertical;min-height:180px}
.shared-mail dialog select{width:100%;background:#fff}
.shared-mail-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.dialog-close{justify-self:end;background:transparent;color:#082f2b;box-shadow:none}
@media(max-width:900px){.shared-mail{padding:24px}.shared-mail-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.shared-mail-list>button{grid-template-columns:8px minmax(0,1fr)}.shared-mail-list time{grid-column:2}}
@media(max-width:700px){.shared-mail{padding:20px 16px}.shared-mail-heading{align-items:stretch;flex-direction:column}.shared-mail-heading>button{width:100%}.shared-mail-heading p{align-items:flex-start;flex-direction:column;gap:3px}.shared-mail-heading p span::before{display:none}.shared-mail-layout{grid-template-columns:1fr}.shared-mail-layout aside{position:static}.shared-mail-search{grid-template-columns:1fr}.shared-mail-search button{width:100%}.shared-mail-list{min-height:240px}.shared-mail-empty{min-height:240px}.shared-mail-detail{padding:18px}}