.pvstrip{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.pvcard{all:unset;box-sizing:border-box;cursor:pointer;width:176px;max-width:calc(50% - 5px);border:1px solid var(--line,#e3e6ea);border-radius:12px;background:var(--card,#fff);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease}
.pvcard:hover,.pvcard:focus-visible{box-shadow:0 6px 18px rgba(15,30,50,.12);transform:translateY(-1px)}
.pvcard:focus-visible{outline:2px solid var(--acc,#1a73e8);outline-offset:2px}
.pvth{height:150px;background:#f4f5f7;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}
.pvth img{width:100%;height:100%;object-fit:cover}
.pvth canvas{width:100%!important;height:auto;background:#fff}
.pv-docx .pvth,.pv-txt .pvth{background:#fff;align-items:stretch}
.pvth .pvdoc{transform:scale(.42);transform-origin:top center;width:238%;margin:0 -69%;padding:18px 22px;font-size:15px;line-height:1.55;color:#222}
.pvth .pvtxt{font-size:10px;margin:8px;white-space:pre-wrap;color:#333}
.pvload{font-size:12px;color:#7a828c;align-self:center;padding:8px;text-align:center}
.pvcap{display:flex;justify-content:space-between;gap:6px;padding:8px 10px;font-size:12.5px;border-top:1px solid var(--line,#eceef1)}
.pvcap span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.pvcap i{font-style:normal;color:#7a828c;white-space:nowrap}
.pvov{position:fixed;inset:0;z-index:9999;background:rgba(12,18,28,.72);display:flex;flex-direction:column;opacity:0;transition:opacity .2s ease}
.pvov.on{opacity:1}
.pvbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;color:#1d2530}
.pvbar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.pvbar .sp{flex:1}
.pvbtn{all:unset;cursor:pointer;padding:7px 12px;border-radius:8px;background:#eef1f5;font-size:13px;font-weight:600;color:#1d2530}
.pvbody{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.pvbody .pvpg{box-shadow:0 2px 12px rgba(0,0,0,.25);background:#fff;max-width:100%}
.pvbody .pvfull{max-width:100%;max-height:calc(100vh - 90px);object-fit:contain}
.pvbody .pvdoc{background:#fff;max-width:820px;width:100%;padding:36px 40px;box-sizing:border-box;border-radius:4px;line-height:1.7;color:#222}
.pvbody .pvtxt{background:#fff;max-width:820px;width:100%;padding:20px;box-sizing:border-box;white-space:pre-wrap}
.pvdoc table{border-collapse:collapse;width:100%}.pvdoc td,.pvdoc th{border:1px solid #d5d9de;padding:4px 6px}
.pvdoc img{max-width:100%}
@media (max-width:600px){.pvbody .pvdoc{padding:20px 16px}.pvcard{width:calc(50% - 5px)}}

/* w61 (2026-10-30): a .txt attachment preview used the <pre> monospace font, so Arabic showed in a fallback mono face
   and a line that starts with a Latin word or a number set the whole block LTR. The app font is used, each line takes
   its own direction (plaintext bidi) and aligns to its start. */
.pvtxt{font-family:inherit;font-size:inherit;unicode-bidi:plaintext;text-align:start;line-height:1.7;overflow-wrap:anywhere;tab-size:4}
.pvth .pvtxt{font-size:10px;line-height:1.55}
.pvbody .pvtxt{font-size:15px;border-radius:4px;color:#222}
/* w61-deploy-mail-20261030T025207Z-10354 */