.mail-demo-label{padding:5px 9px;background:#fff1ac;color:#5a4900;font-size:11px;font-weight:750;border-radius:5px}.mail-demo-banner{margin:0;padding:11px 14px;background:#fffbe5;border:1px solid #e4d991;border-radius:8px;color:#605211;font-size:12px;flex-shrink:0}.mail-demo-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;flex:1;min-height:0}.mail-inbox{overflow:auto}.mail-preview{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;padding:16px;border:1px solid #d7dfd0;border-radius:10px;background:white;margin-bottom:10px;cursor:pointer;color:#273b2c}.mail-preview.selected{border:2px solid #b9a300;background:#fffef5}.mail-preview strong{font-size:14px;line-height:1.5}.mail-preview small,.mail-preview>span:last-child{font-size:11px;overflow-wrap:anywhere}.mail-state{font-size:11px;padding:5px 8px;border-radius:5px;align-self:start}.mail-state.review{background:#fff1bd;color:#6b5000}.mail-state.linked{background:#dcefe4;color:#246342}.mail-reading{background:white;border:1px solid #d7dfd0;border-radius:10px;padding:20px;overflow:auto;min-height:0}.mail-detail-heading h2{font-size:19px;margin:0 0 7px;line-height:1.4}.mail-detail-heading p{font-size:11px;color:#56694b;overflow-wrap:anywhere}.mail-flow{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;padding:12px 0;border-bottom:1px solid #e1e6da;margin-bottom:16px}.mail-flow strong{color:#936000}.mail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.mail-fields>div{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f4f6ef;border-radius:8px}.mail-fields small{font-size:11px;color:#5a6b51}.mail-fields strong{font-size:14px}.mail-fields span{font-size:12px}.mail-review-note{padding:14px;border:1px solid #ecdca0;background:#fffbeb;border-radius:8px;color:#664f0a;font-size:12px;line-height:1.6}.mail-reading h3{font-size:15px;margin:20px 0 12px}.mail-reading td,.mail-reading th{padding:10px;font-size:12px}.mail-next{padding:14px;background:#edf5ef;border-radius:8px;font-size:12px;line-height:1.6;margin:18px 0}.mail-original{border-top:1px solid #dce2d5;padding:12px 0;font-size:12px}.mail-original summary{min-height:34px;cursor:pointer;font-weight:700}.mail-original pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.65;background:#f5f6f2;padding:12px;border-radius:7px;max-height:420px;overflow:auto}@media(max-width:1000px){.mail-demo-layout{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:760px){.mail-demo-layout{display:flex;flex-direction:column;overflow:auto}.mail-inbox{display:flex;gap:8px;flex-shrink:0}.mail-preview{min-width:240px;margin-bottom:0}.mail-reading{overflow:visible;padding:14px}.mail-fields{grid-template-columns:1fr}.mail-reading table{display:block;overflow:auto}.mail-demo-space{min-height:0}}