.attachment-list{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px}.attachment-chip{display:flex;align-items:center;gap:7px;background:#edf5f5;color:#24736f;border-radius:16px;padding:6px 10px;font-size:10px}.attachment-chip button{border:0;background:none;color:#6c8585}.attachment-downloads{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.attachment-downloads a{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border:1px solid #e6ebf0;border-radius:8px;color:#0c837d;text-decoration:none;font-size:11px}.draft-row{display:grid;grid-template-columns:minmax(160px,.5fr) 1.5fr 100px;gap:12px;padding:14px 18px;border-bottom:1px solid #e6ebf0;cursor:pointer;font-size:12px}.draft-row:hover{background:#f7fafb}.draft-row strong{color:#c44}.draft-row time{text-align:right;color:#718096;font-size:10px}.format-tools span{font-size:9px;color:#8391a0}.reader-top .danger{color:#d9534f}.recipient-tools{position:absolute;right:18px}.compose-card form{position:relative}@media(max-width:600px){.draft-row{grid-template-columns:1fr 1.5fr}.draft-row time{display:none}.compose-card footer>div:last-child{display:flex;gap:5px}.compose-card footer .btn{padding:9px 10px;font-size:10px}}
.quoted-original {
  margin: 0 20px 16px;
  padding: 14px 16px;
  border-left: 3px solid var(--teal);
  border-radius: 0 8px 8px 0;
  background: #f3f7f8;
  color: #607083;
  font-size: 12px;
  line-height: 1.55;
  max-height: 180px;
  overflow: auto;
  white-space: pre-wrap;
}

.quoted-original strong {
  display: block;
  color: var(--ink);
  margin-bottom: 7px;
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.system-dialog{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px}.system-dialog.hidden{display:none}.dialog-backdrop{position:absolute;inset:0;background:rgba(10,25,45,.56);backdrop-filter:blur(5px);animation:dialogFade .18s ease}.dialog-card{position:relative;width:min(440px,100%);background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:28px;box-shadow:0 28px 80px rgba(10,25,45,.28);animation:dialogRise .22s ease;outline:none}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:#f2f5f7;color:#667789;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}.dialog-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e9f6f4;color:#087f78;font-size:22px;font-weight:800;margin-bottom:18px}.dialog-icon.danger{background:#fff0ef;color:#c43d3d}.dialog-copy h2{margin:2px 0 8px;color:#172a46;font-size:21px}.dialog-copy>p:last-child{margin:0;color:#657487;line-height:1.6;font-size:13px;white-space:pre-line}.dialog-form{display:grid;gap:13px;margin-top:20px}.dialog-form label{display:grid;gap:7px;color:#34465b;font-size:11px;font-weight:700}.dialog-form input{width:100%;border:1px solid #d9e1e8;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.dialog-form input:focus{border-color:#168c84;box-shadow:0 0 0 3px rgba(22,140,132,.12)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions .danger{background:#c94343;color:#fff;border-color:#c94343}.dialog-actions button:disabled{opacity:.6;cursor:wait}@keyframes dialogFade{from{opacity:0}}@keyframes dialogRise{from{opacity:0;transform:translateY(10px) scale(.98)}}@media(max-width:600px){.system-dialog{align-items:end;padding:10px}.dialog-card{border-radius:20px 20px 14px 14px;padding:24px 20px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(20,163,154,.35);outline-offset:2px}.btn:disabled,.icon-btn:disabled{opacity:.58;cursor:wait}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions .danger,.mail-toolbar .danger{color:#b83e42;background:#fff0f0}.compose-card{max-height:calc(100vh - 30px);overflow:auto}.sender-block>span:nth-child(2){min-width:0}.sender-block small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card button{min-width:36px;min-height:36px;border-radius:8px}.contact-card button:hover{background:#f0f4f6;color:#167f78}
@media(max-width:600px){.modal{padding:0;align-items:end}.compose-card{width:100%;max-height:96vh;border-radius:16px 16px 0 0}.compose-card textarea{height:220px}.compose-card footer{position:sticky;bottom:0;background:#fff;z-index:2}.page-head{flex-wrap:wrap}.page-head>div{min-width:0}.page-head h1{font-size:25px}.reader-actions{display:grid;gap:8px}.reader-actions .btn{width:100%}.mail-toolbar{overflow-x:auto}.mail-toolbar button{white-space:nowrap;min-height:40px}.table th,.table td{white-space:nowrap}.grid-contacts{grid-template-columns:1fr}}