/* Mail.ru places the flag between the correspondent and the subject. */
.message-row{grid-template-columns:34px minmax(145px,24%) 24px minmax(0,1fr) 18px 58px;gap:10px;min-height:42px}
.message-row>.row-select{grid-column:1;grid-row:1}.message-row>.message-open{display:contents}
.message-open>.row-sender{grid-column:2;grid-row:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-row>.row-star{grid-column:3;grid-row:1;justify-self:center;align-self:center;width:24px;height:30px}
.message-open>.row-main{grid-column:4;grid-row:1;text-align:left;min-width:0}
.message-open>.row-attachment{grid-column:5;grid-row:1}.message-open>time{grid-column:6;grid-row:1;text-align:right;white-space:nowrap}
.message-row:has(.message-open:focus-visible){outline:2px solid var(--blue);outline-offset:-2px}.row-quick{right:16px}
@media(min-width:761px){.preview-layout .message-row{grid-template-columns:32px minmax(80px,24%) 24px minmax(0,1fr) 18px 58px}.preview-layout .message-open{display:contents}.preview-layout .message-open time{grid-column:6;grid-row:1}.preview-layout .message-open>.row-sender{grid-column:2;grid-row:1}.preview-layout .message-open>.row-main{grid-column:4;grid-row:1}.preview-layout .message-open>.row-attachment{grid-column:5;grid-row:1}.preview-layout .message-row>.row-star{grid-column:3;grid-row:1}}
.thread-count{display:inline-block;font-size:11px;padding:1px 5px;border-radius:5px;margin-left:7px;background:var(--hover);color:var(--muted);font-weight:400}
.format-toolbar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;padding:6px;background:var(--hover)}
.format-toolbar button{border:0;background:transparent;border-radius:5px;min-width:30px;height:30px;padding:3px 9px;color:var(--ink);cursor:pointer}.format-toolbar button:hover,.format-toolbar button:focus-visible{background:var(--white);outline:1px solid var(--blue)}
.rich-editor{border:1px solid var(--line);border-radius:0 0 8px 8px;min-height:230px;max-height:50vh;overflow:auto;padding:16px;outline:none;font:15px/1.6 Arial,sans-serif;color:var(--ink);background:var(--white);overflow-wrap:anywhere}.rich-editor:focus{border-color:var(--blue)}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-editor p,.rich-editor div{margin:0}.rich-editor blockquote{border-left:3px solid var(--line);padding-left:16px;margin:10px 0}.rich-editor a{color:var(--blue)}
.schedule-fields{display:flex;align-items:end;gap:15px;background:var(--hover);padding:12px;border-radius:8px;margin-top:12px}.schedule-fields[hidden]{display:none}.schedule-fields label{flex:1}.schedule-fields label span{display:block;font-size:12px}
.dialog-actions{flex-wrap:wrap}.dialog-actions>.primary{order:-2}#schedule-toggle{order:-1}.recipient-field{position:relative}.recipient-options{position:absolute;top:100%;left:0;right:0;z-index:5;min-width:240px;max-height:300px;overflow-y:auto;background:var(--white);border:1px solid var(--line);box-shadow:0 8px 24px #0002;border-radius:8px}
.recipient-options button{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;text-align:left;border:0;background:none;color:var(--ink);cursor:pointer}.recipient-options button:hover,.recipient-options button[aria-selected=true]{background:var(--hover)}.recipient-options strong,.recipient-options small{display:block;overflow-wrap:anywhere}.recipient-options small{color:var(--muted);font-size:12px}.recipient-options .avatar{flex-shrink:0}
.feature-links{margin-top:22px}.feature-links button{margin:5px 10px 0 0}.feature-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.rule-item,.scheduled-item{padding:16px 0;border-bottom:1px solid var(--line)}.rule-item:last-child,.scheduled-item:last-child{border-bottom:0}.scheduled-item{display:flex;align-items:center;justify-content:space-between;gap:20px}.scheduled-item p{margin:5px 0;overflow-wrap:anywhere}.vacation-card{max-width:780px}.feature-links h2{margin-bottom:10px}
.thread-history{border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:0 0 20px}.thread-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--hover);font-size:13px}.thread-message{display:grid;grid-template-columns:minmax(100px,24%) minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;width:100%;padding:12px 14px;border:0;border-top:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;font-size:13px}.thread-message>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-message>span:nth-child(2){color:var(--muted)}.thread-message time{font-size:11px;color:var(--muted)}.thread-message:hover,.thread-message.current{background:var(--hover)}.thread-message.current{box-shadow:inset 3px 0 var(--blue)}
@media(max-width:760px){.message-row{grid-template-columns:32px minmax(0,1fr) 24px 58px;grid-template-rows:24px 28px;padding:8px 12px;gap:0 8px;min-height:68px}.message-row>.row-select{grid-column:1;grid-row:1/3}.message-open>.row-sender{grid-column:2;grid-row:1}.message-row>.row-star{grid-column:3;grid-row:1;opacity:1}.message-open>time{grid-column:4;grid-row:1}.message-open>.row-main{grid-column:2/5;grid-row:2}.message-open>.row-attachment{display:none}.row-quick{display:none!important}.message-row:hover .message-open time,.message-row:focus-within .message-open time{visibility:visible}.schedule-fields,.scheduled-item{align-items:stretch;flex-direction:column}.format-toolbar{gap:0}.format-toolbar button{font-size:12px;padding:3px 7px}.rich-editor{min-height:190px;max-height:40vh}.thread-message{grid-template-columns:minmax(0,1fr) auto;gap:6px}.thread-message>span:nth-child(2){grid-column:1/3;grid-row:2}.thread-heading .subtle{display:none}}