/* MACFai Email — mismo panel de la familia, con su sello: sin cuadrícula, matasellos rojo y sobres. */
:root{--stamp:#d9412b;--stamp-soft:#fbe9e5;--paper2:#fffdf8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--stamp:#ff6b53;--stamp-soft:#3a1d18;--paper2:#1b1a17}}
body.svc-email{background-image:none}
.svc-email .logo{align-items:center}
.svc-email .logo .env{width:22px;height:17px;margin-right:4px}
.postmark{display:inline-flex;align-items:center;border:2px solid var(--stamp);color:var(--stamp);border-radius:99px;padding:3px 11px;font:700 .72rem var(--body);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-3deg);background:var(--paper);white-space:nowrap}
.hand{font-family:"Caveat",cursive;color:var(--stamp);font-size:1.35rem}
.air{position:relative;overflow:hidden}
.air::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(-45deg,var(--stamp) 0 12px,var(--paper) 12px 20px,#2f5bea 20px 32px,var(--paper) 32px 40px)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px}
.tabs a{padding:7px 14px;border-radius:99px;border:1px solid var(--line);text-decoration:none;color:var(--muted);font-weight:500;font-size:.9rem;background:var(--paper)}
.tabs a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tabs a b{margin-left:6px}
.env-card{border:1px solid var(--line);border-radius:16px;background:var(--paper2);overflow:hidden}
.env-card .flap{height:30px;border-bottom:1px dashed var(--line);background:linear-gradient(to bottom right,transparent 49.5%,var(--line) 50%,transparent 51%) left/50% 100% no-repeat,linear-gradient(to bottom left,transparent 49.5%,var(--line) 50%,transparent 51%) right/50% 100% no-repeat}
.env-card .in{padding:14px 18px;background:#fff;color:#0a0a0a}
.env-card .subj{font-weight:600;margin-bottom:8px}
.row-p{display:grid;grid-template-columns:28px 1.2fr 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.row-p:last-child{border-bottom:0}
.row-p .meta{font-size:.82rem;color:var(--muted)}
.notice{border:1px dashed var(--stamp);background:var(--stamp-soft);border-radius:14px;padding:12px 16px;margin:0 0 16px}
.log{white-space:pre-line;font-size:.9rem;color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.row-p{grid-template-columns:24px 1fr}.row-p>:nth-child(3),.row-p>:nth-child(4){grid-column:2}.grid2{grid-template-columns:1fr}}