.w-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.w-metrics .card{padding:20px}.w-metrics strong{display:block;font-size:32px;margin-top:8px;color:var(--green,#123d32)}.w-filter{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:20px 0}.w-mail-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dde3dc;padding:22px 0}.w-mail-row>div{min-width:0}.w-mail-row h3{margin:9px 0;overflow-wrap:anywhere}.w-mail-row p{overflow-wrap:anywhere}.w-mail-row>.btn{align-self:center;flex-shrink:0}.w-mail-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:14px/1.7 system-ui;background:#f5f7f3;border:1px solid #dde3dc;padding:20px;border-radius:10px;max-height:50vh;overflow:auto}.w-customer{margin:20px 0;padding:18px;border:1px solid #dbe4dd;border-radius:12px}.w-toolbar{margin:10px 0}.w-customer .task-item{gap:12px}.w-customer p{overflow-wrap:anywhere}@media(max-width:767px){.w-metrics{grid-template-columns:1fr 1fr;gap:10px}.w-filter{grid-template-columns:1fr}.w-mail-row{flex-direction:column;gap:12px}.w-mail-row>.btn{align-self:flex-start}.w-customer .task-item{flex-wrap:wrap}.w-mail-body{padding:12px}.w-toolbar .btn{flex:1}}