.mailview{height:100%;min-height:620px;background:#fff;color:#151515;font:13px Arial,Tahoma,"Microsoft YaHei",sans-serif;--mail-yellow:#f5e7ab;--mail-pale:#faf4d9;--mail-line:#d1c59d;--mail-link:#163f9c}
.mailview button,.mailview input,.mailview select{font-family:Arial,Tahoma,"Microsoft YaHei",sans-serif;font-size:13px;border-radius:2px}
.mailview button{cursor:pointer}.mailview button:disabled{cursor:default}.mailview button:focus-visible,.mailview input:focus-visible,.mailview select:focus-visible{outline:2px solid #6c82ab;outline-offset:1px}
.mailview .mail-provided-logo{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
/* Horizontal masthead and a separate right-hand login form. */
.mailview .maillogin{display:block;min-height:calc(100vh - 92px);padding:28px 32px 58px;background:#fff}
.mailview .loginbrand{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:center;margin:0 0 36px}
.mailview .loginbrandmark{display:block;width:200px;height:62px;background:transparent;color:inherit;font:inherit}
.mailview .loginbrand>div:last-child{min-height:60px;padding:12px 16px 10px;background:var(--mail-yellow);border-radius:3px}
.mailview .loginbrand .org{color:#111;font:700 23px/1.2 Arial,Tahoma,"Microsoft YaHei",sans-serif}.mailview .loginbrand .product{margin-top:5px;color:#61582e;font-size:12px}
.mail-login-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:70px;align-items:start;margin:0 9px}
.mail-login-intro{padding:4px 0}.mail-login-intro>p{margin:0;font-size:22px;font-weight:700;line-height:1.45;color:#292719}
.mail-login-art{width:150px;margin:55px 0 0 35px;transform:rotate(-8deg);opacity:.74}.mail-login-art svg{display:block;width:100%;fill:#fff8da;stroke:#ccb35d;stroke-width:2}
.mailview .loginpanel{width:100%;margin:0;padding:22px 20px 20px;background:#faf4d9;border:1px solid #d9cea7;box-shadow:inset 0 0 0 4px #fff;border-radius:0}
.mailview .loginpanel h1{margin:0 0 20px;font:400 20px/1.2 Arial,Tahoma,"Microsoft YaHei",sans-serif;text-align:center;color:#151515}
.mailview .mailfield{display:grid;grid-template-columns:85px minmax(0,1fr);gap:8px;align-items:center;margin-top:12px}.mailview .mailfield span{margin:0;font-size:14px;color:#222;text-align:right}
.mailview .mailfield input{width:100%;height:29px;padding:3px 6px;border:1px solid #949494;border-radius:1px;box-shadow:inset 1px 1px 2px #00000010;background:#fff;color:#111;font-size:13px}
.mailview .mailfield input:focus{border-color:#555;box-shadow:inset 0 0 0 1px #555}
.mailview .passwordformat{margin:10px 0 0 93px;color:#746845;font-size:11px}
.mailview .loginbutton{display:block;width:auto;height:27px;margin:15px 0 0 93px;padding:2px 15px;border:1px solid #9a9a9a;background:linear-gradient(#fff,#e4e4e4);color:#161616;font:14px Arial,Tahoma,sans-serif;box-shadow:inset 0 1px #fff}
.mailview .loginerror{margin-top:12px;line-height:1.4;color:#b90000;font-size:12px}
/* White header, narrow folder rail, and densely ruled message rows. */
.mailview .mailapp{height:calc(100vh - 92px);min-height:620px;display:grid;grid-template-rows:84px 35px minmax(0,1fr);background:#fff;padding:0 12px 12px 0}
.mailview .mailmast{padding:8px 10px 8px 14px;gap:20px;background:#fff;border:0;align-items:center}
.mailview .mailbrand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:162px;min-width:162px;flex:none}
.mailview .mailbrandmark{display:block;width:154px;height:47px;background:transparent;font:inherit;color:inherit}
.mailview .mailbrand>div:last-child{max-width:162px;line-height:1.2}.mailview .mailbrand strong{font-size:11px;color:#666047;font-weight:400}.mailview .mailbrand span{margin-top:2px;color:#847d64;font-size:9px}
.mailview .mailsearch{display:flex;align-items:center;gap:6px;height:29px;max-width:710px;min-width:0;border:0;background:transparent}
.mailview .mailsearch input{height:26px;padding:3px 7px;border:1px solid #9a9a9a;background:white;font-size:13px;box-shadow:inset 1px 1px 1px #0000000e}
.mailview .mailsearch select{height:26px;width:130px;flex-shrink:0;padding:2px 4px;border:1px solid #b3b3b3;border-radius:1px;background:#fff;color:#222;font-size:11px}
.mailview .mailsearch button{height:26px;width:auto;flex:none;padding:0 13px;border:1px solid #aaa;background:linear-gradient(#fff,#e8e8e8);color:#111;box-shadow:inset 0 1px #fff;font-size:12px;white-space:nowrap}
.mailview .mailaccount{display:block;min-width:170px;color:#444;text-align:right;font-size:11px;line-height:1.45}.mailview .mailaccount button{display:block;margin:3px 0 0 auto;color:var(--mail-link);font-size:11px}
.mailview .mailcommands{margin-left:176px;padding:4px 9px;gap:5px;background:var(--mail-yellow);border:1px solid var(--mail-line);border-bottom:0;border-radius:2px 2px 0 0;overflow-x:auto}
.mailview .mailcommands button,.mailview .messageactions button{height:25px;padding:2px 10px;border:1px solid #b6b4a8;background:linear-gradient(#fff,#e9e8e1);color:#161616;font-size:12px;white-space:nowrap;box-shadow:inset 0 1px white}
.mailview .mailcommands button:hover,.mailview .messageactions button:hover,.mailview .mailsearch button:hover,.mailview .loginbutton:hover{background:linear-gradient(#fff,#deddd5);border-color:#929187}
.mailview .mailworkspace{display:grid;grid-template-columns:176px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 44px;min-height:0;background:#fff}
.mailview .mailfolders{grid-column:1;grid-row:1 / 3;padding:0 8px 18px 0;background:#fff;border:0;overflow:auto}
.mailview .folderheading{margin:0 0 12px;padding:8px 14px 6px;color:#151515;background:#fbf4d9;font-size:12px;text-transform:none;letter-spacing:0;font-weight:700}
.mailview .mailfolder{height:27px;padding:0 12px 0 16px;gap:7px;border:0;border-radius:0;color:#161616;background:#fff;font-size:13px;line-height:1.2}
.mailview .mailfolder span:first-child{width:14px;font-size:12px;color:#8b7750}.mailview .mailfolder span:last-child{margin-left:auto;color:#5d5d52;font-size:11px}
.mailview .mailfolder.active{background:var(--mail-yellow);font-weight:700}.mailview .mailfolder:hover:not(:disabled){background:#fbf3d4}.mailview .mailfolder:disabled{opacity:.42;color:#7b7b73;background:#fff}
.mailview .storestatus{width:calc(100% - 22px);margin:22px 8px 0 14px;padding:9px 7px;border:1px solid #dacb98;border-radius:1px;background:#fcf8e7;color:var(--mail-link);box-shadow:none}
.mailview .storestatus span{font-size:11px;text-decoration:underline}.mailview .storestatus small{margin-top:5px;color:#847b5d;font-size:10px}
.mailview .maillistpane{grid-column:2;grid-row:1;border:1px solid var(--mail-line);border-bottom:0;overflow:auto;min-height:0;background:#fff}
.mailview .maillisthead{position:sticky;top:0;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:29px;padding:5px 9px;background:#f7edc6;border-bottom:1px solid #dcd0a8}
.mailview .maillisthead strong{display:block;color:#252115;font-size:13px;font-weight:700}.mailview .maillisthead span{display:block;margin:0;color:#70654a;font-size:11px}
.mailview .mailrow{display:grid;grid-template-columns:12px minmax(0,1fr) 107px;align-items:center;gap:7px;min-height:31px;padding:5px 8px;border:0;border-bottom:1px solid #e5e1d5;border-radius:0;background:#f5f3e9;color:#171717;text-align:left}
.mailview .mailrow:has(.unreaddot:not(.read)){background:#fff;font-weight:700}.mailview .mailrow:hover{background:#fcf2cb}.mailview .mailrow.active{background:#f5e2a0;border-bottom-color:#c6b167;box-shadow:inset 3px 0 #ac924c}
.mailview .unreaddot{display:block;width:8px;height:8px;margin:0;border:1px solid #c3c0b4;border-radius:1px;background:#fff8d7}.mailview .unreaddot:not(.read){border-color:#ad8f32;background:#eac962}
.mailview .mailrowcopy{display:grid;grid-template-columns:minmax(120px,170px) minmax(150px,1fr);column-gap:16px;row-gap:0;align-items:center;min-width:0}
.mailview .mailrowfrom{display:block;font-size:12px;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailview .mailrowsubject{display:block;margin:0;font-size:12px;line-height:1.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailview .mailrowpreview{display:none;grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;margin-top:-3px;color:#797465;font-weight:400}
.mailview .mailrowdate{display:block;text-align:right;font-size:10px;color:#625e50;white-space:nowrap}
.mailview .mailreadpane{grid-column:2;grid-row:2;min-width:0;min-height:0;border:1px solid var(--mail-line);background:#fff;overflow:auto}
.mailview .mailempty{display:flex;align-items:center;justify-content:flex-start;padding:10px;color:#8d8570;font-size:11px;background:#faf4dc}
.mailview .mailworkspace:has(.mailreadpane>article){grid-template-rows:190px minmax(0,1fr)}
.mailview .mailworkspace:has(.mailreadpane>article) .maillistpane{border-bottom:2px solid #e1d5ab}
.mailview .messagehead{padding:15px 21px 12px;border-bottom:1px solid #e4ddc7;background:#fffcf1}
.mailview .messagehead h1{margin:0 0 15px;font:bold 20px/1.35 Arial,Tahoma,"Microsoft YaHei",sans-serif;color:#151515}
.mailview .messagefrom{grid-template-columns:28px minmax(0,1fr) auto;gap:10px}.mailview .senderavatar{width:26px;height:26px;border-radius:2px;border:1px solid #d7c99d;background:#f6e7b1;font-size:13px;color:#75632e}.mailview .senderline span{font-size:12px;font-weight:700}.mailview .senderline small{font-size:11px;color:#77715e}.mailview .messagedate{font-size:11px;color:#77715e}.mailview .messageactions{margin-top:13px;gap:5px}
.mailview .messagebody{max-width:1040px;padding:22px 24px 28px;color:#181818;font:13px/1.65 Arial,Tahoma,"Microsoft YaHei",sans-serif}.mailview .messagebody p{margin:0 0 16px}
.mailview .attachmentbar{margin:0 24px 26px;gap:10px}.mailview .mailattachment{min-width:230px;max-width:100%;border:1px solid #dbd1b0;border-radius:0;padding:8px;background:#f9f6e9;gap:9px}.mailview .mailattachment:hover{background:#fff0c4;border-color:#bcaa6f}.mailview .filetype{width:29px;height:35px;border:1px solid #d4c497;background:#f5e8bb;border-radius:0;font-size:9px}.mailview .mailattachment>span:last-child>span{color:var(--mail-link);font-size:12px;text-decoration:underline}.mailview .mailattachment small{font-size:10px;color:#817760}
.mailview .mailzero{padding:35px 20px;font-size:12px;color:#8b8065}
.mailview .maildialog{border:1px solid #aa9d72;box-shadow:0 4px 16px #0003;border-radius:0;font-family:Arial,Tahoma,"Microsoft YaHei",sans-serif}.mailview .maildialog>header{padding:8px 12px;background:#f4e5ab;border-color:#cbbc89}.mailview .maildialog>header button{height:23px;width:23px;border:1px solid #b9aa7b;background:#faf2d4;border-radius:1px;line-height:1}.mailview .sourcecode{font:12px/1.55 "Courier New",Consolas,monospace;color:#222}.mailview .dialogform input{height:30px;border:1px solid #999;border-radius:1px;background:#fff;font-size:13px}.mailview .dialogform button{height:29px;border:1px solid #aaa;border-radius:2px;background:linear-gradient(#fff,#e8e8e8);color:#111;font-size:13px}.mailview .dialogform h2{font:bold 18px Arial,Tahoma,"Microsoft YaHei",sans-serif}.mailview .mailtoast{border-radius:0;box-shadow:0 2px 6px #0002;font-size:12px}
@media(max-width:1100px){.mailview .mailaccount{display:none}.mailview .mailrowcopy{grid-template-columns:145px minmax(120px,1fr);gap:10px}}
@media(max-width:800px){.mailview .maillogin{padding:24px 20px}.mailview .loginbrand{grid-template-columns:160px 1fr;gap:15px}.mailview .loginbrandmark{width:155px;height:48px}.mailview .loginbrand .org{font-size:18px}.mail-login-body{grid-template-columns:minmax(0,1fr) 320px;gap:25px;margin:0}.mail-login-intro>p{font-size:18px}.mailview .mailmast{gap:12px;padding-left:9px}.mailview .mailbrand{width:138px;min-width:138px}.mailview .mailbrandmark{width:132px;height:41px}.mailview .mailsearch select{width:112px}.mailview .mailworkspace{grid-template-columns:150px minmax(0,1fr)}.mailview .mailcommands{margin-left:150px}.mailview .mailrowcopy{grid-template-columns:110px minmax(100px,1fr)}.mailview .mailrowdate{font-size:9px}.mailview .mailrow{grid-template-columns:10px minmax(0,1fr) 82px}}
@media(max-width:600px){.mailview .loginbrand{grid-template-columns:1fr;gap:17px}.mailview .loginbrandmark{width:180px;height:56px}.mail-login-body{grid-template-columns:1fr;gap:25px}.mail-login-art{display:none}.mailview .mailapp{grid-template-rows:112px 35px minmax(0,1fr)}.mailview .mailmast{flex-wrap:wrap;gap:6px;padding:5px 10px}.mailview .mailbrand{flex-direction:row;width:100%;min-width:0;gap:13px}.mailview .mailbrandmark{width:130px;height:40px}.mailview .mailsearch{max-width:none;width:100%;flex:auto}.mailview .mailworkspace{grid-template-columns:118px minmax(0,1fr)}.mailview .mailcommands{margin-left:118px}.mailview .mailfolder{font-size:11px;padding-left:9px}.mailview .storestatus{margin-left:7px;width:calc(100% - 14px)}.mailview .folderheading{padding-left:9px}.mailview .mailrowcopy{grid-template-columns:1fr;gap:0}.mailview .mailrowfrom{font-size:11px}.mailview .mailrowpreview{grid-column:1;margin-top:2px}.mailview .mailrowdate{display:none}.mailview .mailrow{grid-template-columns:9px minmax(0,1fr)}.mailview .messagehead,.mailview .messagebody{padding-left:14px;padding-right:14px}.mailview .messagefrom{grid-template-columns:28px minmax(0,1fr)}.mailview .messagedate{grid-column:2}.mailview .attachmentbar{margin-left:14px;margin-right:14px}}