.client-email-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  padding:22px 24px;
  border:1px solid #23465c;
  border-radius:14px;
  background:linear-gradient(135deg,#102c3d 0%,#0c2231 64%,#0b1d2a 100%);
}
.client-email-toolbar h2{margin:3px 0 7px;font-size:25px}
.client-email-toolbar p:not(.eyebrow){max-width:760px;margin:0;color:#9bc3d8;line-height:1.55}
.client-email-toolbar .email-centre-note{
  min-width:260px;
  padding:13px 15px;
  border:1px solid #2b5970;
  border-radius:10px;
  background:#081b28;
  color:#9fc9db;
  font-size:13px;
  line-height:1.45;
}
.client-email-toolbar .email-centre-note strong{display:block;margin-bottom:3px;color:#fff}
.email-centre-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.email-centre-kpi{
  min-height:108px;
  padding:18px 20px;
  border:1px solid #24485e;
  border-radius:12px;
  background:#10293a;
}
.email-centre-kpi span,.email-centre-kpi small{display:block;color:#87b5ca}
.email-centre-kpi strong{display:block;margin:7px 0 4px;color:#fff;font-size:29px}
.email-centre-kpi.due{border-color:#a06919;background:linear-gradient(135deg,#253022,#10293a 70%)}
.email-centre-kpi.due strong{color:#ffbd4c}
.client-email-panel{margin-bottom:18px}
.client-email-panel .panel-head{gap:18px}
.client-email-panel .panel-head p:not(.eyebrow){margin:6px 0 0;color:#87b5ca}
.client-email-filter{
  display:flex;
  gap:5px;
  padding:4px;
  border:1px solid #285066;
  border-radius:9px;
  background:#081b28;
}
.client-email-filter button{
  padding:8px 12px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#8fb9cc;
  cursor:pointer;
}
.client-email-filter button.active{background:#1b506a;color:#fff}
.client-email-list{display:grid;gap:10px}
.client-email-card{
  display:grid;
  grid-template-columns:minmax(240px,1.2fr) minmax(210px,.85fr) minmax(260px,1.35fr) auto;
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border:1px solid #22475d;
  border-radius:11px;
  background:#0b2130;
}
.client-email-card.is-due{border-left:4px solid #ffb23e}
.client-email-card.is-sent{opacity:.72}
.client-email-card h3{margin:0 0 4px;font-size:16px;color:#fff}
.client-email-card p{margin:0;color:#9bc3d8;line-height:1.42}
.client-email-card small{display:block;margin-top:3px;color:#719db2;line-height:1.4}
.client-email-card .appointment-time strong{display:block;margin-bottom:4px;color:#38d1ed;font-size:16px}
.client-email-card .enquiry-preview{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  color:#a8c9d7;
}
.client-email-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
  min-width:205px;
}
.client-email-actions button{
  padding:9px 12px;
  border:1px solid #34627a;
  border-radius:7px;
  background:#102c3d;
  color:#d8f3ff;
  font-weight:700;
  cursor:pointer;
}
.client-email-actions button.primary-email-action{
  border-color:#31bfdc;
  background:#31bfdc;
  color:#041824;
}
.client-email-actions button:hover{filter:brightness(1.1)}
.client-email-status{
  display:inline-flex;
  align-items:center;
  margin-top:7px;
  padding:4px 8px;
  border-radius:999px;
  background:#174a3c;
  color:#50e5b3;
  font-size:11px;
  font-weight:700;
}
.client-email-status.overdue{background:#54262c;color:#ff8793}
.client-email-status.upcoming{background:#17384d;color:#79d8f2}
.client-email-empty{
  padding:42px 22px;
  border:1px dashed #31566b;
  border-radius:10px;
  text-align:center;
  color:#83aec1;
  background:#0a1e2c;
}
.client-email-empty strong{display:block;margin-bottom:5px;color:#dff4fb;font-size:15px}
.client-email-routing{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #285066;
  border-radius:10px;
  background:#0b2130;
}
.client-email-routing strong{display:block;color:#fff}
.client-email-routing small{display:block;margin-top:4px;color:#82afc3}
.client-email-routing button{
  padding:9px 13px;
  border:1px solid #31bfdc;
  border-radius:7px;
  background:#102c3d;
  color:#45d5ee;
  cursor:pointer;
  white-space:nowrap;
}
#client-email-count{
  min-width:23px;
  margin-left:auto;
  padding:2px 7px;
  border-radius:999px;
  background:#174b62;
  color:#52d8f1;
  text-align:center;
  font-size:11px;
}
#client-email-count:empty{display:none}
.client-task-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
.client-task-stat{
  padding:7px 10px;
  border:1px solid #285066;
  border-radius:999px;
  background:#0a1e2c;
  color:#8fb9cc;
  font-size:12px;
}
.client-task-stat strong{
  margin-right:4px;
  color:#fff;
}
.client-task-card{
  grid-template-columns:minmax(220px,1fr) minmax(260px,1.35fr) minmax(180px,.75fr) auto;
}
.client-task-card.is-overdue{border-left:4px solid #ff6677}
.client-task-card.is-due{border-left:4px solid #ffb23e}
.client-task-card.is-upcoming{border-left:4px solid #31bfdc}
.client-task-card.is-unscheduled{border-left:4px solid #6e92a4}
.client-task-card .task-title{
  display:block;
  color:#fff;
  font-size:15px;
}
@media(max-width:1150px){
  .client-email-card{grid-template-columns:1fr 1fr}
  .client-email-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .client-email-toolbar{align-items:flex-start;flex-direction:column}
  .client-email-toolbar .email-centre-note{min-width:0;width:100%}
  .email-centre-kpis{grid-template-columns:1fr}
  .client-email-panel .panel-head{align-items:flex-start;flex-direction:column}
  .client-email-card{grid-template-columns:1fr}
  .client-email-actions{min-width:0}
}