/* ARGMS v2.10.4 - e-mailsjablonen en communicatietijdlijn */
.email-settings-card2104{position:relative;overflow:hidden}
.settings-card-icon2104{position:absolute;right:16px;top:12px;color:#d9e5f8;font-size:42px;font-weight:900}
.settings-feature-list2104{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.settings-feature-list2104 span,.timeline-meta2104 span,.template-state2104{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3f9;color:#52657d;font-size:11px;font-weight:800}
.email-settings-card2104>small{display:block;margin-top:8px}
.template-intro2104{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #c9daf4;border-radius:12px;background:#f2f7ff;color:#365478}
.template-intro2104>div{display:flex;flex-direction:column;gap:3px}.template-intro2104>span{font-size:20px;font-weight:900;white-space:nowrap}
.email-template-list2104{display:grid;gap:10px;margin:14px 0}
.email-template-card2104{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid #dfe5ed;border-radius:12px;background:#fff}
.email-template-card2104.inactive{opacity:.68}.email-template-card2104.missing{border-style:dashed;background:#fafbfd}
.email-template-card2104 h4{margin:4px 0 7px;font-size:16px}.email-template-card2104 p{margin:0 0 8px;color:#68768a;font-size:12px}
.email-type2104{color:#25579b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.template-state2104.active{background:#e5f7ed;color:#167044}
.template-fields2104{padding:13px 15px;border:1px solid #e0e6ee;border-radius:11px;background:#f7f9fc}
.template-fields2104>div{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.template-fields2104 code{padding:4px 7px;border:1px solid #d8e2ee;border-radius:6px;background:#fff;color:#365a89;font-size:11px}.template-fields2104 small{color:#6f7b8d}.template-fields2104.compact{margin-top:14px}
.template-body2104{min-height:245px}.template-active2104{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #dfe5ed;border-radius:10px;background:#f7f9fc}.template-active2104 span{display:flex;flex-direction:column;gap:2px}.template-active2104 small{color:#748195}
.template-preview2104{margin-top:14px;padding:16px;border:1px solid #d9e2ed;border-radius:12px;background:#fff}.template-preview2104>span{display:block;margin-bottom:7px;color:#6e7b8d;font-size:11px;font-weight:900;text-transform:uppercase}.template-preview2104>strong{display:block;padding-bottom:10px;border-bottom:1px solid #e7ebf1}.template-preview2104 pre{margin:12px 0 0;white-space:pre-wrap;color:#445269;font:13px/1.55 Segoe UI,Arial,sans-serif}
.reminder-template-banner2104{display:flex;justify-content:space-between;gap:14px;margin-bottom:15px;padding:13px 15px;border:1px solid #c8daf5;border-radius:11px;background:#f2f7ff;color:#35567f}.reminder-template-banner2104>div{display:flex;flex-direction:column;gap:2px}.reminder-template-banner2104>span{align-self:center;padding:5px 9px;border-radius:999px;background:#fff;color:#245794;font-size:11px;font-weight:900}
.timeline-button2104{border-color:#b9cae2!important;color:#315b91!important}
.timeline-summary2104{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.timeline-summary2104>div{padding:13px 14px;border:1px solid #dfe5ed;border-radius:11px;background:#f8fafc}.timeline-summary2104 span{display:block;color:#758296;font-size:11px;font-weight:800}.timeline-summary2104 strong{display:block;margin-top:3px;font-size:23px}
.timeline-toolbar2104{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;align-items:end;gap:10px;margin-bottom:15px;padding:12px;border:1px solid #e0e6ee;border-radius:11px;background:#f6f8fb}.timeline-toolbar2104 .field{margin:0}.timeline-toolbar2104 .btn{min-height:42px}
.communication-timeline2104{display:grid;max-height:58vh;overflow:auto;padding:2px 4px 2px 0}
.timeline-entry2104{display:grid;grid-template-columns:36px 2px minmax(0,1fr);gap:10px;position:relative;padding-bottom:12px}.timeline-icon2104{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8f1ff;color:#1e5aa6;font-size:13px;font-weight:900}.timeline-icon2104.telefoon{background:#e8f7ee;color:#197045}.timeline-icon2104.whatsapp{background:#e5f8ec;color:#167143;font-size:10px}.timeline-icon2104.notitie,.timeline-icon2104.internbericht{background:#f0ebff;color:#6042a1}.timeline-icon2104.balie{background:#fff2dc;color:#a45d0b}
.timeline-line2104{width:2px;height:calc(100% + 2px);background:#dce4ee}.timeline-entry2104:last-child .timeline-line2104{background:linear-gradient(#dce4ee,transparent)}
.timeline-card2104{min-width:0;padding:13px 14px;border:1px solid #e0e6ed;border-radius:12px;background:#fff}.timeline-entry-head2104{display:flex;justify-content:space-between;gap:12px}.timeline-entry-head2104>div{display:flex;min-width:0;flex-direction:column;gap:2px}.timeline-entry-head2104 span{color:#758297;font-size:11px;font-weight:800}.timeline-entry-head2104 strong{overflow-wrap:anywhere}.timeline-entry-head2104 time{color:#758297;font-size:11px;white-space:nowrap}.timeline-meta2104{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.timeline-card2104 p{margin:8px 0;white-space:pre-wrap;color:#46556c;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.timeline-card2104 footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #edf0f4;color:#7b8798;font-size:11px}.timeline-card2104 footer>div{display:flex;gap:6px}.danger-text2104{color:#a8332b!important}
.timeline-log-note2104{margin-bottom:14px;padding:11px 13px;border:1px solid #c9daf4;border-radius:10px;background:#f2f7ff;color:#35567f;font-size:12px}.timeline-log-message2104{min-height:180px}
@media(max-width:760px){.template-intro2104,.timeline-entry-head2104,.timeline-card2104 footer{align-items:flex-start;flex-direction:column}.email-template-card2104{grid-template-columns:1fr}.email-template-card2104 .btn{justify-self:start}.timeline-summary2104{grid-template-columns:repeat(2,1fr)}.timeline-toolbar2104{grid-template-columns:1fr}.timeline-entry2104{grid-template-columns:32px 2px minmax(0,1fr)}.timeline-entry-head2104 time{white-space:normal}}