.wa-view{max-width:1400px;margin-inline:auto}.wa-tabs,.wa-buttons,.wa-heading,.wa-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wa-tabs{margin:18px 0}.wa-tabs .active{background:var(--primary,#0085ff);color:white}.wa-heading{justify-content:space-between}.wa-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.wa-card{padding:18px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:18px}.wa-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.wa-row>div:first-child{min-width:0;flex:1}.wa-message,.wa-preview{white-space:pre-wrap;overflow-wrap:anywhere}.wa-preview{background:color-mix(in srgb,#20be70 9%,transparent);border-radius:18px;padding:20px;line-height:1.65}.wa-excerpt{max-height:5em;overflow:hidden}.wa-status{display:inline-block;border-radius:99px;padding:4px 10px;background:color-mix(in srgb,currentColor 9%,transparent);font-size:12px}.wa-sent{background:color-mix(in srgb,#20be70 18%,transparent)}.wa-failed,.wa-cancelled{background:color-mix(in srgb,#e64b55 15%,transparent)}.wa-connection{display:grid;grid-template-columns:1fr 320px;gap:32px}.wa-connection dl{display:grid;grid-template-columns:auto 1fr;gap:12px}.wa-connection dd{margin:0;overflow-wrap:anywhere}.wa-qr{align-self:center;text-align:center}.wa-qr svg{width:280px;max-width:100%;background:white;border-radius:12px}.wa-filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.wa-filters input,.wa-filters select{max-width:260px}.wa-pagination{justify-content:space-between;margin-top:18px}.wa-variables{display:flex;flex-wrap:wrap;gap:6px}.wa-variables button{font-size:12px;padding:6px 9px}.wa-modal-card{max-width:800px}.wa-detail-image{max-width:100%;max-height:320px;object-fit:contain;border-radius:14px}.wa-detail .wa-buttons{margin:18px 0}.wa-detail ul{padding-left:20px}.wa-notices .alert{margin-bottom:12px}@media(max-width:650px){.wa-connection{grid-template-columns:1fr}.wa-row{flex-direction:column;gap:12px}.wa-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.wa-tabs button{flex-shrink:0}.wa-filters{display:grid;grid-template-columns:1fr 1fr}.wa-filters input,.wa-filters select{max-width:100%;min-width:0}.wa-heading{align-items:flex-start}}@media(prefers-reduced-motion:no-preference){.wa-card,.wa-status{transition:background .2s ease}}
