.work-mail-page{display:grid;grid-gap:16px;gap:16px;min-width:0}.work-mail-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between}.work-mail-heading span{color:#087f78;font-size:12px;font-weight:850;letter-spacing:.16em}.work-mail-heading h1{font-size:30px;margin:5px 0}.work-mail-heading p{color:#667085;margin:0}.work-mail-heading-actions{display:flex;gap:8px}.work-mail-toolbar{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(240px,1fr) minmax(340px,2fr) auto minmax(180px,auto);padding:14px 18px}.work-mail-toolbar label{font-size:12px;margin:0}.work-mail-toolbar form{align-items:end;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto}.work-mail-toolbar form label{margin:0}.work-mail-sync{display:grid;font-size:11px;grid-gap:2px;gap:2px}.work-mail-sync span{color:#667085}.work-mail-error,.work-mail-warning{border-radius:9px;margin:0;padding:11px 14px}.work-mail-error{background:#fff0ee;border:1px solid #efb5ae;color:#a42820}.work-mail-warning{background:#fff8e7;border:1px solid #eacb82;color:#76520b}.work-mail-success{background:#ebfaf3;border:1px solid #9edcbd;border-radius:9px;color:#08745b;margin:0;padding:11px 14px}.work-mail-empty{padding:40px;text-align:center}.work-mail-empty b{font-size:20px}.work-mail-empty p{color:#667085;margin:10px auto 20px;max-width:650px}.work-mail-layout{display:grid;grid-gap:12px;gap:12px;grid-template-columns:190px minmax(280px,360px) minmax(420px,1fr);min-height:620px}.work-mail-folders,.work-mail-list,.work-mail-reader{min-width:0;padding:0;overflow:hidden}.work-mail-folders h2,.work-mail-list>header,.work-mail-reader>header{border-bottom:1px solid #e6eaf0;margin:0;padding:16px}.work-mail-folders h2,.work-mail-list h2,.work-mail-reader h2{font-size:16px;margin:0}.work-mail-folders button{background:none;border:0;border-left:3px solid transparent;color:#344054;cursor:pointer;display:grid;font:inherit;padding:11px 14px;text-align:left;width:100%}.work-mail-folders button.active,.work-mail-folders button:hover{background:#eef6ff;border-left-color:#1d5bbf;color:#164e9e}.work-mail-folders small{color:#79869a;font-size:10px;margin-top:2px}.work-mail-list{display:flex;flex-direction:column}.work-mail-list>header{align-items:center;display:flex;justify-content:space-between}.work-mail-list>header span{color:#667085;font-size:11px}.work-mail-list>button{background:#fff;border:0;border-bottom:1px solid #edf0f4;cursor:pointer;display:grid;grid-gap:3px;gap:3px;padding:12px 14px;position:relative;text-align:left}.work-mail-list>button.selected,.work-mail-list>button:hover{background:#f1f6ff}.work-mail-list>button.unread{border-left:4px solid #1d5bbf}.work-mail-list>button.unread .work-mail-sender,.work-mail-list>button.unread b{font-weight:850}.work-mail-list>button span{color:#667085;font-size:12px}.work-mail-list>button b,.work-mail-list>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-mail-list time{color:#8995a8;font-size:10px}.work-mail-list i{position:absolute;right:12px;top:10px}.work-mail-list-state{color:#667085;padding:32px 16px;text-align:center}.work-mail-list>footer{display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding:12px}.work-mail-reader{display:flex;flex-direction:column}.work-mail-reader>header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.work-mail-reader>header p{color:#667085;font-size:12px;margin:5px 0}.work-mail-reader>header time{color:#79869a;font-size:11px}.work-mail-stale{background:#fff1c8;border-radius:99px;color:#76520b;font-size:10px;font-weight:800;padding:5px 8px}.work-mail-reader-actions{align-items:center;border-bottom:1px solid #e6eaf0;display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px}.work-mail-reader-actions button,.work-mail-reader-actions select{background:#edf2fa;border:0;border-radius:7px;color:#253552;cursor:pointer;font:inherit;font-size:12px;font-weight:700;margin:0;padding:8px;width:auto}.work-mail-reader-actions button.danger{background:#fff0ee;color:#b42318}.work-mail-reader iframe{border:0;flex:1 1;min-height:420px;width:100%}.work-mail-reader-empty{display:grid;margin:auto;padding:40px;text-align:center}.work-mail-reader-empty b{font-size:20px}.work-mail-reader-empty p{color:#667085}.work-mail-attachments{border-bottom:1px solid #e6eaf0;display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.work-mail-attachments>a{background:#eef5ff;border-radius:7px;color:#164e9e;font-size:11px;padding:7px 9px}.work-mail-attachments small{color:#667085}.work-mail-compose{display:grid;grid-gap:9px;gap:9px;padding:16px}.work-mail-compose>header{align-items:flex-start;border-bottom:1px solid #e6eaf0;display:flex;justify-content:space-between;margin:-16px -16px 0;padding:16px}.work-mail-compose>header span{color:#087f78;font-size:10px;font-weight:850;letter-spacing:.12em}.work-mail-compose>header p{color:#667085;font-size:11px;margin:5px 0 0}.work-mail-compose>header>button{background:none;border:0;color:#667085;cursor:pointer;font-size:28px}.work-mail-compose label{font-size:12px;margin:0}.work-mail-compose-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.work-mail-draft-attachments{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.work-mail-draft-attachments label{cursor:pointer}.work-mail-draft-attachments span{background:#eef5ff;border-radius:7px;color:#164e9e;font-size:10px;padding:6px}.work-mail-compose>footer{align-items:center;border-top:1px solid #e6eaf0;display:flex;justify-content:space-between;padding-top:12px}.work-mail-compose>footer span{color:#667085;font-size:11px}.work-mail-connection{align-items:center;display:flex;gap:20px;justify-content:space-between}.work-mail-connection h2{margin:8px 0 3px}.work-mail-connection p{color:#667085;margin:0}.work-mail-connection-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.work-mail-state{background:#edf2fa;border-radius:99px;color:#475467;font-size:10px;font-weight:850;padding:5px 8px}.work-mail-state.state-connected{background:#e9f8f1;color:#08745b}.work-mail-state.state-paused,.work-mail-state.state-pending_confirmation{background:#fff4da;color:#805400}.work-mail-state.state-revoked{background:#fff0ee;color:#b42318}.work-mail-preference-picker{align-items:end;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(300px,1fr) 2fr}.work-mail-preference-picker label{margin:0}.work-mail-preference-picker dl{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,auto);margin:0}.work-mail-preference-picker dt{color:#667085}.work-mail-preference-picker dd{font-weight:700;margin:0}.work-mail-preferences-form{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.2fr 1fr}.work-mail-preferences-form h2{font-size:18px;margin:4px 0}.work-mail-preferences-form p{color:#667085}.work-mail-preferences-form label small{color:#667085;display:block;font-weight:400;line-height:1.4;margin-top:5px}.work-mail-check{align-items:flex-start;display:flex;gap:8px;font-weight:600}.work-mail-check input{margin:2px 0 0;width:auto}.work-mail-preferences-form>footer{align-items:flex-end;display:flex;grid-column:1/-1;justify-content:flex-end}@media(max-width:1150px){.work-mail-layout{grid-template-columns:160px minmax(260px,340px) minmax(380px,1fr)}.work-mail-toolbar{grid-template-columns:1fr 2fr auto}.work-mail-sync{grid-column:1/-1}}@media(max-width:900px){.work-mail-heading{align-items:flex-start;flex-direction:column}.work-mail-layout,.work-mail-toolbar,.work-mail-toolbar form{grid-template-columns:1fr}.work-mail-folders{display:flex;overflow-x:auto}.work-mail-folders h2{display:none}.work-mail-folders button{border-bottom:3px solid transparent;border-left:0;min-width:max-content}.work-mail-folders button.active{border-bottom-color:#1d5bbf;border-left:0}.work-mail-list{min-height:360px}.work-mail-reader{min-height:540px}.work-mail-connection{align-items:flex-start;flex-direction:column}.work-mail-connection-actions{justify-content:flex-start}.work-mail-preference-picker,.work-mail-preferences-form{grid-template-columns:1fr}.work-mail-preference-picker dl{grid-template-columns:auto 1fr}}