.communication-tab-count[hidden]{display:none!important}
.communication-panel{padding:18px;min-width:0;color:#0f172a}
.communication-panel[hidden],.communication-files-panel[hidden]{display:none!important}
.communication-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.communication-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;flex:1 0 100%;min-width:0}
.communication-filters>.address-edit-field{min-width:0;margin:0}
.communication-search-field{flex:3 1 240px}
.communication-type-field{flex:1 1 180px}
.communication-filters .address-edit-control{height:28px!important;min-height:28px!important;max-height:28px!important}
.communication-toolbar button[hidden]{display:none!important}
.communication-status{font-size:13px;color:#64748b;padding:14px 0}
.communication-status.is-error,.communication-error{color:#b91c1c}
.communication-error:empty{display:none}
.communication-timeline{display:flex;flex-direction:column;max-height:620px;overflow:auto}
.communication-entry{display:grid;grid-template-columns:18px minmax(0,1fr) max-content;gap:12px;align-items:start}

.communication-icon{width:18px;height:18px;flex-shrink:0;stroke:#063f6c;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.communication-entry-copy{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.communication-entry small{color:#64748b;font-size:12px}


.communication-entry-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;justify-self:end;white-space:nowrap}
.communication-entry-attachments{line-height:1.35}
.communication-empty{padding:35px 15px;color:#64748b;text-align:center}
.communication-overlay{z-index:100005!important}
.communication-dialog{width:min(680px,95vw);max-height:92vh;display:flex;flex-direction:column}
.communication-dialog.is-wide{width:min(1100px,96vw)}
.communication-dialog .address-edit-header,.communication-dialog .address-edit-footer{flex-shrink:0}
.communication-dialog .address-edit-title{overflow-wrap:anywhere}
.communication-dialog-body{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px}
.communication-dialog textarea.communication-textarea{min-height:140px!important;height:auto!important;max-height:45vh!important;resize:vertical}
.communication-note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.communication-detail-meta,.communication-mail-to{font-size:13px;color:#64748b}
.communication-mail-html{border:0;width:100%;min-height:450px;background:white}
.communication-dialog-body:has(.xcraft-pdf-reader){height:70vh;padding:0}
.communication-dialog-body .xcraft-pdf-reader{flex:1;min-height:0}
.communication-photo{object-fit:contain;max-width:100%;max-height:65vh}
.communication-attachments{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e2e8f0;padding-top:14px}
.communication-attachments button{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}
.communication-candidates{display:flex;flex-direction:column;gap:8px;min-height:100px;max-height:55vh;overflow:auto}
.communication-candidates button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;white-space:normal;text-align:left;overflow-wrap:anywhere}
.communication-candidates small{color:#64748b}
@media(max-width:700px){.communication-panel{padding:12px}.communication-entry{gap:8px}.communication-dialog .address-edit-footer{gap:8px;flex-wrap:wrap}.communication-dialog .address-edit-header{gap:12px}.communication-dialog-body{padding:14px}}

.has-communication-history #adresseLinkedMails,.has-communication-history #projektLinkedMails{display:none!important}

.communication-draft-badge,
.communication-final-badge {
  align-self: flex-end;
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  background: #edf2f7;
  color: #52687a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}


.communication-final-badge{background:#e5f3ec;color:#256547}

.communication-create{position:relative}
.communication-create-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:30;display:flex;flex-direction:column;min-width:190px;padding:5px;border:1px solid #dce5ec;border-radius:6px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.14)}
.communication-create-menu[hidden]{display:none!important}
.communication-create-menu .address-edit-button{display:flex;justify-content:flex-start;width:100%;height:auto;min-height:32px;margin:0;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:#063f6c;text-align:left;white-space:nowrap}
.communication-create-menu .address-edit-button:hover,.communication-create-menu .address-edit-button:focus-visible{background:#eef3f8;outline:2px solid #b6c9da;outline-offset:-2px}

.communication-create-trigger::after{content:"";width:6px;height:6px;margin-left:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}

/* Primary action for creating communication. */
.communication-toolbar .communication-create > button.communication-create-trigger { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:28px; min-height:28px; max-height:28px; padding:0 10px; border-radius:0; gap:6px; background:#063f6c; border:1px solid #063f6c; color:#fff; box-shadow:none; }
.communication-create-trigger::before { content:"+"; font-size:18px; font-weight:400; line-height:1; }
.communication-toolbar .communication-create > button.communication-create-trigger:hover:not(:disabled),.communication-toolbar .communication-create > button.communication-create-trigger:focus-visible { background:#053557; border-color:#053557; color:#fff; }
.communication-create-trigger:disabled { opacity:.55; cursor:default; }