/* KMind 宇宙交互 V17 · 邮箱 (both views, 白昼 and 夜间 through the --k-* tokens) */
.km-mail-head{gap:10px}
.km-mh-ic{display:flex;color:var(--k-acc)}
.km-mb-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 9px 0 4px;margin-left:4px;border:1px solid var(--k-line);border-radius:999px;background:var(--k-bg);color:var(--k-ink);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;min-width:0}
.km-mb-btn:hover{border-color:var(--k-acc);color:var(--k-acc)}
.km-mb-btn>span:not(.km-avbox){overflow:hidden;text-overflow:ellipsis}
.km-mh-note{font-size:12px;color:var(--k-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.km-mail-compose{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;background:var(--k-acc);color:var(--k-on-acc);font-size:12.5px;font-weight:650;white-space:nowrap}
.km-mail-compose:hover{background:var(--k-acc2);color:var(--k-on-acc)}
.km-mailwrap{flex:1;min-height:0;display:flex;container-type:inline-size}
.km-mail{flex:1;min-width:0;display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);min-height:0}
.km-mlist{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--k-line)}
.km-mf{display:flex;gap:4px;padding:10px 10px 8px;border-bottom:1px solid var(--k-line);flex:none;overflow-x:auto;scrollbar-width:none}
.km-mf button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px solid transparent;background:none;color:var(--k-ink2);font-size:12.5px;cursor:pointer;white-space:nowrap}
.km-mf button:hover{background:var(--k-hover)}
.km-mf button.on{background:rgba(var(--k-acc-rgb),.1);color:var(--k-acc);font-weight:650}
.km-mf i{font-style:normal;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--k-acc);color:var(--k-on-acc);font-size:10.5px;font-weight:650;display:inline-grid;place-items:center}
.km-mrows{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
.km-mrow{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;width:100%;padding:11px 14px 11px 12px;border:0;border-bottom:1px solid var(--k-line);background:none;text-align:left;color:var(--k-ink);cursor:pointer}
.km-mrow:hover{background:var(--k-hover)}
.km-mrow.cur{background:rgba(var(--k-acc-rgb),.08)}
.km-mrow.cur::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--k-acc)}
.km-mrow-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.km-mrow-top{display:flex;align-items:baseline;gap:6px;min-width:0}
.km-mrow-top b{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.km-mrow.unread .km-mrow-top b,.km-mrow.unread .km-mrow-subj{font-weight:700}
.km-mrow-top em{font-style:normal;font-size:10.5px;color:var(--k-dim);flex:none}
.km-mrow-top time{margin-left:auto;font-size:11px;color:var(--k-dim);flex:none;padding-right:4px}
.km-mrow-subj{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--k-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.km-mrow-snip{font-size:12px;color:var(--k-dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.km-mrow-ctx{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--k-dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.km-mdot{position:absolute;right:9px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--k-acc)}
.km-mst{flex:none;display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:650;letter-spacing:.02em}
.km-mst-open{background:var(--k-amber-bg);color:var(--k-amber-ink);box-shadow:inset 0 0 0 1px var(--k-amber-line)}
.km-mst-accepted{background:rgba(var(--k-acc-rgb),.1);color:var(--k-acc)}
.km-mst-done{background:var(--k-hover);color:var(--k-ink2)}
.km-mst-declined{background:transparent;color:var(--k-dim);box-shadow:inset 0 0 0 1px var(--k-line)}
.km-mread{min-width:0;min-height:0;overflow:auto;scrollbar-width:thin}
.km-mread-in{max-width:760px;padding:18px 24px 24px;display:flex;flex-direction:column;gap:12px}
.km-mtitle{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.km-mtitle h2{font-size:19px;line-height:1.35;font-weight:700;color:var(--k-ink);margin:0}
.km-men{font:11px/1.4 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;color:var(--k-dim);text-transform:uppercase}
.km-mback{display:none!important}
.km-mctx,.km-mlink{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--k-line);background:none;color:var(--k-ink2);font-size:12px;cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.km-mctx:hover,.km-mlink:hover{border-color:var(--k-acc);color:var(--k-acc)}
.km-msubs{display:flex;flex-wrap:wrap;gap:6px}
.km-mreq{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--k-line);background:var(--k-bg2)}
.km-mreq>svg{flex:none;color:var(--k-acc)}
.km-mreq-open{border-color:var(--k-amber-line);background:var(--k-amber-bg)}
.km-mreq-open>svg{color:var(--k-amber-ink)}
.km-mreq-done>svg,.km-mreq-declined>svg{color:var(--k-dim)}
.km-mreq>span:not(.km-mreq-acts){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.km-mreq b{font-size:13px;color:var(--k-ink)}
.km-mreq small{font-size:12px;color:var(--k-ink2)}
.km-mreq-acts{display:flex;gap:6px;flex:none}
.km-mreq-acts button{height:30px;padding:0 14px;border-radius:8px;font-size:12.5px;margin:0}
.km-mcards{display:flex;flex-direction:column;gap:10px}
.km-mcard{border:1px solid var(--k-line);border-radius:12px;background:var(--k-bg);padding:12px 14px 14px}
.km-mcard.out{background:var(--k-bg2)}
.km-mcard>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}
.km-mc-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.km-mc-who b{font-size:13.5px;color:var(--k-ink)}
.km-mc-id{font-size:11.5px;color:var(--k-dim)}
.km-mc-to{font-size:11.5px;color:var(--k-ink2)}
.km-mcard time{font-size:11px;color:var(--k-dim);white-space:nowrap}
.km-mc-body{margin:10px 0 0 46px;font-size:13.5px;line-height:1.65;color:var(--k-ink);overflow-wrap:anywhere}
.km-matt{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0 46px}
.km-afile{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--k-line);background:var(--k-bg2);color:var(--k-ink2);font-size:12px}
button.km-afile{cursor:pointer}
button.km-afile:hover{border-color:var(--k-acc);color:var(--k-acc)}
.km-mfoot{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.km-mfoot button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:8px;font-size:12.5px;margin:0}
.km-mfoot .km-march{margin-left:auto}
.km-mempty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--k-dim);font-size:13px;text-align:center}
.km-mempty p{margin:0}
.km-mempty-r{height:100%}
.km-mempty-r .primary{height:30px;padding:0 14px;border-radius:8px;font-size:12.5px;margin:0}
/* a narrow place (the chat window of 宇宙界面, a phone): the list, or the mail you opened */
@container (max-width: 700px){
  .km-mail{grid-template-columns:minmax(0,1fr)}
  .km-mlist{border-right:0}
  .km-mail.reading .km-mlist,.km-mail:not(.reading) .km-mread{display:none}
  .km-mback{display:inline-flex!important}
  .km-mread-in{padding:14px 16px 20px}
  .km-mc-body,.km-matt{margin-left:0}
}
/* the mailbox switcher */
.km-mb-menu{width:260px;max-height:min(420px,70vh);overflow:auto}
.km-mb-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:6px 8px;border:0;border-radius:8px;background:none;text-align:left;color:var(--k-ink);cursor:pointer}
.km-mb-row:hover{background:var(--k-hover)}
.km-mb-row.on{background:rgba(var(--k-acc-rgb),.1)}
.km-mb-row span{display:flex;flex-direction:column;min-width:0}
.km-mb-row b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.km-mb-row small{font-size:11.5px;color:var(--k-dim)}
.km-mb-n{font-style:normal;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--k-acc);color:var(--k-on-acc);font-size:10.5px;font-weight:650;display:grid;place-items:center}
/* entries: 私信 sidebar and the title bar */
.km-mail-side{position:relative}
.km-side-dot{width:7px;height:7px;border-radius:50%;background:var(--k-acc);margin-left:auto}
.km-mail-tb{position:relative}
.km-mail-tb.on{color:var(--k-acc)}
.km-tb-badge{position:absolute;right:-2px;top:-1px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--k-danger);color:#fff;font:650 10px/16px 'Inter Tight',sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--k-bg)}
/* compose */
.modal.km-mail-dialog{width:min(640px,94vw)}
.km-mailform{display:flex;flex-direction:column;gap:10px}
.km-mailform .field-label{margin-top:0}
.km-mf-row{position:relative;display:flex;flex-direction:column;gap:5px}
.km-mf-2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:end}
.km-rcpt{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:38px;padding:4px 8px;border:1px solid var(--k-line);border-radius:8px;background:var(--k-bg);cursor:text}
.km-rcpt:focus-within{border-color:var(--k-acc);box-shadow:0 0 0 3px rgba(var(--k-acc-rgb),.12)}
.km-rcpt-in{flex:1;min-width:120px;border:0;outline:0;background:none;color:var(--k-ink);font-size:13px;height:28px}
.km-rc{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 4px 0 3px;border-radius:999px;background:rgba(var(--k-acc-rgb),.09);color:var(--k-ink);font-size:12.5px}
.km-rc-x{width:18px;height:18px;border:0;border-radius:50%;background:none;color:var(--k-dim);cursor:pointer;font-size:14px;line-height:1;padding:0}
.km-rc-x:hover{background:var(--k-hover);color:var(--k-ink)}
.km-sugg{position:absolute;left:0;right:0;top:100%;z-index:5;margin-top:4px;padding:4px;border:1px solid var(--k-line);border-radius:10px;background:var(--k-bg);box-shadow:0 14px 34px rgba(var(--k-sh),.16);max-height:280px;overflow:auto}
.km-sg{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border:0;border-radius:7px;background:none;text-align:left;color:var(--k-ink);cursor:pointer}
.km-sg.on,.km-sg:hover{background:var(--k-hover)}
.km-sg span{display:flex;flex-direction:column;min-width:0}
.km-sg b{font-size:13px;font-weight:600}
.km-sg small{font-size:11.5px;color:var(--k-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.km-seg{display:inline-flex;padding:3px;border-radius:9px;background:var(--k-hover);gap:2px}
.km-seg label{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:7px;font-size:12.5px;color:var(--k-ink2);cursor:pointer;white-space:nowrap}
.km-seg label.on{background:var(--k-bg);color:var(--k-ink);font-weight:650;box-shadow:0 1px 3px rgba(var(--k-sh),.12)}
.km-seg input{position:absolute;opacity:0;pointer-events:none}
.km-att-list{display:flex;flex-wrap:wrap;gap:6px}
.km-att-opt{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--k-line);border-radius:8px;font-size:12px;color:var(--k-ink2);cursor:pointer}
.km-att-opt span{display:inline-flex;align-items:center;gap:5px}
.km-att-opt:has(input:checked){border-color:var(--k-acc);color:var(--k-acc);background:rgba(var(--k-acc-rgb),.06)}
.km-att-none{margin:0}
.km-mailform .footer-actions{display:flex;align-items:center;gap:10px}
.km-mf-hint{font-size:12px;color:var(--k-dim);margin-right:auto}
.km-mail-head .toolbar>:not(.km-mail-compose){display:none!important}   /* the core's search and room menu are for chats */
body.km-u .km-mail-head h1,body.km-u .km-mh-note,body.km-u .km-mh-ic{display:none}   /* the chat window's own title says 邮箱 */
@media (max-width:760px){.km-mh-note{display:none}.km-mail-compose span{display:none}.km-mail-compose{padding:0 9px}}
.km-mail-head [data-action="lc-search"],.km-mail-head [data-action="lc-room-menu"],.km-mail-head .searchbox{display:none!important}