body{margin:0;background:light-dark(#fff,#191b1c);color-scheme:light dark}
[hidden]{display:none!important}
#supano-mail-concept .sm{border:0;border-radius:0;min-height:100dvh;grid-template-columns:200px minmax(0,1fr)}
#supano-mail-concept .sm .workspace{min-height:calc(100dvh - 79px);grid-template-columns:minmax(290px,.95fr) minmax(340px,1.1fr)}
#supano-mail-concept .sm header{padding-right:26px}
#supano-mail-concept .sm .searchbox{max-width:none}
#supano-mail-concept .sm .reader{padding-bottom:50px}
#supano-mail-concept .sm .reader-empty{min-height:420px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--sm-muted)}
#supano-mail-concept .sm .reader-empty svg{width:27px;height:27px;stroke-width:1.3}
#supano-mail-concept .sm .letter{white-space:pre-wrap;overflow-wrap:anywhere}
#supano-mail-concept .sm .subject{overflow-wrap:anywhere}
#supano-mail-concept .sm .attachment{overflow-wrap:anywhere}
#supano-mail-concept .sm .attachment div{flex:1;min-width:0}
#supano-mail-concept .sm .mobile-menu{display:none}
#supano-mail-concept .sm .mobile-compose{margin-left:auto}
#supano-mail-concept .sm .logout{padding:0;color:var(--sm-muted);font-size:11px}
#supano-mail-concept .sm .editor{position:fixed;max-height:calc(100dvh - 116px)}
#supano-mail-concept .sm .optional[hidden]{display:none}
#supano-mail-concept .sm .editorfoot{flex-wrap:wrap}
#supano-mail-concept .sm .compose-status{font-size:11px;color:var(--sm-muted)}
#supano-mail-concept .sm .load-more{text-align:center;padding:18px}
#supano-mail-concept .sm .message.pending{opacity:.55}
#supano-mail-concept .sm .toast{position:fixed}
#supano-mail-concept .sm .file-chip{font-size:12px;display:inline-flex;align-items:center;background:var(--sm-soft);border-radius:6px;padding:3px 6px;margin:3px}
#supano-mail-concept .sm .file-chip button{padding:4px}
#supano-mail-concept .sm dialog{background:var(--sm-bg);color:var(--sm-text);border:1px solid var(--sm-line);border-radius:16px;max-width:450px;width:calc(100% - 40px);padding:26px;box-sizing:border-box;box-shadow:0 18px 80px #0002}
#supano-mail-concept .sm dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
#supano-mail-concept .sm .dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
#supano-mail-concept .sm .connected-account{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--sm-line);padding:13px 0;overflow-wrap:anywhere}
#supano-mail-concept .sm .connected-account button{font-size:11px;color:var(--sm-muted)}
#supano-mail-concept .sm .connect-google{background:var(--sm-soft);width:100%;margin-top:20px;justify-content:center;padding:12px}
#supano-mail-concept .sm dialog p,#supano-mail-concept .sm dialog>small{font-size:12px;color:var(--sm-muted)}
#supano-mail-concept .sm dialog details{margin:20px 0}
#supano-mail-concept .sm dialog summary{cursor:pointer;font-size:13px}
#supano-mail-concept .sm dialog form label{display:block;font-size:12px;margin:15px 0}
#supano-mail-concept .sm dialog input{display:block;background:var(--sm-side);padding:12px;border-radius:8px;margin-top:5px}
#supano-mail-concept .sign-in{font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:light-dark(#252b28,#eef0eb);background:light-dark(#f5f5f1,#202322);min-height:100dvh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:32px}
#supano-mail-concept .login-card{max-width:360px;width:100%}
#supano-mail-concept .login-brand{font-size:22px;font-weight:650;letter-spacing:3px;margin-bottom:54px}
#supano-mail-concept .login-brand span{font-size:13px;font-weight:400;letter-spacing:0;color:light-dark(#747c75,#a0a9a1)}
#supano-mail-concept .login-card h1{font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-1.5px;margin:0 0 18px}
#supano-mail-concept .login-card p{color:light-dark(#747c75,#a0a9a1);margin:10px 0 28px}
#supano-mail-concept .login-card label{display:block;font-size:12px;margin:18px 0}
#supano-mail-concept .login-card input{font:inherit;display:block;width:100%;box-sizing:border-box;border:1px solid light-dark(#e0e4dc,#3b443c);border-radius:9px;padding:13px;background:light-dark(#fff,#191b1c);color:inherit;margin-top:7px}
#supano-mail-concept .login-card #login-error{color:light-dark(#a8362a,#f0a195);font-size:12px;margin:0}
#supano-mail-concept .login-submit{font:inherit;background:light-dark(#375746,#a3c3aa);color:light-dark(#fff,#18241b);border:0;border-radius:9px;display:flex;justify-content:space-between;padding:13px 16px;width:100%;margin:22px 0;cursor:pointer}
#supano-mail-concept .login-card>small{font-size:11px;color:light-dark(#747c75,#a0a9a1)}
#supano-mail-concept button:disabled{opacity:.5;cursor:wait}
@media(min-width:1400px){#supano-mail-concept .sm .workspace{grid-template-columns:minmax(350px,440px) minmax(0,1fr)}#supano-mail-concept .sm .reader{padding-left:55px;padding-right:55px}#supano-mail-concept .sm .letter{max-width:760px}}
@media(max-width:850px){#supano-mail-concept .sm{grid-template-columns:155px minmax(0,1fr)}#supano-mail-concept .sm .workspace{grid-template-columns:minmax(230px,.9fr) minmax(260px,1fr)}}
@media(max-width:720px){#supano-mail-concept .sm{display:block}#supano-mail-concept .sm .workspace{display:block;min-height:calc(100dvh - 68px)}#supano-mail-concept .sm .mobile-menu{display:inline-flex}#supano-mail-concept .sm header{padding:12px}#supano-mail-concept .sm .searchbox kbd{display:none}#supano-mail-concept .sm.menu-open aside{display:flex;position:fixed;inset:68px auto 0 0;width:210px;z-index:3;box-shadow:12px 0 60px #0003;overflow:auto}#supano-mail-concept .sm .editor{inset:78px 12px 12px;max-height:none}#supano-mail-concept .sm .reader-empty{min-height:350px}}
@media(pointer:coarse){#supano-mail-concept .sm .logout{min-height:32px}#supano-mail-concept .sign-in input{font-size:16px}}
/* Keep navigation and search anchored while each mail pane scrolls. */
@media(min-width:721px){
 #supano-mail-concept .sm{height:100dvh;min-height:0;overflow:hidden}
 #supano-mail-concept .sm aside{height:100dvh;overflow-y:auto}
 #supano-mail-concept .sm main{height:100dvh;display:flex;flex-direction:column;min-height:0}
 #supano-mail-concept .sm header{flex:0 0 79px}
 #supano-mail-concept .sm .workspace{flex:1;min-height:0;overflow:hidden}
 #supano-mail-concept .sm .inbox,#supano-mail-concept .sm .reader{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 #supano-mail-concept .sm .inbox-title{position:sticky;top:0;z-index:1;background:var(--sm-bg)}
}
#supano-mail-concept .sm .conversation-meta{font-size:11px;color:var(--sm-muted);margin:-12px 0 24px}
#supano-mail-concept .sm .thread-card{border:1px solid var(--sm-line);border-radius:12px;margin-bottom:12px;overflow:hidden}
#supano-mail-concept .sm .thread-summary{display:flex;width:100%;gap:10px;padding:16px;border-radius:0;align-items:center}
#supano-mail-concept .sm .thread-person{flex:1;min-width:0;font-size:12px}
#supano-mail-concept .sm .thread-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
#supano-mail-concept .sm .thread-summary time{font-size:10px;color:var(--sm-muted);white-space:nowrap}
#supano-mail-concept .sm .thread-content{padding:0 20px 20px}
#supano-mail-concept .sm .thread-content>.to{margin-bottom:18px}
#supano-mail-concept .sm .thread-actions{display:flex;gap:8px;margin-top:22px}
#supano-mail-concept .sm .quoted-text{white-space:normal;color:var(--sm-muted);margin-top:12px}
#supano-mail-concept .sm .quoted-text summary{font-size:11px;cursor:pointer}
#supano-mail-concept .sm .attachment-card{border:1px solid var(--sm-line);border-radius:10px;margin:18px 0;overflow:hidden}
#supano-mail-concept .sm .attachment-card .attachment{margin:0;border:0;border-radius:0;text-decoration:none;color:inherit}
#supano-mail-concept .sm .attachment-card audio{display:block;width:calc(100% - 24px);height:38px;margin:0 12px 12px}
#supano-mail-concept .sm .editor{overflow-y:auto}
#supano-mail-concept .sm .editor.drop-active{outline:2px dashed var(--sm-accent);outline-offset:-7px}
#supano-mail-concept .sm #attachment-hint{font-size:10px;margin-top:-8px}
#supano-mail-concept .sm #attached-files{max-height:120px;overflow:auto;flex-shrink:0}
@media(max-width:720px){#supano-mail-concept .sm header{position:sticky;top:0;z-index:2;background:var(--sm-bg)}#supano-mail-concept .sm .thread-content{padding:0 14px 18px}#supano-mail-concept .sm .thread-summary{padding:13px 10px}#supano-mail-concept .sm .thread-summary time{font-size:9px}#supano-mail-concept .sm .reader{padding:18px 12px}}
#supano-mail-concept .sm .thread-count{display:inline-block;min-width:17px;padding:0 4px;background:var(--sm-soft);border-radius:4px;text-align:center}
#supano-mail-concept .sm .thread-person .dot{display:inline-block;margin-left:7px}