.mail-workspace{display:grid;grid-template-columns:minmax(215px,270px) minmax(0,1fr);gap:20px;align-items:start}.mail-sidebar{overflow:hidden}.mail-box{display:block;padding:15px 20px;border-bottom:1px solid var(--border,#e1e7e5);overflow-wrap:anywhere}.mail-box strong,.mail-box small,.mail-connection{display:block}.mail-box small{font-size:12px;margin-top:5px}.mail-box.active{background:#eaf2ef;box-shadow:inset 3px 0 #145253}.mail-connection{font-size:11px;margin-top:8px;color:#6a756f}.mail-folders{display:grid;padding:12px;gap:4px}.mail-folders a{padding:10px 8px;border-radius:7px}.mail-folders a.active{background:#145253;color:white}.mail-main{min-width:0;display:grid;gap:15px}.mail-main>.notice{margin:0}.mail-row{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-top:1px solid #e7eae5;overflow-wrap:anywhere}.mail-row:hover{background:#f5f7f4}.mail-row small{display:block;font-size:12px;color:#65746d;margin-top:6px}.mail-row>div:last-child{text-align:right}.mail-detail{min-width:0}.mail-detail h2{overflow-wrap:anywhere}.mail-detail form{padding:22px}.mail-detail fieldset{border:0;padding:0;margin:0;min-width:0}.mail-detail textarea{resize:vertical;min-height:240px}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65;padding:18px 0;max-height:60vh;overflow:auto}.mail-headers{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;margin:0 0 22px;font-size:13px}.mail-headers dt{color:#65746d}.mail-headers dd{margin:0;overflow-wrap:anywhere}.cloud-card{margin-top:24px}.team-file-row{display:flex;align-items:center;gap:12px;padding:0 20px 0 0;border-top:1px solid #e1e7e5}.team-file-row .file-card{flex:1;border:0;min-width:0}.team-file-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.cloud-remote-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-top:1px solid #e1e7e5}.cloud-remote-row strong{overflow-wrap:anywhere}.cloud-remote-row small{display:block;color:#65746d;margin-top:6px}.integration-links{display:flex;gap:12px;margin:0 0 24px}.integration-links>a{flex:1;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff;border:1px solid #e1e7e5;border-radius:12px}.integration-links small{display:block;color:#65746d;margin-top:4px}.sidebar .sidebar-note{font-size:11px}.mail-main .button-row{flex-wrap:wrap}.mail-workspace .btn{white-space:normal}
@media(max-width:1000px){.mail-workspace{grid-template-columns:210px minmax(0,1fr)}.team-file-row{flex-wrap:wrap;padding:10px 16px;gap:8px}.team-file-row .file-card{flex-basis:100%;padding:8px 0}.team-file-row .btn{margin-bottom:5px}}
@media(max-width:700px){.mail-workspace{grid-template-columns:minmax(0,1fr)}.mail-sidebar nav{display:flex;overflow:auto}.mail-box{flex:1 0 180px;padding:12px}.mail-sidebar .card-head{padding:14px 16px}.mail-folders{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px;padding:8px}.mail-sidebar .card-body{padding:12px 16px}.mail-sidebar .bottom-note{margin:8px 0 0}.mail-detail form,.mail-detail .card-body{padding:16px}.mail-row{padding:16px;gap:10px}.mail-row>div:last-child{max-width:42%}.cloud-remote-row{align-items:flex-start;flex-direction:column;gap:10px}.integration-links{flex-direction:column}.integration-links>a{padding:16px}.mail-text{max-height:none}.mail-detail textarea{min-height:280px}}