/* F: controls occupy two 28px targets; attachment evidence lives with preview. */
.mail-app .list .samwoo-mail-row-controls{height:28px;gap:0;flex:0 0 56px;position:relative;margin-top:-4px;align-self:flex-start}
.mail-app .list .samwoo-mail-unread-marker{position:absolute;left:-8px;top:11px}
.mail-app .list .samwoo-mail-row-controls .checkbox,
.mail-app .list .samwoo-mail-row-controls .samwoo-mail-star{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;margin:0;border:0;border-radius:0;background:transparent}
.mail-app .list .samwoo-mail-row-controls .checkbox::before{content:"";position:absolute;width:16px;height:16px;box-sizing:border-box;border:1.5px solid var(--list-check);border-radius:4px}
.mail-app .list .samwoo-mail-row-controls .checkbox.is-on{background:transparent;border:0}
.mail-app .list .samwoo-mail-row-controls .checkbox.is-on::before{background:var(--list-ink);border-color:var(--list-ink)}
.mail-app .list .samwoo-mail-row-controls .checkbox svg{position:relative;width:12px;height:12px;z-index:1}
.mail-app .list .samwoo-mail-row-controls .samwoo-mail-star svg{width:16px;height:16px;fill:none;stroke:currentColor}
.mail-app .list .samwoo-mail-row-controls .samwoo-mail-star[aria-pressed="true"]{color:#f5b400}
.mail-app .list .samwoo-mail-row-controls .samwoo-mail-star[aria-pressed="true"] svg{fill:currentColor;stroke:currentColor}
.mail-app .list .samwoo-mail-row-controls :is(.checkbox,.samwoo-mail-star):focus-visible{outline:2px solid var(--navy);outline-offset:0;border-radius:5px}
.mail-app .list .samwoo-mail-preview-line{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;overflow:hidden}
.mail-app .list .samwoo-mail-attachment-chip{display:inline-flex;align-items:center;gap:3px;box-sizing:border-box;flex:0 0 auto;height:18px;padding:0 6px;border-radius:5px;font-size:11px;font-weight:600;line-height:18px;white-space:nowrap;color:var(--list-secondary);background:var(--list-surface)}
.mail-app .list .samwoo-mail-attachment-chip.is-large{color:var(--navy)}
.mail-app .list .samwoo-mail-attachment-chip svg{display:block;flex:none;width:12px;height:12px}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-preview-line .samwoo-mail-snippet{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .samwoo-mail-row-controls{gap:0;margin-top:-4px}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .mail.samwoo-message-row .samwoo-mail-date{flex:0 0 auto;width:auto}
/* A chip is always visible. The adjacent preview alone can truncate. */
.mail-app .list{container-type:inline-size}
@container (max-width:300px){
 .mail-app .list .mail.samwoo-message-row{padding-left:10px;padding-right:8px;column-gap:6px}
}
/* Keep existing layouts: compact 47px; split reader 81px. */
.mail-app .list .mail.samwoo-message-row{height:47px;min-height:47px;max-height:47px;box-sizing:border-box}
.mail-app .list .samwoo-mail-row-controls{align-self:center;margin-top:0}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-date{flex:0 0 auto;width:auto}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-sender{min-width:0;flex-shrink:1}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-subject{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-subject-text{order:1;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-preview-line{display:contents}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-attachment-chip{order:0}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-snippet{order:2;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-snippet::before{content:" — "}
.mail-app .list .mail.samwoo-message-row .samwoo-mail-subject:has(.samwoo-mail-attachment-chip){min-width:66px}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .mail.samwoo-message-row{height:81px;min-height:81px;max-height:81px;align-items:flex-start}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .samwoo-mail-row-controls{align-self:flex-start;margin-top:-4px}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .mail.samwoo-message-row .samwoo-mail-subject{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .mail.samwoo-message-row .samwoo-mail-subject-text{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .mail.samwoo-message-row .samwoo-mail-preview-line{display:flex;order:2;height:20px;min-height:20px}
.mail-app .list[data-layout="comfortable"]:not(.is-mobile) .mail.samwoo-message-row .samwoo-mail-snippet::before{content:none}
@container (max-width:300px){
 .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row{padding-left:4px;padding-right:4px;column-gap:2px}
 .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row .samwoo-mail-row-text{gap:2px}
 .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row .samwoo-mail-sender{flex-basis:45px;width:45px}
 .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row .samwoo-mail-subject{gap:2px}
}
/* English chip labels are longer; reserve their width before truncating text. */
:root:lang(en) .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row .samwoo-mail-subject:has(.samwoo-mail-attachment-chip){min-width:92px}
@container (max-width:300px){
 :root:lang(en) .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row{padding-left:0;padding-right:0;column-gap:0}
 :root:lang(en) .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row .samwoo-mail-row-text{gap:0}
}
@container (max-width:300px){
 :root:lang(en) .mail-app .list:not([data-layout="comfortable"]) .mail.samwoo-message-row .samwoo-mail-sender{flex:1 1 0;width:0}
}