/* Tempcat inbox presentation layer — full-width split mailroom below the hero. Desktop: list left, reading pane right (≈1:2), 960px tall; the reading iframe fills the leftover height. */
.tc-mailroom{padding:8px 0 104px}
.tc-inbox-card{overflow:hidden;padding:0!important;background:rgba(255,255,255,.98);border-radius:16px!important;box-shadow:0 28px 70px rgba(11,53,88,.24)!important}
.tc-inbox-card:hover{transform:none!important;box-shadow:0 28px 70px rgba(11,53,88,.24)!important}

.tc-inbox-head{min-height:68px;padding:0 24px;border-bottom:1px solid #e6edf5;display:flex;align-items:center;justify-content:space-between;gap:14px}
.tc-inbox-title{display:flex;align-items:center;gap:10px;font:700 17px/1.2 Poppins,"Noto Sans SC",sans-serif;color:#0b3558}
.tc-inbox-tools{display:flex;align-items:center;gap:14px}
.tc-count{display:inline-grid;min-width:24px;height:24px;padding:0 7px;place-items:center;border-radius:999px;background:#e8f2ff;color:#006bff;font-size:12px}
.tc-refresh{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:8px 12px;background:#f0f3f8;color:#0b3558;font-weight:700;font-size:13px}
.tc-refresh:before{content:'↻';font-size:16px}
.tc-refresh:hover{background:#e3edfa;color:#006bff}

/* ---- split skeleton ---- */
.tc-inbox-split{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);height:960px}
.tc-mail-list{display:block;overflow-y:auto;border-right:1px solid #e6edf5;background:#fbfcfe}
.tc-mail-reader{display:flex;min-width:0;flex-direction:column;overflow-y:auto;padding:28px 32px;background:#fff}

/* ---- list rows ---- */
.tc-mail-row{position:relative;display:grid!important;width:100%;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center;gap:13px;min-height:84px;padding:14px 20px!important;border:0!important;border-bottom:1px solid #edf2f7!important;background:transparent;text-align:left;transition:background .2s ease}
button.tc-mail-row{font:inherit;cursor:pointer}
.tc-mail-row:hover{background:#f3f8ff}
.tc-mail-row.is-selected{background:#eaf3ff;box-shadow:inset 3px 0 0 #006bff}
.tc-sender{display:grid!important;width:42px!important;height:42px!important;place-items:center;border-radius:12px!important;background:linear-gradient(145deg,#006bff,#7540df)!important;color:#fff!important;font:700 15px/1 Poppins,sans-serif!important;box-shadow:0 6px 14px rgba(0,107,255,.2)}
.tc-sender.is-apple{background:linear-gradient(145deg,#30343c,#0f1115)!important}
.tc-sender.is-real{background:linear-gradient(145deg,#0b3558,#006bff)!important}
.tc-mail-content{display:block!important;min-width:0;line-height:1.35}
.tc-mail-content strong{display:block;overflow:hidden;margin-bottom:5px;color:#0b3558;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.tc-mail-content span{display:block;overflow:hidden;color:#6b8299;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.tc-mail-time{align-self:start;padding-top:2px;color:#8ba0b5;font-size:11px;white-space:nowrap}
.tc-unread{position:absolute;right:19px;bottom:16px;width:7px;height:7px;border-radius:50%;background:#006bff}
.tc-mail-content span.tc-demo-flag{display:inline-flex;width:max-content;margin-top:5px;padding:2px 7px;border-radius:999px;background:#eef2f7;color:#7890a8;font-size:10px;font-weight:800;letter-spacing:.04em}

.tc-demo-note{display:flex;align-items:flex-start;gap:8px;padding:12px 24px!important;border-top:1px solid #e6edf5;background:#f8faff;color:#7890a8!important;font-size:12px!important;line-height:1.5}
.tc-demo-note:before{content:'i';display:grid;flex:0 0 16px;height:16px;margin-top:2px;place-items:center;border-radius:50%;background:#dceaff;color:#006bff;font-weight:800;font-size:11px}

/* ---- reading pane ---- */
.tc-mail-headline{position:relative;flex:0 0 auto;padding-bottom:16px;border-bottom:1px solid #e5edf5}
.tc-mail-headline h2{margin:0 0 10px;padding-right:110px;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.3;letter-spacing:-.01em}
.tc-mail-meta{display:grid;gap:4px;padding-bottom:0;border-bottom:0;color:#6b8299;font-size:13px}
.tc-real-badge{display:inline-flex;width:max-content;margin-bottom:10px;padding:4px 9px;border-radius:99px;background:#e7f7f1;color:#087b5b;font-weight:800;font-size:11px}
.tc-real-badge.is-demo{background:#eef2f7;color:#7890a8}
.tc-mail-del{position:absolute;right:0;top:0;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:8px 12px;background:#fdeef1;color:#c52b45;font-size:13px;font-weight:700;cursor:pointer}
.tc-mail-del:hover{background:#fadde3}
.tc-mail-frame{display:block;flex:0 0 auto;width:100%;min-height:640px;margin-top:16px;border:0;background:#fff}
.tc-mail-attachments{display:grid;flex:0 0 auto;gap:8px;margin-top:18px}
.tc-mail-attachment{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:9px;background:#f0f3f8;color:#0b3558;font-weight:700;font-size:14px}
.tc-mail-attachment button{border:0;border-radius:7px;padding:7px 10px;background:#006bff;color:#fff;font-size:13px}
.tc-attachment-note{margin-top:12px;padding:12px 14px;border-left:4px solid #9a2ee8;border-radius:0 8px 8px 0;background:#f5ebfc;color:#0b3558;font-size:13px}

/* ---- modal reading (mobile) ---- */
.tc-modal .tc-mail-headline h2{padding-right:48px}
.tc-modal .tc-mail-del{right:48px}
.tc-modal .tc-mail-frame{min-height:60vh}

@media(max-width:960px){
.tc-mailroom{padding:0 0 72px}
.tc-inbox-split{display:block;height:auto}
.tc-mail-list{max-height:560px;border-right:0}
.tc-mail-reader{display:none}
}
@media(max-width:720px){
.tc-inbox-card{border-radius:12px!important}
.tc-inbox-head{min-height:58px;padding:0 16px}
.tc-mail-row{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px;min-height:76px;padding:11px 14px!important}
.tc-sender{width:38px!important;height:38px!important}
.tc-mail-time{font-size:10px}
.tc-demo-note{padding:10px 14px!important}
.tc-modal .tc-mail-frame{min-height:calc(100vh - 260px)}
}
@media(prefers-reduced-motion:reduce){.tc-mail-row{transition:none}}