/* Dmail workspace: original styling, built around a familiar webmail layout. */
:root{--shadow-s:0 2px 5px #20203005;--shadow:0 18px 60px #22223620;--radius:10px;--radius-s:7px;--font:Arial,"Helvetica Neue",sans-serif}
[data-theme="pearl"]{--hdr1:#f7f6f3;--hdr2:#f7f6f3;--accent:#6654c0;--accent-ink:#fff;--scenic:#f7f6f3}
html[data-brightness="light"] body{--surface:#fff;--surface-2:#f7f6f3;--surface-3:#f1f0ed;--ink:#292a32;--ink-2:#6c6c77;--ink-3:#777781;--line:#ecebee;--hover:#f8f7fc;--active:color-mix(in srgb,var(--accent) 10%,#fff);background:var(--surface-2)}
html[data-brightness="medium"] body{--surface:#323442;--surface-2:#292b38;--surface-3:#414453;--ink:#f5f4fa;--ink-2:#d0cfdb;--ink-3:#b4b3c3;--line:#ffffff16;--hover:#ffffff08;--active:#ffffff15}
html[data-brightness="dark"] body{--surface:#20212a;--surface-2:#17181f;--surface-3:#2d2e39;--ink:#f6f5fa;--ink-2:#c0bfcc;--ink-3:#a2a1b4;--line:#ffffff12;--hover:#ffffff07;--active:#ffffff15}
body{background:var(--surface-2);font-size:14px}button,input,select,textarea{font:inherit}button{transition:background .15s,color .15s,box-shadow .15s}button:disabled{opacity:.4;cursor:default}input[type="checkbox"]{accent-color:var(--accent);width:15px;height:15px;flex-shrink:0}.ui-icon{display:inline-block;vertical-align:middle;width:19px;height:19px;flex-shrink:0}.icon-btn{border-radius:7px}.icon-btn:hover{background:var(--hover)}
#app{backdrop-filter:none}#topbar{height:94px;padding:18px 30px 18px 28px;gap:26px;background:var(--surface-2);color:var(--ink);box-shadow:none;flex-shrink:0}.brand{width:196px;flex-shrink:0}.brand-mark{display:none}.brand-mark[data-logo-applied]{display:block}.brand-name{font-size:39px;letter-spacing:-2.5px;font-weight:800;line-height:1}.brand-dot{color:var(--accent)}
.search-wrap{height:47px;max-width:730px;margin:0;padding:0 5px 0 19px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 2px 3px #25203002;gap:12px}.search-wrap:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}#global-search{min-width:0;padding:10px 0;color:var(--ink);font-size:13px}#global-search::placeholder{color:var(--ink-3)}#adv-search-btn{font-size:11px;color:var(--ink-2);white-space:nowrap;padding:6px}.search-submit{display:flex;align-items:center;justify-content:center;width:37px;height:35px;background:var(--accent);color:var(--accent-ink);border-radius:7px;flex-shrink:0}.search-submit .ui-icon{width:17px;height:17px}.top-actions{gap:10px}.top-actions .icon-btn{color:var(--ink-2)}.top-actions .icon-btn:hover{background:var(--surface-3)}.settings-link{height:34px;width:34px;border-radius:7px;color:var(--ink-2)}.settings-link:hover{background:var(--surface-3)}#shortcuts-btn{display:none}.account-label{font-size:12px;margin-left:8px}.avatar{height:36px;width:36px;background:#e7dfd4;border:3px solid var(--surface);color:#66594d;font-size:12px}.avatar:hover{background:#dcd1c2}
#shell{padding-right:20px;padding-bottom:20px;gap:0}#sidebar{width:250px;border:0;padding:13px 20px 8px;background:var(--surface-2);gap:0}.compose-btn{display:flex;align-items:center;justify-content:center;gap:13px;padding:13px 16px;border-radius:9px;margin:0 2px 22px;background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 9px color-mix(in srgb,var(--accent) 12%,transparent);font-size:14px;font-weight:600;min-height:47px}.compose-btn:hover{transform:none;filter:brightness(1.05)}.compose-btn .ui-icon{width:17px;height:17px}#main-nav{gap:3px}.nav-item{position:relative;padding:10px 14px;gap:13px;border-radius:7px;font-size:13px;min-height:38px;color:var(--ink-2)}.nav-item.active{background:var(--active);color:var(--accent);font-weight:600}.nav-item.active::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--accent)}.nav-item .n-ico{display:flex}.nav-item .ui-icon{height:17px;width:17px}.nav-item .n-count,.nav-item.active .n-count{background:transparent;border:0;padding:0;font-size:11px;font-weight:600;color:inherit}.nav-sep{padding:24px 14px 8px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--ink-3)}.side-foot{padding:28px 12px 8px}.workspace-signature{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--ink);margin-bottom:20px}.workspace-signature small{display:block;font-size:10px;color:var(--ink-3);margin-top:4px}.workspace-emblem{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:18px;letter-spacing:-1px}.storage{font-size:10px;color:var(--ink-3)}.storage-bar{height:3px;background:var(--line);margin-bottom:8px}.storage-bar i{background:var(--ink-3)}.live-note{position:static;padding:0;margin-top:10px;background:transparent;color:var(--ink-3);font-size:10px;line-height:1.6}
#view{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 24px #25203003;min-width:0}#view[data-route="mail"]{display:flex;flex-direction:column;overflow:hidden;padding:0}.mail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 30px 24px;flex-shrink:0}.mail-title-line{display:flex;align-items:center;gap:10px}.mail-heading h1{font-size:27px;letter-spacing:-.8px;font-weight:600;line-height:1.25}.folder-total{padding:3px 8px;border-radius:5px;background:var(--surface-2);font-size:11px;color:var(--ink-2)}.mail-subtitle{margin-top:9px;font-size:12px;color:var(--ink-3)}.mail-controls{display:flex;align-items:center;gap:9px}.mail-controls select{font-size:11px;padding:8px 10px;border-radius:6px;background:var(--surface);color:var(--ink-2);max-width:140px}.mail-filterbar{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:0 30px;flex-shrink:0;min-height:43px}.mail-filterbar button{position:relative;padding:12px 0 15px;font-size:12px;white-space:nowrap;color:var(--ink-2)}.mail-filterbar button.active{color:var(--accent);font-weight:600}.mail-filterbar button.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.mail-filter-hint{margin-left:auto;font-size:11px;color:var(--ink-3)}
.mail-wrap{height:auto;min-height:0;flex:1;border:0;border-radius:0;background:var(--surface);box-shadow:none}.folder-col{display:none}.list-col{flex:1;width:auto;min-height:0;border:0}.list-toolbar{height:53px;min-height:53px;gap:8px;padding:9px 25px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:nowrap}.list-toolbar>input{margin-right:4px}.list-toolbar .icon-btn{gap:7px;font-size:11px;padding:0 9px;height:30px;color:var(--ink-2)}.list-toolbar .ui-icon{height:16px;width:16px}.selection-status{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--ink-3)}.message-group{padding:14px 27px 10px;background:var(--surface);color:var(--ink-3);font-size:10px;font-weight:600;letter-spacing:.2px}.msg-row{display:flex;align-items:center;gap:13px;padding:14px 25px;min-height:54px;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:var(--surface-2);border-left:2px solid transparent}.msg-row.unread{background:var(--surface);border-left-color:var(--accent)}.msg-row:hover{background:var(--hover)}.msg-row.selected{background:var(--active)}.msg-row .m-check{margin:0}.msg-row .star{display:flex;align-items:center;color:#aba8b8}.msg-row .star .ui-icon{height:16px;width:16px}.star.on{color:#b98c37!important}.star.on .ui-icon{fill:#f7e5b5}.m-from{font-size:12px;font-weight:400}.msg-row.unread .m-from,.msg-row.unread .m-subj{font-weight:600;color:var(--ink)}.m-date{font-size:10px;color:var(--ink-3)}.m-subj{font-size:12px;color:var(--ink-2);line-height:1.7}.m-snip{font-size:12px;color:var(--ink-3)}.m-flags{display:flex;align-items:center;gap:5px}.m-flags .ui-icon{height:13px;width:13px}.lbl{font-size:9px;font-weight:400;border-radius:4px;text-transform:none;letter-spacing:0;padding:2px 5px;width:fit-content}
html[data-mail-layout="list"] .m-main{display:grid;grid-template-columns:minmax(125px,18%) minmax(130px,1fr) minmax(60px,.8fr) 30px 65px;column-gap:16px;align-items:center}html[data-mail-layout="list"] .m-top{display:contents}html[data-mail-layout="list"] .m-from{grid-column:1;grid-row:1}html[data-mail-layout="list"] .m-subj{grid-column:2;grid-row:1}html[data-mail-layout="list"] .m-snip{grid-column:3;grid-row:1}html[data-mail-layout="list"] .m-flags{grid-column:4;grid-row:1}html[data-mail-layout="list"] .m-date{grid-column:5;grid-row:1;text-align:right}html[data-mail-layout="list"] .lbl{grid-row:2}html[data-mail-layout="list"] .reader-col{display:none}html[data-mail-layout="list"] body.reader-open .list-col{display:none}html[data-mail-layout="list"] body.reader-open .reader-col{display:flex}
html[data-mail-layout="right"] .list-col{flex:0 0 39%;width:39%;border-right:1px solid var(--line)}html[data-mail-layout="right"] .list-toolbar .icon-btn span{display:none}html[data-mail-layout="right"] .list-toolbar{padding:9px 12px;gap:2px}html[data-mail-layout="right"] .selection-status{font-size:9px}html[data-mail-layout="right"] .msg-row{padding:14px 16px;align-items:flex-start;gap:8px}html[data-mail-layout="right"] .m-snip{margin-top:3px}html[data-mail-layout="right"] .m-date{font-size:9px}html[data-mail-layout="right"] .m-flags{display:none}
.reader-col{background:var(--surface);min-height:0}.reader{padding:35px 42px}.reader-empty{margin:auto;max-width:300px;padding:70px 10px;text-align:center}.reader-empty h2,.mailbox-empty h2{font-size:19px;font-weight:500;letter-spacing:-.3px;color:var(--ink);margin:18px 0 9px}.reader-empty p,.mailbox-empty p{font-size:12px;color:var(--ink-3);line-height:1.7}.empty-icon{display:grid;place-items:center;margin:0 auto;height:64px;width:64px;border-radius:21px;background:var(--active);color:var(--accent);transform:rotate(-7deg)}.empty-icon .ui-icon{height:28px;width:28px;transform:rotate(7deg)}.mailbox-empty{padding:75px 24px}.mailbox-empty .btn{margin-top:22px}.r-toolbar{padding:9px 25px;min-height:53px;gap:12px}.r-toolbar .ui-icon{height:17px;width:17px}.r-subject{font-size:27px;font-weight:500;letter-spacing:-.6px}.r-meta{font-size:12px;padding:24px 0;margin-bottom:18px}.r-avatar{background:var(--active);color:var(--accent);font-size:13px}.r-body{line-height:1.85;font-size:14px;overflow-wrap:anywhere;color:var(--ink)}.r-body img{max-width:100%;height:auto}.msg-tabs:empty{display:none}.msg-tabs{padding:8px 20px 0;background:var(--surface-2)}.msg-tab{border-radius:6px 6px 0 0;font-size:11px;background:var(--surface)}
.view-head{margin-bottom:28px}.view-head h1{font-size:26px;letter-spacing:-.6px;font-weight:600}.card{padding:24px;border-radius:11px;box-shadow:none;border:1px solid var(--line)}.card h3{font-size:14px;font-weight:600;margin-bottom:20px}.stat{font-size:32px;letter-spacing:-1px;font-weight:500;color:var(--ink)}.stat-sub{font-size:11px;color:var(--ink-3);margin-top:5px}.btn{border-radius:7px;font-size:12px;box-shadow:none;padding:9px 14px}.btn.primary{background:var(--accent);color:var(--accent-ink)}.tbl th{font-size:10px;font-weight:500;letter-spacing:.4px;color:var(--ink-3);background:var(--surface-2);text-transform:uppercase}.tbl th,.tbl td{padding:14px 12px}.tbl td{font-size:12px}.tbl tr[hidden]{display:none}.admin-users-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-users-head h3{margin:0}.admin-users-head input{max-width:300px;background:var(--surface-2);font-size:12px}.field label{font-size:12px;color:var(--ink-2);margin-bottom:8px}.field input,.field textarea,.field select{background:var(--surface);border-radius:7px;padding:11px}.set-tabs{width:190px}.set-tabs button{font-size:12px;border-radius:6px;padding:12px}.set-tabs button.on{color:var(--accent)}.set-body{max-width:900px}.dlg{border-radius:14px;animation:none}.dlg-head h2{font-size:19px;font-weight:500}.menu{border-radius:10px}.menu button{font-size:12px}.compose{border:1px solid var(--line);border-radius:12px;box-shadow:none;max-width:1050px;margin:0 auto;background:var(--surface);overflow:hidden}.compose-head{background:var(--surface);padding:20px 24px;font-size:17px;font-weight:500;border-bottom:1px solid var(--line)}.c-row{padding:12px 24px}.c-row input{background:transparent}.fmt-bar{background:var(--surface-2);padding:9px 20px}.fmt-bar button{font-size:12px}#compose-body{padding:28px;min-height:300px;line-height:1.8}.compose-foot{padding:18px 24px;background:var(--surface)}
html[data-scenic="true"] #topbar,html[data-scenic="true"] #sidebar{background:transparent}html[data-scenic="true"] #app{background:color-mix(in srgb,var(--surface-2) 78%,transparent);backdrop-filter:blur(3px)}
@media(max-width:1200px){#topbar{padding:18px 22px;gap:20px}.brand{width:170px}#sidebar{width:222px;padding:13px 16px 8px}.top-actions{gap:5px}.account-label{display:none}#theme-btn{display:none}.mail-filter-hint{display:none}html[data-mail-layout="list"] .m-main{grid-template-columns:145px minmax(150px,1fr) 22px 60px;gap:10px}html[data-mail-layout="list"] .m-snip{display:none}html[data-mail-layout="list"] .m-flags{grid-column:3}html[data-mail-layout="list"] .m-date{grid-column:4}.list-toolbar{gap:4px}.list-toolbar .icon-btn{padding:0 7px}.mail-heading{padding:26px}}
@media(max-width:900px){#sidebar{width:195px;padding:13px 12px}.brand{width:145px}.mail-heading{padding:23px}.mail-filterbar{padding:0 23px;gap:18px}.mail-filterbar button{font-size:11px}#adv-search-btn{display:none}.mail-controls select{max-width:117px;font-size:10px}.mail-subtitle{font-size:11px}.list-toolbar .icon-btn span{display:none}.msg-row{padding:14px 18px;gap:10px}.grid.c4{grid-template-columns:repeat(2,1fr)}.live-login{gap:5vw;padding:6vh 5vw}.live-login form{padding:30px}.login-story h2{font-size:42px}}
@media(max-width:680px){#topbar{height:72px;padding:12px;gap:9px}.brand{display:none}#check-mail-btn,#settings-btn{display:none}.top-actions{gap:0}.avatar{height:33px;width:33px;font-size:10px}.search-wrap{height:42px;padding-left:12px;gap:5px;border-radius:8px}#global-search{font-size:12px}.search-submit{height:31px;width:31px}.search-wrap #adv-search-btn{display:none}#shell{padding:0 8px 8px}#sidebar{width:255px;background:var(--surface-2);padding:28px 18px 18px}#view{padding:20px 16px;border-radius:12px}.mail-heading{padding:22px 18px 18px;gap:10px}.mail-heading h1{font-size:24px}.mail-subtitle{margin-top:6px;font-size:10px}.mail-controls label:last-child{display:none}.mail-controls select{max-width:110px;font-size:10px;padding:7px}.mail-filterbar{gap:17px;padding:0 18px;overflow-x:auto;min-height:41px}.mail-filterbar button{font-size:10px;padding-bottom:13px}.mail-wrap{flex-direction:column}.list-toolbar{padding:8px 16px;height:48px;min-height:48px;gap:4px}.list-toolbar .icon-btn{padding:0 6px;min-width:28px}.selection-status{font-size:9px}.message-group{padding:14px 18px 9px}.msg-row{padding:14px 16px;gap:10px;align-items:flex-start}.msg-row .m-check,.msg-row .star{margin-top:3px}html[data-mail-layout] .m-main{display:block}html[data-mail-layout] .m-top{display:flex;gap:7px}html[data-mail-layout] .m-snip{display:block;font-size:11px;margin-top:2px}html[data-mail-layout] .m-subj{font-size:12px;margin-top:3px}html[data-mail-layout] .m-date{font-size:9px;flex-shrink:0}html[data-mail-layout] .m-flags{display:none}html[data-mail-layout] .list-col{width:100%;flex:1;border:0}html[data-mail-layout] .reader-col{display:none}html[data-mail-layout] body.reader-open .list-col{display:none}html[data-mail-layout] body.reader-open .reader-col{display:flex}.reader{padding:25px 20px}.r-toolbar{padding:8px 12px;gap:3px;min-height:48px}.r-subject{font-size:23px}.r-meta{font-size:11px}.r-body{font-size:13px}#bottomnav{background:var(--surface-2);border:0;padding-top:2px;min-height:54px}#bottomnav button{font-size:9px}.mailbox-empty{padding:60px 20px}.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}.card{padding:18px}.card:has(>.tbl){overflow:auto}.tbl{min-width:460px}.admin-users-head{align-items:flex-start;flex-direction:column;gap:12px}.admin-users-head input{max-width:none}.live-login{grid-template-columns:1fr;padding:24px;gap:28px;overflow:auto;align-content:center}.login-story{height:auto}.login-story>div,.login-story>small{display:none}.login-wordmark{font-size:33px;text-align:center}.live-login form{justify-self:center;max-width:390px;padding:30px}.compose-head,.compose-foot{padding:16px}.c-row{padding:10px 16px}.fmt-bar{padding:8px}#compose-body{min-height:230px;padding:20px}.workspace-signature{margin-bottom:12px}}
@media print{#topbar,#sidebar,#bottomnav,.list-col,.mail-heading,.mail-filterbar,.r-toolbar,.msg-tabs,.live-note{display:none!important}body,#app,#shell,#view,.mail-wrap,.reader-col,.reader{height:auto!important;overflow:visible!important;background:#fff!important;color:#000!important;border:0!important;display:block!important}.reader-col{display:block!important}#view{padding:0!important}}
/* Photo themes keep the image visible around an opaque, readable mail surface. */
#bg{background-size:cover;background-position:center;background-repeat:no-repeat}
html[data-photo-theme="true"] #app{background:transparent;backdrop-filter:none}
html[data-photo-theme="true"] #topbar{background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(18px);margin:12px 18px 0;border-radius:14px;height:76px}
html[data-photo-theme="true"] #shell{padding:16px 24px 24px;gap:18px}
html[data-photo-theme="true"] #sidebar{background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:13px;backdrop-filter:blur(20px);width:224px;padding:20px 14px}
html[data-photo-theme="true"] #view{box-shadow:0 10px 35px #0002}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-grid .theme-sw{height:106px;background-size:cover}.photo-grid .theme-cell{border-radius:10px;overflow:hidden}.photo-grid .theme-nm{padding:10px;text-align:left;font-size:12px}.theme-cell.sel{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:680px){html[data-photo-theme="true"] #topbar{margin:8px 8px 0;height:64px}html[data-photo-theme="true"] #shell{padding:10px 8px;gap:0}html[data-photo-theme="true"] #sidebar{width:255px;background:var(--surface);border-radius:0}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid .theme-sw{height:95px}}

/* ---------- conversations, Gmail-style: one line per older message, newest open ---------- */
.thread-count{display:inline-flex;vertical-align:middle;padding:4px 8px;border-radius:999px;background:var(--surface-3);color:var(--ink-2);font-size:10px;letter-spacing:0;font-weight:400}
.thread-messages{margin-top:18px;border-top:1px solid var(--line)}
.thread-message{border-bottom:1px solid var(--line)}
.tm-head{display:flex;align-items:center;gap:12px;padding:12px 6px;cursor:pointer;border-radius:8px}
.tm-head:hover{background:var(--hover)}
.thread-message.open .tm-head{align-items:flex-start;padding-top:16px}
.r-avatar,.profile-avatar{display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:#fff;font-weight:600;background:hsl(var(--h,220) 45% 48%)}
.r-avatar{width:40px;height:40px;font-size:15px}
.has-photo{overflow:hidden;padding:0;background:var(--surface-3)!important}
.has-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar.has-photo{border:0}
.tm-who{flex:1;min-width:0}
.tm-line{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}
.tm-line b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.tm-email{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}
.tm-to{display:none;margin-top:2px;font-size:12px;color:var(--ink-3)}
.tm-snip{margin-top:2px;font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-message.open .tm-to{display:block}
.thread-message.open .tm-snip,.thread-message:not(.open) .tm-email{display:none}
.tm-side{display:flex;align-items:center;gap:2px;flex-shrink:0;color:var(--ink-3)}
.tm-side>.ui-icon{width:15px;height:15px}
.tm-date{margin:0 4px;font-size:12px;white-space:nowrap}
.tm-act{display:none}
.thread-message.open .tm-act{display:inline-flex}
.tm-content{display:none;padding:0 6px 24px 58px}
.thread-message.open .tm-content{display:block}
.tm-content .r-body{max-width:80ch}
.thread-labels{margin-bottom:10px}
.thread-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.thread-fold{display:flex;align-items:center;gap:12px;width:100%;padding:10px 6px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.thread-fold:hover{background:var(--hover)}
.thread-fold span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-weight:600;color:var(--ink)}
.thread-actions{display:flex;flex-wrap:wrap;gap:10px;padding:22px 0 8px 58px}
.thread-actions .btn{border-radius:20px;padding:9px 18px;font-size:13px;background:transparent}
.thread-actions .btn:hover{background:var(--hover)}
.thread-actions .ui-icon{width:16px;height:16px}
.quote-toggle{display:block;margin:10px 0;padding:0 8px;height:18px;line-height:12px;border-radius:9px;background:var(--surface-3);border:1px solid var(--line);color:var(--ink-2);font-size:12px;letter-spacing:1px}
.quote-toggle:hover{background:var(--active)}
.quoted-hidden{display:none!important}
.r-body blockquote,#compose-body blockquote{margin:6px 0 6px 4px;padding-left:12px;border-left:2px solid var(--line);color:var(--ink-2)}
#compose-body img,.r-body img{max-width:100%;height:auto}
#tb-clear,#r-more,.c-back,.ptr{display:none}

/* ---------- profile photo and signature editor ---------- */
.profile-row{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.profile-avatar{width:72px;height:72px;font-size:26px}
.profile-photo-actions{display:flex;flex-direction:column;gap:6px;min-width:0}
.profile-photo-actions .hint,.field p.hint{font-size:12px;color:var(--ink-3);margin-top:6px}
.sig-editor{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.sig-bar{padding:6px 8px;align-items:center}
.sig-image-btn{gap:6px;font-size:12px;padding:0 10px}
.sig-image-btn.busy{opacity:.5;pointer-events:none}
.sig-body{min-height:120px;padding:12px 14px;outline:none;line-height:1.6;overflow-wrap:anywhere}
.sig-body:empty::before{content:attr(data-ph);color:var(--ink-3)}
.sig-body img{max-width:100%;height:auto;vertical-align:middle}
.toast{display:flex;align-items:center;gap:18px}
.toast-action{color:#9ec1ff;font-weight:700;padding:4px 6px;border-radius:6px}
.toast-action:hover{background:#ffffff1a}

/* ---------- mobile-first touch + safe-area polish ---------- */
/* Touch screens get 44px targets; mouse-driven desktop keeps its exact look. */
@media (pointer:coarse){
  .icon-btn{min-width:44px;min-height:44px}
  .icon-btn.sm{min-width:44px;min-height:44px;font-size:16px}
  .list-toolbar .icon-btn{height:44px}
  #sel-all{width:22px!important;height:22px!important}
  input[type="checkbox"]{width:20px;height:20px}
  .btn{min-height:44px}
  .seg button{min-height:44px;padding:10px 16px}
  .menu button{min-height:44px}
  .set-tabs button{min-height:44px}
  .nav-item{min-height:44px}
  .msg-tab .t-x{min-width:44px;min-height:44px}
  .fmt-bar .icon-btn{min-width:44px;min-height:44px}
  .attach-chip{padding:10px 12px}
}
/* Small phones: safe-area on every edge, toolbars scroll instead of clipping. */
@media (max-width:680px){
  #topbar{padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}
  #view{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}
  .reader{padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right))}
  .list-toolbar{overflow-x:auto;scrollbar-width:none}
  .list-toolbar::-webkit-scrollbar{display:none}
}