.crm-communications,.communication-content,.communication-form,.communication-card,.communication-summary,.communication-history-item{display:grid;gap:16px;min-width:0}.crm-communications{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.crm-communications h1,.crm-communications h2,.crm-communications h3,.crm-communications p,.communication-summary h3,.communication-summary p{margin:0;overflow-wrap:anywhere}.crm-communications h1{font-size:26px}.crm-communications h2{font-size:21px}.crm-communications h3,.communication-summary h3{font-size:17px}.communication-top,.communication-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.communication-actions{justify-content:flex-start}.communication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.communication-form .field-group,.communication-filter .field-group{min-width:0;margin:0}.communication-muted{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.communication-note,.communication-warning,.communication-success{padding:14px;border-radius:9px;display:grid;gap:9px;overflow-wrap:anywhere}.communication-note{background:#edf4fa;color:#364e62}.communication-warning{background:#fff6e5;color:#775319}.communication-success{background:#edf8f0;color:#265c3d}.communication-card,.communication-links,.communication-history-item{padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}.communication-list,.communication-filter,.communication-links,.communication-preview{display:grid;gap:14px;min-width:0}.communication-card-title{font-size:18px;font-weight:600;overflow-wrap:anywhere}.communication-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.communication-definitions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:9px 15px;margin:0}.communication-definitions dt{color:var(--muted);font-weight:400}.communication-definitions dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.communication-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.communication-counts>div{display:grid;gap:6px;padding:12px;background:#edf4fa;border-radius:8px;min-width:0}.communication-counts strong{font-size:23px}.communication-check{display:flex;gap:11px;align-items:center;min-height:44px;cursor:pointer;min-width:0}.communication-check input{flex-shrink:0}.communication-preview-row{display:grid;grid-template-columns:minmax(0,.7fr) repeat(2,minmax(0,1fr));gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;min-width:0}.communication-preview-row>div{display:grid;gap:6px;overflow-wrap:anywhere}.crm-communications .btn,.crm-communications .form-control,.crm-communications .form-select,.communication-summary .btn{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.crm-communications .btn,.communication-summary .btn{justify-self:start}.crm-communications [hidden],.communication-summary [hidden]{display:none!important}.crm-communications [role=status]:empty,.crm-communications [role=alert]:empty{display:none}.communication-summary{padding:16px;border:1px solid var(--line);border-radius:10px}.communication-summary .communication-card{gap:10px;padding:13px}.communication-summary .communication-card-title{font-size:16px}.communication-form textarea{min-height:112px}.communication-pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.communication-links-search{display:flex;align-items:flex-end;gap:12px}.communication-links-search .field-group{flex:1;min-width:0}@media(max-width:767px){.crm-communications{padding:16px}.communication-grid,.communication-definitions,.communication-preview-row{grid-template-columns:minmax(0,1fr)}.communication-definitions{gap:4px}.communication-definitions dd{margin-bottom:8px}.communication-top{display:grid;grid-template-columns:minmax(0,1fr)}.communication-actions,.communication-links-search{display:grid;grid-template-columns:minmax(0,1fr)}.communication-actions .btn,.communication-links-search .btn{width:100%}.communication-card,.communication-links,.communication-history-item{padding:13px}.communication-counts{gap:8px}.communication-counts>div{padding:10px}.communication-counts span{font-size:12px}.communication-counts strong{font-size:20px}}

.crm-communications .communication-check input[type=checkbox]{width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;flex:0 0 20px;appearance:auto;padding:0}.communication-check>span{min-width:0;flex:1;overflow-wrap:anywhere}
