.communication-workspace { display: grid; gap: 1.5rem; }
.communication-editor form { padding: 1.5rem; }
.communication-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem 2rem; }
.communication-wide { grid-column: 1 / -1; }
.communication-fields .form-field { display: flex; flex-direction: column; gap: .4rem; }
.communication-fields input, .communication-fields select, .communication-fields textarea { width: 100%; padding: .65rem; border: 1px solid #8999ac; border-radius: .35rem; background: #fff; color: #182d47; }
.communication-fields .communication-active input { width: auto; }
.communication-active { display: inline-flex; align-items: center; gap: .6rem; }
.communication-actions { display: flex; gap: .75rem; margin-top: 1.5rem; }
.communication-help, .communication-schedule { color: #475c74; font-size: .9rem; margin: 0; }
.communication-fields .field-validation-error, .communication-fields .input-validation-error { color: #a02222; }
.communication-fields .input-validation-error { border-color: #a02222; }
.communication-workspace [hidden] { display: none !important; }
#communication-grid { overflow: hidden; }
#communication-grid .k-table-th { white-space: normal; vertical-align: top; }
#communication-grid .k-table-td { vertical-align: top; overflow-wrap: anywhere; }
#communication-grid .communication-row-actions { display: flex; gap: .5rem; }
#communication-grid button { padding: .35rem .65rem; border: 1px solid #71849d; border-radius: .3rem; background: white; color: #183b67; }
.communication-notice { padding: 1rem 1.2rem; border-left: 4px solid #376b9c; background: #f4f8fc; margin: 1rem 0; border-radius: .3rem; }
.communication-notice-current { border-left-color: #a02222; background: #fff2ed; }
.communication-notice-type { color: #344f70; font-weight: 700; font-size: .85rem; margin-bottom: .4rem; }
.communication-notice-current .communication-notice-type { color: #922020; }
.communication-notice h3 { font-size: 1.15rem; }
.communication-description { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 700px) { .communication-fields { grid-template-columns: minmax(0, 1fr); } .communication-editor form { padding: 1rem; } }