.gp-mail-button{position:relative;border:0;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:transparent;color:#68748b;cursor:pointer}
.gp-mail-button:hover{background:#edf1f7;color:#263a59}
.gp-mail-badge{position:absolute;right:-3px;top:-2px;min-width:17px;height:17px;border-radius:12px;background:#bc3f4e;color:#fff;font-size:10px;line-height:17px;padding:0 4px;font-weight:700}
.gp-mail-badge[hidden]{display:none}
.gp-mail-dialog{position:relative;width:min(710px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #e4e8f0;border-radius:18px;box-shadow:0 24px 90px #10182730;padding:26px;background:#fff;color:var(--ink,#26334a)}
.gp-mail-dialog::backdrop{background:#11182a70;backdrop-filter:blur(3px)}
.gp-mail-dialog h2{font-size:21px;margin:0 34px 18px 0;overflow-wrap:anywhere}
.gp-mail-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.gp-mail-thread{display:flex;flex-direction:column;gap:7px;text-align:left;width:100%;padding:14px;margin-bottom:8px;background:#fff;border:1px solid #e4e8f0;border-radius:10px;color:inherit;cursor:pointer;font:inherit}
.gp-mail-thread:hover{border-color:#b9c7da;background:#f8faff}
.gp-mail-thread.is-unread{background:#eef5ff;border-color:#cbdcf1}
.gp-mail-thread-head{display:flex;justify-content:space-between;gap:10px;overflow-wrap:anywhere}
.gp-mail-count{background:#bc3f4e;color:#fff;min-width:19px;line-height:19px;text-align:center;border-radius:10px;font-size:11px;padding:0 5px}
.gp-mail-excerpt{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#526078}
.gp-mail-form{display:flex;flex-direction:column;gap:16px}
.gp-mail-form>label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#47546a;font-weight:600}
.gp-mail-form input:not([type="radio"]):not([type="checkbox"]),.gp-mail-form textarea{border:1px solid #dce2ec;border-radius:9px;padding:10px 12px;color:#182337;background:#fff;font:inherit;font-weight:400;max-width:100%;resize:vertical}
.gp-mail-form fieldset{border:1px solid #e1e7ef;border-radius:9px;padding:12px 14px;font-size:13px}
.gp-mail-form legend{padding:0 5px;color:#47546a;font-weight:600}
.gp-mail-check{display:flex;align-items:center;gap:7px;padding:5px 0}
#gp-mail-recipients{display:flex;flex-wrap:wrap;gap:5px 18px;margin:6px 0 0 18px}
#gp-mail-recipients[hidden]{display:none}
.gp-mail-form>button{align-self:flex-start}
.gp-mail-message{background:#f4f6fa;border:1px solid #e5eaf2;padding:14px;border-radius:10px;margin:0 22px 12px 0}
.gp-mail-message.is-own{background:#edf5f2;border-color:#d8e8df;margin:0 0 12px 22px}
.gp-mail-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.gp-mail-message-head span{color:#68748b;font-size:11px}
.gp-mail-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:14px;margin-bottom:0}
.gp-mail-conversation{margin:18px 0}
@media(max-width:500px){.gp-mail-dialog{padding:20px}.gp-mail-message-head{align-items:flex-start;flex-direction:column;gap:3px}.gp-mail-message,.gp-mail-message.is-own{margin:0 0 12px}}