.email-main { background:radial-gradient(circle at 93% 9%,rgba(73,116,128,.09),transparent 30%); }
.back-dashboard { display:inline-flex; align-items:center; min-height:32px; padding:0 11px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.42); color:#694f3d; font-size:11px; font-weight:650; white-space:nowrap; }
.sync-button { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 10px; border:1px solid #b8cad0; border-radius:8px; background:#edf5f6; color:#446772; font-size:11px; font-weight:700; cursor:pointer; }
.sync-button:hover { background:#e1eff1; }
.sync-button svg { width:15px; height:15px; }
.nav-count { display:grid; place-items:center; min-width:19px; height:19px; margin-left:auto; padding:0 5px; border-radius:10px; background:#b65b47; color:#fff; font-size:9px; }

.email-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0 10px; padding:5px; border:1px solid var(--line); border-radius:12px; background:rgba(246,238,227,.76); box-shadow:var(--shadow); }
.email-tabs { display:flex; align-items:center; gap:3px; }
.email-tab { display:flex; align-items:center; justify-content:center; gap:6px; min-height:38px; padding:0 12px; border:0; border-radius:8px; background:transparent; color:#5d554c; font-size:11.5px; font-weight:750; cursor:pointer; }
.email-tab:hover { background:rgba(255,255,255,.56); }
.email-tab b { display:grid; place-items:center; min-width:19px; height:19px; padding:0 5px; border-radius:10px; background:rgba(199,109,73,.13); color:#9f593c; font-size:8px; }
.email-tab.active { background:linear-gradient(135deg,#4f7480,#3c606b); color:#fff; box-shadow:0 3px 11px rgba(46,82,91,.2); }
.email-tab.active b { background:rgba(255,255,255,.17); color:#fff; }
.email-tools { display:flex; align-items:center; gap:7px; }
.mail-search { display:flex; align-items:center; width:170px; height:34px; border:1px solid #ddcfbf; border-radius:8px; background:#fffaf5; }
.mail-search svg { flex:0 0 auto; width:14px; height:14px; margin-left:9px; color:#967f6e; }
.mail-search input { min-width:0; width:100%; height:100%; border:0; padding:0 8px; background:transparent; color:#504840; font-size:10px; outline:none; }
.email-tools > button { display:flex; align-items:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid #d7c7b7; border-radius:8px; background:#fffaf5; color:#765543; font-size:9.5px; font-weight:700; cursor:pointer; }
.email-tools > button svg { width:14px; height:14px; }

.ai-mail-brief { display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:13px; min-height:105px; margin-bottom:10px; padding:15px 17px; border:1px solid #4c6770; border-radius:13px; background:linear-gradient(135deg,#4c6d77,#385b65); color:#fff; box-shadow:0 8px 24px rgba(43,74,82,.13); }
.ai-mail-brief > span { display:grid; place-items:center; width:43px; height:43px; border-radius:11px; background:rgba(255,255,255,.12); color:#efbd91; }
.ai-mail-brief > span svg { width:23px; height:23px; }
.ai-mail-brief h2 { margin:0 0 5px; color:#fff; font-size:14px; }
.ai-mail-brief p { margin:0; color:#eef4f5; font-size:10.5px; line-height:1.55; }
.ai-mail-brief p strong { color:#ffd1aa; }
.brief-tags { display:flex; gap:6px; margin-top:8px; }
.brief-tags span { padding:3px 7px; border-radius:10px; background:rgba(255,255,255,.1); color:#e6f0f1; font-size:8px; }
.ai-mail-brief > button { display:flex; align-items:center; gap:7px; min-height:35px; border:1px solid rgba(255,255,255,.32); border-radius:8px; padding:0 11px; background:rgba(255,255,255,.07); color:#fff; font-size:9.5px; font-weight:700; cursor:pointer; }
.ai-mail-brief > button svg { width:14px; height:14px; }

.email-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:10px; }
.email-kpi-grid .kpi-card { height:116px; padding:15px 14px 12px; }
.email-kpi-grid .kpi-card > strong { margin-top:8px; font-size:24px; }
.email-kpi-grid .kpi-meta { margin-top:9px; }
.email-kpi-grid .kpi-meta em { color:#4e7180; }
.email-kpi-grid .kpi-meta em.danger { color:#b45345; }

.mail-workspace { display:grid; grid-template-columns:minmax(320px,39%) minmax(0,61%); gap:10px; min-height:635px; }
.mail-list-panel,.mail-detail-panel { min-height:635px; overflow:hidden; }
.mail-list-panel .panel-heading { align-items:flex-start; }
.mail-list-panel .panel-heading p { margin:3px 0 0; color:var(--muted); font-size:10px; }
.mail-list-panel select { width:135px; height:31px; border:1px solid #dfd1c2; border-radius:7px; padding:0 25px 0 8px; background:#fffaf5; color:#5e554d; font-size:8.5px; }
.mail-list { display:flex; flex-direction:column; gap:5px; margin-top:10px; }
.mail-row { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:9px; align-items:start; width:100%; min-height:73px; padding:9px 8px; border:1px solid #e9ded1; border-radius:9px; background:rgba(255,255,255,.4); text-align:left; cursor:pointer; }
.mail-row:hover { border-color:#ceb9a5; background:#fff9f2; }
.mail-row.selected { border-color:#71919a; background:#eef5f5; box-shadow:inset 3px 0 #4f7480; }
.mail-row.unread .mail-copy strong,.mail-row.unread .mail-copy b { font-weight:800; }
.mail-row.unread::after { content:""; position:absolute; top:10px; right:8px; width:6px; height:6px; border-radius:50%; background:#c56e4a; }
.mail-avatar { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#e3ebec; color:#4d707a; font-size:9px; font-weight:800; }
.mail-copy { min-width:0; }
.mail-copy b,.mail-copy strong,.mail-copy span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mail-copy b { padding-right:9px; color:#51483f; font-size:9px; }
.mail-copy strong { margin-top:2px; color:#3f3731; font-size:10.5px; }
.mail-copy span { margin-top:3px; color:#7e746b; font-size:8.5px; }
.mail-row-meta { display:flex; flex-direction:column; align-items:flex-end; gap:5px; padding-top:13px; }
.mail-row-meta time { color:#8c8075; font-size:7.5px; }
.mail-row-meta em { padding:2px 5px; border-radius:7px; font-size:7px; font-style:normal; font-weight:750; }
.mail-row-meta .high { background:#f7e2de; color:#a84d40; }
.mail-row-meta .medium { background:#f4ecd8; color:#8e682b; }
.mail-row-meta .low { background:#ecece7; color:#717168; }

.mail-detail-panel { padding:0; }
.detail-header { display:grid; grid-template-columns:1fr auto; gap:12px; padding:16px 17px 13px; border-bottom:1px solid #e8ddd1; background:linear-gradient(135deg,#fffaf4,#f7efe6); }
.detail-tags { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:7px; }
.detail-tags span { padding:3px 7px; border-radius:9px; background:#e8f0f1; color:#4d6f78; font-size:7.5px; font-weight:800; text-transform:uppercase; }
.detail-tags .priority-high { background:#f7e2de; color:#a84d40; }
.detail-header h2 { margin:0; color:#41372f; font-size:16px; line-height:1.25; }
.sender-line { margin:6px 0 0; color:#6d635a; font-size:9px; }
.sender-line strong { color:#4b423b; }
.detail-header-actions { display:flex; gap:5px; }
.detail-header-actions button { display:grid; place-items:center; width:31px; height:31px; border:1px solid #ddcfc1; border-radius:8px; background:#fff; color:#8b725f; cursor:pointer; }
.detail-header-actions button svg { width:15px; height:15px; }
.detail-header-actions button.active { color:#b66f34; background:#fff3da; }
.detail-body { padding:15px 17px 18px; }
.ai-summary-block { display:grid; grid-template-columns:34px 1fr; gap:10px; padding:12px; border:1px solid #c7d7d9; border-radius:10px; background:#eff5f5; }
.ai-summary-block > span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#4f7480; color:#fff; }
.ai-summary-block svg { width:17px; height:17px; }
.ai-summary-block h3 { margin:0 0 3px; color:#3f626c; font-size:10px; }
.ai-summary-block p { margin:0; color:#536268; font-size:10px; line-height:1.55; }
.signal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:11px; }
.signal-grid span { display:flex; flex-direction:column; gap:4px; min-height:56px; padding:8px; border:1px solid #e7dbce; border-radius:8px; background:#fffaf5; }
.signal-grid small { color:#8a7d72; font-size:7.5px; text-transform:uppercase; }
.signal-grid b { color:#4e463e; font-size:9px; line-height:1.3; }
.recommendation-block { display:flex; gap:9px; margin-top:11px; padding:11px 12px; border-left:3px solid #c77751; border-radius:0 8px 8px 0; background:#fbefe6; }
.recommendation-block svg { flex:0 0 auto; width:18px; height:18px; color:#a75e3f; }
.recommendation-block strong,.recommendation-block span { display:block; }
.recommendation-block strong { color:#86513a; font-size:9px; }
.recommendation-block span { margin-top:3px; color:#665a50; font-size:9.5px; line-height:1.5; }
.mail-original { margin-top:12px; border-top:1px solid #e9ded2; }
.mail-original summary { padding:9px 0; color:#7a5a47; font-size:9px; font-weight:700; cursor:pointer; }
.mail-original p { margin:0; padding:10px; border-radius:8px; background:#faf6f0; color:#6b635b; font-size:9px; line-height:1.6; }
.detail-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; margin-top:13px; }
.detail-actions button,.detail-actions a { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:35px; padding:0 10px; border:1px solid #d6c6b7; border-radius:8px; background:#fffaf5; color:#72513f; font-size:9px; font-weight:750; cursor:pointer; }
.detail-actions button svg,.detail-actions a svg { width:14px; height:14px; }
.detail-actions .staffing-button { border-color:#78957e; background:#edf5ee; color:#4c6e54; }
.detail-actions .primary-mail-action { border-color:#486d77; background:#4f7480; color:#fff; }
.detail-actions button:disabled { opacity:.64; cursor:default; }

.view-intro { display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:13px; margin-bottom:10px; padding:14px 16px; border:1px solid #c8d8db; border-radius:12px; background:#f0f6f6; }
.view-intro > span { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; background:#4f7480; color:#fff; }
.view-intro svg { width:22px; height:22px; }
.view-intro h2 { margin:0 0 4px; color:#3f555b; font-size:14px; }
.view-intro p { margin:0; color:#6d797c; font-size:10px; }
.view-intro > strong { color:#4b6d76; font-size:11px; }
.view-intro > a { color:#9b5b40; font-size:10px; font-weight:750; }

.critical-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.critical-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:start; gap:10px; min-height:150px; padding:14px; border:1px solid #e2d5c8; border-radius:11px; background:rgba(255,255,255,.45); }
.critical-card > span { display:grid; place-items:center; width:40px; height:40px; border-radius:10px; background:#f7e3de; color:#a95142; }
.critical-card > span svg { width:20px; height:20px; }
.critical-card h3 { margin:0; color:#463d35; font-size:11.5px; }
.critical-card p { margin:5px 0 0; color:#6d645c; font-size:9.5px; line-height:1.5; }
.critical-card small { display:block; margin-top:7px; color:#9a7560; font-size:8px; }
.critical-card button { align-self:center; min-height:31px; border:1px solid #d2bfad; border-radius:7px; background:#fffaf5; color:#805842; font-size:8.5px; font-weight:700; cursor:pointer; }

.event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.event-card { min-height:275px; padding:15px; border:1px solid #d9cebf; border-radius:12px; background:rgba(255,255,255,.46); box-shadow:var(--shadow); }
.event-card-head { display:flex; justify-content:space-between; gap:8px; }
.event-card-head > span { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#e5edef; color:#4e747f; }
.event-card-head svg { width:19px; height:19px; }
.impact-badge { align-self:flex-start; padding:4px 7px; border-radius:9px; background:#f7e3de; color:#a54e40; font-size:8px; font-style:normal; font-weight:800; }
.event-card h3 { margin:12px 0 5px; color:#423932; font-size:12px; }
.event-card > p { margin:0; color:#69625b; font-size:9.5px; line-height:1.5; }
.event-facts { display:grid; gap:6px; margin-top:11px; }
.event-facts span { display:flex; justify-content:space-between; gap:8px; color:#746b62; font-size:8.5px; }
.event-facts b { color:#4c4540; text-align:right; }
.event-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:13px; }
.event-card-actions button { min-height:32px; border:1px solid #cfbfaf; border-radius:7px; background:#fffaf5; color:#775440; font-size:8px; font-weight:700; cursor:pointer; }
.event-card-actions .reminder { border-color:#74917a; background:#edf5ee; color:#4e6d54; }
.event-process-panel { min-height:190px; margin-top:10px; }
.event-process-panel .panel-heading { align-items:flex-start; }
.event-process-panel .panel-heading p { margin:3px 0 0; color:var(--muted); font-size:9.5px; }
.live-label { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:12px; background:#e7eddc; color:#607642; font-size:9px; font-weight:700; white-space:nowrap; }
.live-label i { width:6px; height:6px; border-radius:50%; background:#6b8348; box-shadow:0 0 0 3px rgba(107,131,72,.12); }
.event-flow { display:grid; grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr; align-items:center; gap:6px; margin:23px auto 0; }
.event-flow > span { display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:7px; min-width:0; }
.event-flow > span b { grid-row:1/3; display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#4f7480; color:#fff; font-size:10px; }
.event-flow strong,.event-flow small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.event-flow strong { font-size:9px; }
.event-flow small { color:var(--muted); font-size:7.5px; }
.event-flow > i { color:#b98c70; font-style:normal; text-align:center; }

.application-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.application-card { display:grid; grid-template-columns:55px 1fr; gap:12px; min-height:270px; padding:16px; border:1px solid #ded2c5; border-radius:12px; background:rgba(255,255,255,.45); }
.candidate-avatar { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#e6c995; color:#5a4434; font-size:16px; font-weight:800; }
.application-card h3 { margin:0; color:#463d36; font-size:13px; }
.application-card > div > small { color:#8b7d72; font-size:8.5px; }
.candidate-summary { margin:11px 0 0; color:#665f58; font-size:9.5px; line-height:1.55; }
.candidate-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:11px; }
.candidate-facts span { padding:8px; border-radius:8px; background:#f5f1eb; }
.candidate-facts small,.candidate-facts b { display:block; }
.candidate-facts small { color:#90847a; font-size:7px; text-transform:uppercase; }
.candidate-facts b { margin-top:3px; color:#4d4842; font-size:8.5px; }
.application-actions { display:flex; gap:7px; margin-top:13px; }
.application-actions button { min-height:33px; border:1px solid #d2c1b0; border-radius:7px; padding:0 10px; background:#fffaf5; color:#795541; font-size:8.5px; font-weight:700; cursor:pointer; }
.application-actions .primary-mail-action { border-color:#4f7480; background:#4f7480; color:#fff; }

.email-actions-panel { min-height:480px; }
.email-actions-panel .panel-heading { align-items:flex-start; }
.email-actions-panel .panel-heading p { margin:3px 0 0; color:var(--muted); font-size:10px; }
.panel-period { padding:4px 8px; border-radius:6px; background:#f8eee1; color:#766a5f; font-size:9px; }
.email-action-list { display:flex; flex-direction:column; gap:7px; margin-top:13px; }
.email-action-item { display:grid; grid-template-columns:35px minmax(0,1fr) auto auto; align-items:center; gap:10px; min-height:68px; padding:9px 11px; border:1px solid #e5d9cc; border-radius:9px; background:#fffaf5; }
.email-action-item > span { display:grid; place-items:center; width:33px; height:33px; border-radius:9px; background:#e5edef; color:#4e737d; }
.email-action-item svg { width:17px; height:17px; }
.email-action-item strong,.email-action-item small { display:block; }
.email-action-item strong { color:#4b423b; font-size:10.5px; }
.email-action-item small { margin-top:3px; color:#81756b; font-size:8.5px; }
.email-action-item b { color:#6b4e3d; font-size:9px; }
.email-action-item a { min-height:29px; border:1px solid #d4c1af; border-radius:7px; padding:6px 8px; background:#fff; color:#805941; font-size:8px; font-weight:700; }

.mail-empty { display:grid; place-items:center; align-content:center; min-height:280px; color:#766f68; text-align:center; }
.mail-empty strong { color:#4f6d76; font-size:15px; }
.mail-empty span { margin-top:4px; color:var(--muted); font-size:9.5px; }
.action-empty { min-height:320px; }
.toast { position:fixed; z-index:80; right:22px; bottom:22px; max-width:min(390px,calc(100vw - 30px)); padding:12px 15px; border:1px solid #a9bec3; border-radius:9px; background:#446873; color:#fff; box-shadow:0 12px 34px rgba(39,67,75,.25); font-size:11px; opacity:0; pointer-events:none; transform:translateY(12px); transition:.2s ease; }
.toast.show { opacity:1; transform:translateY(0); }
.email-main footer { display:flex; justify-content:space-between; gap:20px; padding:18px 0 1px; color:#827a71; font-size:8.5px; }

@media(max-width:1220px) {
  .email-toolbar { align-items:stretch; flex-direction:column; }
  .email-tabs { width:100%; }
  .email-tab { flex:1; }
  .email-tools { justify-content:flex-end; }
  .event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:940px) {
  .back-dashboard,.sync-button span { display:none; }
  .sync-button { width:32px; justify-content:center; padding:0; }
  .email-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mail-workspace { grid-template-columns:1fr; }
  .mail-list-panel { min-height:420px; }
  .mail-detail-panel { min-height:560px; }
  .signal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .event-flow { grid-template-columns:1fr; }
  .event-flow > i { transform:rotate(90deg); }
  .event-flow > span { width:100%; max-width:300px; margin:auto; }
  .event-process-panel { min-height:480px; }
}
@media(max-width:650px) {
  .email-main .topbar p { font-size:9.5px; }
  .email-toolbar { padding:4px; }
  .email-tabs { display:grid; grid-template-columns:1fr 1fr; }
  .email-tab { min-height:35px; padding:0 5px; font-size:9px; }
  .email-tab b { display:none; }
  .email-tools { display:grid; grid-template-columns:1fr 37px; }
  .mail-search { width:100%; }
  .email-tools > button { width:37px; padding:0; justify-content:center; font-size:0; }
  .ai-mail-brief { grid-template-columns:42px 1fr; padding:13px; }
  .ai-mail-brief > button { grid-column:2; justify-self:start; }
  .brief-tags { flex-wrap:wrap; }
  .email-kpi-grid .kpi-card { height:108px; padding:12px; }
  .email-kpi-grid .kpi-card > strong { margin-top:6px; font-size:22px; }
  .email-kpi-grid .kpi-meta { margin-top:7px; }
  .email-kpi-grid .kpi-meta span { font-size:8px; }
  .mail-list-panel,.mail-detail-panel { padding-inline:10px; }
  .mail-list-panel .panel-heading { flex-direction:column; }
  .mail-list-panel select { width:100%; }
  .detail-header { grid-template-columns:1fr; margin-inline:-10px; }
  .detail-body { padding-inline:2px; }
  .detail-header-actions { justify-self:start; }
  .signal-grid { grid-template-columns:1fr 1fr; }
  .detail-actions { justify-content:stretch; }
  .detail-actions button,.detail-actions a { flex:1 1 140px; }
  .view-intro { grid-template-columns:42px 1fr; }
  .view-intro > strong,.view-intro > a { grid-column:2; justify-self:start; }
  .critical-grid,.event-grid,.application-grid { grid-template-columns:1fr; }
  .critical-card { grid-template-columns:40px 1fr; }
  .critical-card button { grid-column:2; justify-self:start; }
  .event-card-actions { grid-template-columns:1fr; }
  .application-card { grid-template-columns:46px 1fr; padding:13px; }
  .candidate-avatar { width:45px; height:45px; }
  .candidate-facts { grid-template-columns:1fr; }
  .email-action-item { grid-template-columns:34px minmax(0,1fr); }
  .email-action-item > b,.email-action-item > a { grid-column:2; justify-self:start; }
  .email-main footer { flex-direction:column; gap:4px; }
}

/* Grotere, beter leesbare typografie voor de volledige E-mailpagina */
.email-main .email-tab { font-size:13px; }
.email-main .mail-search input { font-size:11.5px; }
.email-main .email-tools > button { font-size:11px; }
.email-main .ai-mail-brief h2 { font-size:16px; }
.email-main .ai-mail-brief p { font-size:12px; }
.email-main .brief-tags span { font-size:9.5px; }
.email-main .ai-mail-brief > button { font-size:11px; }
.email-main .email-kpi-grid .kpi-label { font-size:11.5px; }
.email-main .email-kpi-grid .kpi-card > strong { font-size:27px; }
.email-main .email-kpi-grid .kpi-meta { font-size:11px; }
.email-main .panel h2 { font-size:16px; }
.email-main .mail-list-panel .panel-heading p,
.email-main .email-actions-panel .panel-heading p,
.email-main .event-process-panel .panel-heading p { font-size:11.5px; }
.email-main .mail-list-panel select { font-size:10px; }
.email-main .mail-row { min-height:84px; }
.email-main .mail-avatar { font-size:10.5px; }
.email-main .mail-copy b { font-size:10.5px; }
.email-main .mail-copy strong { font-size:12px; }
.email-main .mail-copy span { font-size:10px; }
.email-main .mail-row-meta time { font-size:9px; }
.email-main .mail-row-meta em { font-size:8.5px; }
.email-main .detail-tags span { font-size:9px; }
.email-main .detail-header h2 { font-size:18px; }
.email-main .sender-line { font-size:10.5px; }
.email-main .ai-summary-block h3 { font-size:11.5px; }
.email-main .ai-summary-block p { font-size:11.5px; }
.email-main .signal-grid small { font-size:9px; }
.email-main .signal-grid b { font-size:10.5px; }
.email-main .recommendation-block strong { font-size:10.5px; }
.email-main .recommendation-block span { font-size:11px; }
.email-main .mail-original summary,
.email-main .mail-original p { font-size:10.5px; }
.email-main .detail-actions button,
.email-main .detail-actions a { font-size:10.5px; }
.email-main .view-intro h2 { font-size:16px; }
.email-main .view-intro p { font-size:11.5px; }
.email-main .view-intro > strong,
.email-main .view-intro > a { font-size:11.5px; }
.email-main .critical-card h3 { font-size:13px; }
.email-main .critical-card p { font-size:11px; }
.email-main .critical-card small,
.email-main .critical-card button { font-size:9.5px; }
.email-main .event-card h3 { font-size:13.5px; }
.email-main .event-card > p { font-size:11px; }
.email-main .event-facts span { font-size:10px; }
.email-main .event-card-actions button { font-size:9.5px; }
.email-main .event-flow strong { font-size:10.5px; }
.email-main .event-flow small { font-size:9px; }
.email-main .application-card h3 { font-size:14.5px; }
.email-main .application-card > div > small { font-size:10px; }
.email-main .candidate-summary { font-size:11px; }
.email-main .candidate-facts small { font-size:8.5px; }
.email-main .candidate-facts b { font-size:10px; }
.email-main .application-actions button { font-size:10px; }
.email-main .email-action-item strong { font-size:12px; }
.email-main .email-action-item small { font-size:10px; }
.email-main .email-action-item b,
.email-main .email-action-item a { font-size:9.5px; }
.email-main .mail-empty strong { font-size:16.5px; }
.email-main .mail-empty span { font-size:11px; }
.email-main footer { font-size:9.5px; }
.mail-connections h2 { font-size:13px; }
.mail-connections li { font-size:10.5px; }
.mail-connections small { font-size:9.5px; }

@media(max-width:650px) {
  .email-main .topbar p { font-size:10.5px; }
  .email-main .email-tab { font-size:10.5px; }
  .email-main .email-kpi-grid .kpi-label { font-size:10px; }
  .email-main .email-kpi-grid .kpi-card > strong { font-size:24px; }
  .email-main .email-kpi-grid .kpi-meta { font-size:9.5px; }
  .email-main .ai-mail-brief h2 { font-size:15px; }
  .email-main .ai-mail-brief p { font-size:11.5px; }
  .email-main .mail-copy strong { font-size:11.5px; }
  .email-main .mail-copy span { font-size:9.5px; }
  .email-main .detail-header h2 { font-size:16.5px; }
  .email-main .email-tools > button {
    width:37px;
    padding:0;
    font-size:0;
  }
}

/* Communicatiehub: e-mail, WhatsApp en Bonnie.ai */
.communication-view[hidden]{display:none!important}
.communication-nav{display:flex;gap:7px;margin:10px 0 13px;padding:6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.36);overflow-x:auto;box-shadow:var(--shadow)}
.communication-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:max-content;height:42px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#665c52;font-size:12px;font-weight:650;cursor:pointer;transition:.18s ease}
.communication-tab svg{width:18px;height:18px;color:#c36d47}
.communication-tab b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ede1d3;color:#7e5e49;font-size:9px}
.communication-tab em{padding:3px 6px;border-radius:9px;background:#f3e3c9;color:#95632d;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.3px}
.communication-tab:hover{background:#f7eee4;color:#493d33}
.communication-tab.active{background:#696b3f;color:#fff;box-shadow:0 5px 14px rgba(73,75,43,.18)}
.communication-tab.active svg{color:#efbd91}.communication-tab.active b,.communication-tab.active em{background:rgba(255,255,255,.15);color:#fff}
.communication-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:150px;margin-bottom:12px;padding:25px 27px;border:1px solid #5f6138;border-radius:13px;background:radial-gradient(circle at 86% 15%,rgba(255,255,255,.1),transparent 32%),linear-gradient(135deg,#666a3e,#565b35);color:#fff;box-shadow:0 8px 24px rgba(71,74,42,.13)}
.communication-hero .eyebrow,.channel-onboarding .eyebrow{display:flex;align-items:center;gap:7px;color:#efbd91;font-size:10px;font-weight:750;letter-spacing:.8px}.communication-hero .eyebrow svg{width:17px;height:17px}
.communication-hero h2{margin:8px 0 7px;color:#fff;font-size:23px;text-transform:none;letter-spacing:0}.communication-hero p{max-width:750px;margin:0;color:rgba(255,255,255,.86);font-size:12px;line-height:1.6}
.communication-hero>a{display:flex;align-items:center;gap:12px;min-width:max-content;padding:12px 15px;border:1px solid rgba(239,189,145,.7);border-radius:8px;color:#ffd6b2;font-size:11px;font-weight:700}.communication-hero>a:hover{background:rgba(255,255,255,.08)}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.channel-card{display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:auto auto;gap:6px 12px;align-items:center;min-height:148px;padding:16px!important}
.channel-icon{display:grid;grid-row:1/span 2;place-items:center;width:44px;height:44px;border-radius:13px;background:#ece2d7;color:#a95c3b}.channel-icon svg{width:23px;height:23px}.channel-icon.whatsapp-icon{background:#e1ebdc;color:#53794c}.channel-icon.bonnie-icon{background:#eee2ca;color:#9b6b2e}.channel-icon.sleak-icon{background:#e1e6f4;color:#4f6598}
.channel-card>div:nth-child(2)>span{display:block;color:#8a7a6d;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.channel-card h3{margin:3px 0 2px;color:#463b32;font-size:15px}.channel-card p{margin:0;color:#777067;font-size:10.5px}.channel-card>b{align-self:start;padding:5px 7px;border-radius:10px;background:#e2eadb;color:#5c754d;font-size:8.5px;text-transform:uppercase;white-space:nowrap}.channel-card.configuring>b{background:#f2e4cb;color:#98662d}.channel-card>button{grid-column:2/span 2;justify-self:start;padding:0;border:0;background:transparent;color:#a85f40;font-size:10.5px;font-weight:700;cursor:pointer}
.communication-dashboard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px}.communication-dashboard-grid>.panel{min-height:264px}
.communication-dashboard-grid .panel-heading p,.message-workspace .panel-heading p,.followup-panel .panel-heading p,.integration-flow .panel-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
.prototype-label{padding:4px 8px;border-radius:10px;background:#f3e4ce;color:#946530;font-size:8.5px;font-weight:750;text-transform:uppercase;letter-spacing:.35px}
.signal-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.signal-metrics>button,.signal-metrics>a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:1px 9px;min-height:78px;padding:12px;border:1px solid #eadfd4;border-radius:9px;background:#fffaf5;text-align:left;cursor:pointer}.signal-metrics>button:hover,.signal-metrics>a:hover{border-color:#d99a77;background:#fff}.signal-metrics span{font-size:10px;font-weight:700}.signal-metrics strong{grid-row:1/span 2;grid-column:2;font-size:25px;color:#5f633d}.signal-metrics small{color:#84796f;font-size:9px}
.communication-priority .panel-heading>a{color:#a65d3e;font-size:10px;font-weight:700}.priority-feed{display:grid;margin-top:8px}.priority-feed article{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:60px;border-top:1px solid #eee4d9}.priority-feed article:first-child{border-top:0}.priority-feed strong,.priority-feed small{display:block}.priority-feed strong{font-size:11px}.priority-feed small{margin-top:3px;color:#84796f;font-size:9px}.priority-feed article>b{padding:4px 7px;border-radius:9px;background:#f5dfd9;color:#a64c40;font-size:8px}.channel-dot{width:8px;height:8px;border-radius:50%}.bonnie-dot{background:#d59b4d}.whatsapp-dot{background:#69905d}.sleak-dot{background:#536da8}.email-dot{background:#c36d47}
.channel-onboarding{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;min-height:145px;margin-bottom:12px;padding:20px 23px;border:1px solid #d9cbbd;border-radius:12px;background:linear-gradient(135deg,#fffaf5,#f7efe5)}
.channel-onboarding .onboarding-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#e2ebdd;color:#54774c}.channel-onboarding .onboarding-icon svg{width:30px;height:30px}.bonnie-onboarding .onboarding-icon{background:#eee2ca;color:#9b6b2e}
.channel-onboarding h2{margin:5px 0;color:#4b3d32;font-size:19px}.channel-onboarding p{max-width:780px;margin:0;color:#6d655d;font-size:11.5px;line-height:1.55}.channel-onboarding .eyebrow{color:#a66645}.connection-status{padding:8px 11px;border-radius:15px;background:#f1e1c5;color:#926126;font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.message-workspace{display:grid;grid-template-columns:370px 1fr;gap:12px;margin-bottom:12px}.message-workspace>.panel{min-height:370px}.conversation-list{padding:14px!important}.conversation-row{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;width:100%;min-height:77px;padding:9px 6px;border:0;border-top:1px solid #eee4d9;background:transparent;text-align:left;cursor:pointer}.conversation-row.active{margin-top:4px;border:1px solid #dbbda8;border-radius:9px;background:#fff8f1}.conversation-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dde7d7;color:#59724e;font-size:10px;font-weight:800}.conversation-row strong,.conversation-row small,.conversation-head strong,.conversation-head small{display:block}.conversation-row strong{font-size:11px}.conversation-row small{margin-top:3px;color:#766e66;font-size:9.5px}.conversation-row time{color:#8e8378;font-size:8.5px}.conversation-detail{display:flex;flex-direction:column;padding:16px!important}.conversation-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #eee4d9}.conversation-head>div{display:flex;align-items:center;gap:10px}.conversation-head strong{font-size:12px}.conversation-head small{font-size:9px;color:#81786f}.conversation-head>b{padding:5px 8px;border-radius:10px;background:#e1ebdc;color:#55754c;font-size:8.5px}.chat-preview{display:flex;flex:1;flex-direction:column;gap:16px;padding:20px 8px}.guest-message{align-self:flex-start;max-width:68%;margin:0;padding:12px 14px;border-radius:4px 13px 13px 13px;background:#f1e7dc;font-size:11px;line-height:1.55}.ai-suggestion{align-self:flex-end;max-width:78%;padding:12px 14px;border:1px solid #ced9c7;border-radius:13px 4px 13px 13px;background:#f4f8f1}.ai-suggestion>span{display:flex;align-items:center;gap:6px;color:#66794f;font-size:9px;font-weight:800;text-transform:uppercase}.ai-suggestion svg{width:14px;height:14px}.ai-suggestion p{margin:7px 0 0;font-size:11px;line-height:1.55}.conversation-actions{display:flex;justify-content:flex-end;gap:9px}.conversation-actions button,.conversation-actions a{display:flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #d4b49e;border-radius:7px;background:#fff8f1;color:#9b593e;font-size:9.5px;font-weight:700;cursor:pointer}.conversation-actions button{background:#666a3e;color:#fff;border-color:#666a3e}
.integration-flow{min-height:160px!important}.integration-flow>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.integration-flow>div:last-child>span{display:grid;gap:3px;min-width:135px}.integration-flow span>b{display:grid;place-items:center;width:21px;height:21px;margin-bottom:2px;border-radius:50%;background:#697047;color:#fff;font-size:9px}.integration-flow strong{font-size:10.5px}.integration-flow small{color:#837a71;font-size:8.5px}.integration-flow i{color:#c48762;font-style:normal;font-size:18px}
.phone-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}.phone-kpis article{min-height:105px;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.38)}.phone-kpis span,.phone-kpis small{display:block}.phone-kpis span{font-size:10px;font-weight:700}.phone-kpis strong{display:block;margin:8px 0 4px;color:#5c633b;font-size:25px}.phone-kpis small{color:#81776d;font-size:8.5px}.call-list{display:grid}.call-list article{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:11px;min-height:78px;border-top:1px solid #eee4d9}.call-list article:first-child{border-top:0}.call-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#eee2ca;color:#936627;font-size:10px;font-weight:800}.call-list strong,.call-list p,.call-list small{display:block}.call-list strong{font-size:11px}.call-list p{margin:3px 0;color:#6f675f;font-size:9.5px}.call-list small{color:#8b8178;font-size:8.5px}.call-list article>b{padding:4px 7px;border-radius:9px;background:#f4ded6;color:#a85242;font-size:8px}.call-list article>b.done{background:#dfe8d9;color:#5b754e}.bonnie-routing ul{display:grid;gap:0;margin:10px 0 14px;padding:0;list-style:none}.bonnie-routing li{display:flex;justify-content:space-between;gap:12px;min-height:45px;align-items:center;border-top:1px solid #eee4d9;font-size:10.5px}.bonnie-routing li:first-child{border-top:0}.bonnie-routing li b{color:#676c43}.bonnie-routing>a{font-size:10.5px;font-weight:750;color:#a75e3f}
.followup-panel{min-height:460px!important}.followup-list{display:grid;margin-top:7px}.followup-list article{display:grid;grid-template-columns:42px 1fr auto 58px;align-items:center;gap:11px;min-height:88px;border-top:1px solid #eee4d9}.source-badge{display:grid;place-items:center;width:39px;height:39px;border-radius:11px}.source-badge svg{width:20px;height:20px}.bonnie-badge{background:#eee2ca;color:#94652b}.whatsapp-badge{background:#dfeadb;color:#55774c}.sleak-badge{background:#e1e6f4;color:#50689a}.email-badge{background:#eddfd5;color:#a75c3d}.followup-list strong,.followup-list p,.followup-list small{display:block}.followup-list strong{font-size:11.5px}.followup-list p{margin:3px 0;color:#6e665e;font-size:10px}.followup-list small{color:#897f76;font-size:9px}.followup-list article>b{padding:4px 7px;border-radius:9px;background:#eee8df;color:#746a60;font-size:8.5px}.followup-list .priority-high{background:#f5ddd7;color:#a5473c}.followup-list a,.followup-list button{padding:0;border:0;background:transparent;color:#a85f40;font-size:9.5px;font-weight:750;cursor:pointer}

.sleak-onboarding .onboarding-icon{background:#e1e6f4;color:#50689d}.sleak-intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:12px}.sleak-intent-grid>.panel{display:grid;grid-template-columns:38px 1fr;gap:11px;min-height:142px;padding:16px!important}.sleak-intent-grid>article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e5e9f5;color:#4f6699;font-size:10px;font-weight:850}.sleak-intent-grid h3{margin:1px 0 6px;color:#443b34;font-size:14px}.sleak-intent-grid p{margin:0;color:#6f675f;font-size:10.5px;line-height:1.5}.sleak-intent-grid b{display:block;margin-top:10px;color:#50689a;font-size:9px}.sleak-avatar{background:#e1e6f4;color:#50689a}.sleak-suggestion{border-color:#cbd4e8;background:#f3f5fb}.sleak-suggestion>span{color:#50689a}.sleak-flow .panel-heading>a{color:#50689a;font-size:10px;font-weight:750}

@media(max-width:1050px){.communication-tab{padding-inline:10px}.channel-grid{grid-template-columns:1fr}.channel-card{min-height:112px}.message-workspace{grid-template-columns:320px 1fr}}
@media(max-width:820px){.communication-hero{align-items:flex-start;flex-direction:column}.communication-dashboard-grid,.message-workspace{grid-template-columns:1fr}.phone-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sleak-intent-grid{grid-template-columns:1fr}.integration-flow>div:last-child{align-items:flex-start;flex-direction:column}.integration-flow i{transform:rotate(90deg);margin-left:8px}}
@media(max-width:650px){.communication-nav{justify-content:flex-start}.communication-tab{height:38px;font-size:10px}.communication-hero{padding:19px}.communication-hero h2{font-size:19px}.communication-hero>a{min-width:0}.channel-card{grid-template-columns:40px 1fr}.channel-card>b{grid-column:2;justify-self:start}.channel-card>button{grid-column:2}.signal-metrics{grid-template-columns:1fr}.channel-onboarding{grid-template-columns:48px 1fr}.channel-onboarding .onboarding-icon{width:46px;height:46px}.connection-status{grid-column:2;justify-self:start}.phone-kpis{grid-template-columns:1fr 1fr}.followup-list article{grid-template-columns:40px 1fr auto}.followup-list article>a,.followup-list article>button{grid-column:2;justify-self:start}.chat-preview{padding-inline:0}.guest-message,.ai-suggestion{max-width:92%}}