.crm-followup-workspace { --followup-accent: #426C84; color: #243442; min-width: 0; }
.crm-followup-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px 14px; background: #fff; border: 1px solid #e1e8e8; border-bottom: 0; border-radius: 10px 10px 0 0; }
.crm-followup-identity { min-width: 0; }
.crm-followup-heading-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; }
.crm-followup-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.crm-followup-actions > button { margin: 0; }
.crm-followup-actions > button:disabled { cursor: not-allowed; }
.crm-followup-eyebrow { color: #697c84; font-size: 12px; margin: 0 0 5px; }
.crm-followup-heading h2 { font-size: 21px; font-weight: 650; line-height: 1.45; margin: 0; overflow-wrap: anywhere; }
.crm-followup-id { font-size: 12px; color: #76858e; margin: 5px 0 0; overflow-wrap: anywhere; }
.crm-followup-status { background: #e5f5ef; color: #096c53; border-radius: 5px; padding: 5px 10px; white-space: nowrap; font-size: 13px; }
.crm-followup-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 28px; background: #EAF2F6; border: 1px solid #e1e8e8; border-top: 0; margin: 0; padding: 18px 22px; }
.crm-followup-summary > div { min-width: 0; }
.crm-followup-summary dt { color: #6b7b83; font-size: 12px; margin-bottom: 5px; }
.crm-followup-summary dd { margin: 0; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.crm-followup-notice { padding: 10px 14px; margin: 12px 0; background: #EAF2F6; color: #506574; border-left: 3px solid #99bcb7; font-size: 13px; line-height: 1.65; }
.crm-followup-tabs { display: flex; gap: 24px; overflow-x: auto; padding: 0 20px; border: 1px solid #e1e8e8; background: #fff; margin-top: 14px; }
.crm-followup-tabs button { font: inherit; font-size: 14px; flex: 0 0 auto; cursor: pointer; color: #66747d; background: transparent; border: 0; border-bottom: 3px solid transparent; padding: 14px 2px 11px; }
.crm-followup-tabs button[aria-pressed="true"] { color: var(--followup-accent); border-bottom-color: var(--followup-accent); font-weight: 600; }
.crm-followup-tabs button:focus-visible { outline: 2px solid var(--followup-accent); outline-offset: -2px; }
.crm-followup-panel { padding: 20px; background: #fff; border: 1px solid #e1e8e8; border-top: 0; }
.crm-followup-panel[hidden] { display: none !important; }
.crm-followup-panel .form-grid, .crm-followup-panel .business-form-grid { margin-top: 0; }
.crm-followup-panel textarea { min-height: 112px; resize: vertical; }
.crm-followup-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 16px 20px; background: #fff; border: 1px solid #e1e8e8; border-top: 0; position: sticky; bottom: 0; z-index: 2; box-shadow: 0 -4px 12px #153f3510; }
@media (max-width: 900px) { .crm-followup-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .crm-followup-heading { padding: 16px; align-items: flex-start; flex-direction: column; } .crm-followup-heading-tools, .crm-followup-actions { justify-content: flex-start; } .crm-followup-summary { padding: 16px; gap: 14px; } .crm-followup-panel { padding: 16px; } .crm-followup-tabs { gap: 20px; padding: 0 16px; } .crm-followup-footer { justify-content: flex-start; padding: 14px 16px; } }