/* Compact mail controls and aligned message columns. */
html body #mail235 .m235-tabs,html body #mail235 .m235-list-header{display:none!important}
html body #mail235 .m235-toolbar{padding:7px;gap:7px;border-radius:7px 7px 0 0}
html body #mail235 .m235-search{position:relative;display:flex;gap:6px;align-items:center;min-width:100px}
html body #mail235 .m235-search>input[type=search]{flex:1;min-width:0;height:36px;font-size:13px}
html body #mail235 .m242-dates{display:flex;gap:5px;align-items:center;flex:none;font-size:12px;min-height:36px;white-space:nowrap;border:1px solid #d6e1e9;background:white}
html body #mail235 .m242-dates.active{background:#e5f0fa;color:#176ca8}
html body #mail235 .m242-date-range{position:absolute;z-index:40;top:calc(100% + 8px);right:0;width:min(420px,calc(100vw - 28px));display:flex;align-items:end;flex-wrap:wrap;gap:10px;background:white;border:1px solid #cfdee8;border-radius:8px;padding:12px;box-shadow:0 5px 20px #193e5526}
html body #mail235 .m242-date-range label{display:grid;gap:4px;flex:1;min-width:130px;font-size:12px}
html body #mail235 .m242-date-range input{width:100%;font-size:14px;padding:7px}
html body #mail235 .m242-date-range button{background:#eaf2f8;font-size:12px}
html body #mail235 .m242-date-error{flex-basis:100%;color:#ad2738;font-size:12px}
html body #mail235 .m235-filters{padding:4px 9px;min-height:35px}
@media(min-width:701px){
html body #mail235{--m242-grid:26px minmax(90px,22%) minmax(0,1fr) 100px 88px 26px 26px}
html body #mail235 .m235-columns,html body #mail235 .m235-row,html body #mail235 .m235-row:has(.m241-file-strip){display:grid!important;grid-template-columns:var(--m242-grid)!important;gap:6px!important;padding:5px 9px!important;align-items:center!important}
html body #mail235 .m235-columns{font-size:11px;min-height:30px}
html body #mail235 .m235-row{min-height:42px!important}
html body #mail235 .m235-row:has(.m241-file-strip){min-height:80px!important}
html body #mail235 .m241-row-content{display:contents!important}
html body #mail235 .m235-open,html body #mail235 .m235-row:has(.m241-file-strip) .m235-open{display:grid!important;grid-column:2/6!important;grid-row:1!important;grid-template-columns:subgrid!important;gap:6px!important;width:auto!important}
html body #mail235 .m235-sender{grid-column:1!important;grid-row:1!important;min-width:0;font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #mail235 .m235-subject{grid-column:2!important;grid-row:1!important;min-width:0;font-size:12px!important;display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
html body #mail235 .m235-status{grid-column:1;grid-row:1}
html body #mail235 .m235-open time,html body #mail235 .m235-row:has(.m241-file-strip) .m235-open time{display:block!important;grid-column:4!important;grid-row:1!important;white-space:normal!important;text-align:right!important;font-size:10px!important}
html body #mail235 .m235-star{grid-column:6!important;grid-row:1!important;padding:3px!important}
html body #mail235 .m235-more{grid-column:7!important;grid-row:1!important;padding:3px!important}
html body #mail235 .m235-snippet{display:none!important}
html body #mail235 .m241-file-strip{grid-column:4!important;grid-row:1!important;justify-content:flex-start;gap:5px;overflow:hidden;min-width:0;position:relative;z-index:1}
html body #mail235 .m241-file-tile{width:84px;min-width:84px;height:64px;min-height:64px;padding:5px 6px;display:flex;flex:none;flex-direction:column;gap:4px;background:#ededed!important;border:1px solid #e1e1e1!important;border-radius:6px;justify-content:space-between;box-shadow:none}
html body #mail235 .m241-file-name{font-size:11px!important;line-height:14px!important;height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:anywhere}
html body #mail235 .m241-file-type{font-size:9px!important;padding:1px 3px;line-height:12px}
html body #mail235 .m241-file-tile:nth-child(n+2){display:none}
html body #mail235 .m241-file-tile img{display:none!important}
html body #mail235 .m241-download-all{font-size:10px;flex:none}
html body #mail235 .m235-reply-mark{grid-column:2/4;grid-row:2;font-size:10px}
}
@media(min-width:1251px){html body #mail235{--m242-grid:26px minmax(120px,22%) minmax(0,1fr) 204px 112px 26px 26px}html body #mail235 .m241-file-tile:nth-child(2){display:flex}}
/* File icons in an open letter: equal dimensions, hover actions, no deletion. */
html body #mail235 .m235-attachments{display:flex!important;flex-wrap:wrap;gap:7px;padding:12px 0!important}
html body #mail235 .m235-attachments h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html body #mail235 .m235-attachment{display:flex!important;position:relative;flex:0 0 110px;width:110px;height:133px;min-height:133px;align-items:center;flex-direction:column;gap:7px;padding:9px 7px!important;border:0!important;border-radius:7px;background:transparent!important;margin:0!important}
html body #mail235 .m235-attachment:hover,html body #mail235 .m235-attachment:focus-within{background:#efefef!important}
html body #mail235 .m242-file-image{width:52px;height:70px;border:1px solid #d4d4d4;background:white;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px;padding:7px 0;position:relative;flex:none;color:#e7454e}
html body #mail235 .m242-file-image:after{content:'';position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:linear-gradient(45deg,currentColor 0 49%,white 50%)}
html body #mail235 .m242-file-image svg{width:29px;height:29px;stroke-width:1.2}
html body #mail235 .m242-file-image.docx{color:#4264c1}html body #mail235 .m242-file-image.xlsx{color:#288352}
html body #mail235 .m242-file-format{font-size:10px;color:#777;letter-spacing:.5px;line-height:12px}
html body #mail235 .m242-file-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;width:96px;height:30px;font-size:11px;line-height:15px;color:#193b55}
html body #mail235 .m242-file-actions{position:absolute;top:53px;left:0;right:0;display:flex;justify-content:center;gap:5px;opacity:0;pointer-events:none}
html body #mail235 .m235-attachment:hover .m242-file-actions,html body #mail235 .m235-attachment:focus-within .m242-file-actions{opacity:1;pointer-events:auto}
html body #mail235 .m242-file-actions button,html body #mail235 .m242-file-actions a{display:flex;align-items:center;justify-content:center;width:29px;height:29px;min-height:29px;padding:5px;border:1px solid #ddd;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;color:#454545}
html body #mail235 .m242-file-actions svg{width:17px;height:17px}
@media(hover:none){html body #mail235 .m242-file-actions{opacity:1;pointer-events:auto}}
@media(max-width:700px){
html body #mail235 .m241-file-strip{display:flex!important;overflow-x:auto!important;touch-action:pan-x pan-y!important}
html body #mail235 .m241-file-tile{border:1px solid #ccdbe7!important;background:transparent!important;box-shadow:none!important;flex:0 0 128px;width:128px;min-width:128px;height:39px;padding:5px 7px;border-radius:10px;display:flex}
html body #mail235 .m241-file-name{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #mail235 .m241-file-type{min-width:28px;height:27px;font-size:9px;display:grid;place-items:center}
html body #mail235 .m240-reading-navigation{position:sticky!important;top:0!important;min-height:58px;padding:calc(9px + env(safe-area-inset-top,0px)) 12px 9px!important;z-index:9;background:white!important;isolation:isolate}
html body #mail235 .m240-reading-navigation .m235-back{min-height:40px!important;flex:none}
html body #mail235 .m240-reading-card .m235-reader-toolbar{position:static!important;top:auto!important;z-index:auto!important}
html body #mail235 .m235-reader-pane{overscroll-behavior-y:contain;scroll-padding-top:70px}
html body .card-header{display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;gap:6px 10px!important;padding:12px 14px!important;min-height:0!important;height:auto!important;background:white!important;align-items:start!important}
html body .card-header .document-title-line{grid-column:1!important;grid-row:1!important;display:flex!important;flex-wrap:wrap;gap:6px!important;min-width:0;flex-basis:auto!important}
html body .card-header h1{font-size:16px!important;line-height:1.35!important;overflow-wrap:anywhere}
html body .card-header .badge{font-size:11px!important;padding:3px 7px!important}
html body .card-header .card-close{grid-column:2!important;grid-row:1/3!important;position:static!important;margin:0!important;width:36px;height:36px;line-height:36px}
html body .card-header .card-registration-caption,html body .card-header>p{grid-column:1!important;grid-row:2!important;width:auto!important;text-align:left!important;margin:0!important;font-size:10px!important;line-height:1.4!important}
}
@media(min-width:701px) and (max-width:1250px){html body #mail235{--m242-grid:26px minmax(90px,22%) minmax(0,1fr) 82px 48px 22px 22px}html body #mail235 .m235-columns,html body #mail235 .m235-row,html body #mail235 .m235-row:has(.m241-file-strip),html body #mail235 .m235-open,html body #mail235 .m235-row:has(.m241-file-strip) .m235-open{gap:4px!important}html body #mail235 .m241-file-tile{width:64px;min-width:64px}html body #mail235 .m236-full-time{display:none!important}html body #mail235 .m236-short-time{display:inline!important}}
html body #mail235 .m235-attachment .m242-file-name{display:-webkit-box!important;flex:none!important;min-height:30px;max-height:30px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body #mail235 .m235-attachment .m242-file-actions{flex:none!important;width:auto!important}
html body #mail235 .m242-file-image.jpg,html body #mail235 .m242-file-image.png,html body #mail235 .m242-file-image.jpeg{color:#5b7785}
@media(max-width:700px){html:has(#mail235),html body:has(#mail235){height:100%;overflow:hidden!important;overscroll-behavior:none}html body #mail235 .m235-reader-pane{overflow-y:auto!important;-webkit-overflow-scrolling:touch}}
@media(min-width:701px){html body #mail235 .m241-file-strip{justify-content:flex-end!important}html body #mail235 .m235-columns>span:nth-child(4){text-align:right}}