/* Mail: folder pane, conversation list and reading pane. Scoped to this screen. */
.workspace main:has(.mail-client){max-width:none;padding:20px 24px}.workspace #view:has(.mail-client){max-width:none}.workspace #view:has(.mail-client) .page-heading{margin-bottom:16px}.mail-client.card{padding:0;overflow:hidden;border-radius:10px;border:1px solid #dce2e9;box-shadow:0 3px 16px #132c4910;font-family:"Segoe UI",sans-serif;background:#fff}.mail-command-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f8fc;border-bottom:1px solid #dce2e9}.mail-command-bar>strong{margin-right:auto;color:#174b7a;font-size:17px}.mail-client button{border-radius:5px;min-height:36px;padding:8px 12px;font-size:13px;margin:0}.mail-client button.primary{background:#0f6cbd;border-color:#0f6cbd;box-shadow:none}.mail-client-layout{display:grid;grid-template-columns:180px minmax(240px,30%) minmax(0,1fr);gap:0;margin:0;min-height:540px;height:calc(100vh - 280px);max-height:1000px}.mail-folders{padding:16px 8px;background:#f5f7fa;border-right:1px solid #e1e5eb;overflow:auto}.mail-folder-caption{font-size:10px;letter-spacing:1px;font-weight:600;margin:6px 12px 14px;color:#647386}.mail-folders>button{display:block;width:100%;border:0;background:transparent;box-shadow:none;text-align:left;margin-bottom:4px;color:#35475b;min-height:40px;padding:10px 12px}.mail-folders>button.active{background:#deecf9;color:#07599e;box-shadow:inset 3px 0 #0f6cbd;font-weight:650}.mail-folders>button:hover{background:#e6edf5}.mail-visibility-help{font-size:12px;color:#657286;margin:24px 10px;line-height:1.55}.mail-visibility-help summary{cursor:pointer}.mail-thread-list{padding:0;border-right:1px solid #e1e5eb;overflow:auto;min-width:0;background:#fff}.mail-list-heading{position:sticky;top:0;background:#fff;border-bottom:1px solid #e1e5eb;padding:18px 16px;z-index:1}.mail-list-heading h2{font-size:17px;letter-spacing:0;margin:0 0 5px}.mail-list-heading small{font-size:11px;color:#6a7685}.mail-thread-button{position:relative;display:flex;flex-direction:column;gap:6px;width:100%;text-align:left!important;border:0;border-bottom:1px solid #edf0f4!important;border-radius:0!important;padding:16px 18px!important;background:#fff!important;box-shadow:none;overflow-wrap:anywhere;white-space:normal}.mail-thread-button strong{font-size:14px;font-weight:450;line-height:1.4}.mail-thread-button span{font-size:12px;color:#5e6d7d}.mail-thread-button small{font-size:11px;color:#6b7888}.mail-thread-button.unread strong{font-weight:650;color:#07599e}.mail-thread-button.unread:before{content:"";position:absolute;left:5px;top:22px;width:5px;height:5px;border-radius:50%;background:#0f6cbd}.mail-thread-button.selected{background:#e8f2fc!important;box-shadow:inset 3px 0 #0f6cbd}.mail-thread-button:hover{background:#f2f6fb!important}.mail-list-empty{padding:32px 20px;line-height:1.6;font-size:13px;color:#4d5f74}.mail-list-empty p{font-size:12px}.mail-list-pager{display:flex;gap:8px;justify-content:center;padding:12px}.mail-thread-detail{min-width:0;padding:24px;overflow:auto;background:#fafbfc}.mail-reading-empty{display:flex;min-height:400px;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#60748a;padding:24px}.mail-empty-icon{font-size:52px;color:#7899bd;font-weight:300}.mail-reading-empty h2{font-size:20px;margin:18px 0 8px}.mail-reading-empty p{font-size:13px;line-height:1.6;max-width:280px}.mail-reading-heading h2{font-size:22px;line-height:1.4;margin:0 0 8px}.mail-reading-heading p{font-size:12px}.mail-thread-detail>details{font-size:13px;margin:16px 0}.mail-thread-detail summary{cursor:pointer;color:#0f609f}.mail-message{padding:22px;background:#fff;border:1px solid #e0e5eb;border-radius:8px;margin:18px 0}.mail-message h3{font-size:15px;margin:0 0 12px}.mail-message p{font-size:12px;margin:7px 0}.mail-message small{font-size:11px;color:#6a7788}.mail-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-family:inherit;font-size:14px;border-top:1px solid #edf0f4;padding-top:20px;margin:18px 0;max-height:none;overflow:visible;color:#263547}.mail-message>a{font-size:12px;color:#0f609f}.mail-attachments{display:flex;gap:8px;flex-wrap:wrap}.mail-attachments a{padding:10px 12px;border:1px solid #dae3ed;border-radius:5px;background:#f7faff;font-size:12px;color:#0b5f9f;overflow-wrap:anywhere;max-width:100%;text-decoration:none}.mail-client :focus-visible{outline:2px solid #0f6cbd;outline-offset:-2px}
@media(max-width:1250px){.mail-client-layout{grid-template-columns:150px minmax(210px,30%) minmax(0,1fr)}.mail-thread-detail{padding:16px}.mail-message{padding:16px}.mail-folders>button{font-size:12px;padding:10px 8px}}
@media(max-width:1050px){.mail-client-layout{grid-template-columns:minmax(210px,38%) minmax(0,1fr);height:auto;min-height:540px}.mail-folders{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #e1e5eb;padding:8px}.mail-folders>button{width:auto;margin:0}.mail-folder-caption,.mail-visibility-help{display:none}.mail-thread-list,.mail-thread-detail{max-height:700px}.mail-reading-empty{min-height:320px}}
@media(max-width:680px){.workspace main:has(.mail-client){padding:16px 10px}.mail-client-layout{grid-template-columns:1fr}.mail-folders{grid-column:1}.mail-thread-list{max-height:320px;border-bottom:1px solid #e1e5eb;border-right:0}.mail-thread-detail{max-height:none}.mail-command-bar{flex-wrap:wrap}.mail-command-bar>strong{width:100%}.mail-reading-empty{min-height:220px;padding:16px}.mail-list-heading{padding:12px 16px}}
.mail-compose textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:240px;padding:14px;border:1px solid #cbd4e1;border-radius:6px;font:14px/1.6 "Segoe UI",sans-serif;background:white;color:#263547}.mail-compose .toolbar{display:flex;gap:10px}.mail-message>button{margin-right:12px}