#email-statistics-panel,#sms-statistics-panel{display:grid;gap:18px;min-width:0}#email-statistics-panel[hidden],#sms-statistics-panel[hidden]{display:none}.communication-filter{padding:18px}.communication-filter-grid{display:grid;gap:12px;align-items:end}.communication-filter-grid.email{grid-template-columns:repeat(3,minmax(170px,1fr)) auto}.communication-filter-grid.sms{grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) auto}.communication-filter-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#40536e}.communication-filter-grid button{min-height:42px}.communication-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.communication-cards.sms{grid-template-columns:repeat(4,minmax(0,1fr))}.communication-cards article{padding:17px 18px;border:1px solid #dce6f3;border-radius:14px;background:#edf4ff}.communication-cards article:nth-child(2){background:#eaf8f0}.communication-cards article:nth-child(3){background:#fff5e9}.communication-cards article:nth-child(4){background:#f5effd}.communication-cards span{display:block;color:#71829c;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.communication-cards strong{display:block;margin-top:7px;color:#17365b;font-size:23px}.communication-cards small{display:block;margin-top:4px;color:#647b98;font-size:11px}.communication-list,.communication-summary{overflow:hidden;padding:16px}.communication-list .ppr-card-header,.communication-summary .ppr-card-header{align-items:center;margin-bottom:12px}.communication-list .ppr-card-header h2,.communication-summary .ppr-card-header h2{font-size:16px}.communication-list .ppr-card-header p,.communication-summary .ppr-card-header p{font-size:12px}.communication-table-head,.communication-row{display:grid;gap:14px;align-items:center}.communication-table-head.email,.communication-row.email{grid-template-columns:115px minmax(125px,.8fr) minmax(145px,1fr) minmax(200px,1.5fr) 80px}.communication-table-head.sms,.communication-row.sms{grid-template-columns:115px 120px minmax(260px,1.6fr) minmax(190px,1fr) 65px}.communication-table-head{padding:9px 14px;background:#f5f8fc;color:#71829c;font-size:9px;font-weight:800;text-transform:uppercase}.communication-row{min-height:58px;padding:11px 14px;border-bottom:1px solid #e4ebf4;color:#405672;font-size:12px}.communication-row:last-child{border-bottom:0}.communication-row strong{color:#17365b;font-size:12px}.communication-row time{font-variant-numeric:tabular-nums}.communication-row.sms b{text-align:right}.status-badge{justify-self:start;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.status-badge.is-success{background:#e8f6ed;color:#19784a}.status-badge.is-error{background:#ffebe8;color:#b93636}.communication-pager{display:flex;justify-content:space-between;align-items:center;padding:13px 14px 0;border-top:1px solid #e4ebf4;color:#647b98;font-size:11px}.communication-pager>div{display:flex;gap:8px}.communication-status-list{display:grid;margin:0 -16px -16px}.communication-status{display:grid;grid-template-columns:minmax(0,1fr) 70px 18px;gap:12px;align-items:center;padding:13px 16px;border:0;border-bottom:1px solid #e4ebf4;background:#fff;color:#314762;text-align:left}.communication-status:hover,.communication-status.active{background:#f1f6ff}.communication-status strong,.communication-status small{display:block}.communication-status strong{font-size:12px}.communication-status small{margin-top:3px;color:#71829c;font-size:10px}.communication-status b{text-align:right;color:#17365b;font-size:17px}.communication-status i{font-style:normal;font-size:18px}.communication-list .ppr-actions svg,.communication-summary .ppr-actions svg,.si-heading-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:900px){.communication-filter-grid.email,.communication-filter-grid.sms,.communication-cards,.communication-cards.sms{grid-template-columns:repeat(2,minmax(0,1fr))}.communication-table-head{display:none}.communication-row.email,.communication-row.sms{grid-template-columns:1fr 1fr}.communication-row strong{grid-column:1/-1}.communication-row .status-badge{grid-column:2}}@media(max-width:560px){.communication-filter-grid.email,.communication-filter-grid.sms,.communication-cards,.communication-cards.sms,.communication-row.email,.communication-row.sms{grid-template-columns:1fr}.communication-filter-grid button{width:100%}.communication-list .ppr-card-header,.communication-summary .ppr-card-header{align-items:flex-start;flex-direction:column}.communication-list .ppr-actions,.communication-summary .ppr-actions{width:100%}.communication-pager{align-items:flex-start;gap:10px;flex-direction:column}}
