/* CRINEO customer activity history */
.customer-activity-history{
  margin:28px auto;
  padding:clamp(20px,4vw,34px);
  width:min(100%,1180px);
  border:1px solid rgba(12,39,65,.1);
  border-top:4px solid #d7b35e;
  border-radius:24px;
  background:linear-gradient(145deg,#fff 0%,#fbfaf7 100%);
  box-shadow:0 18px 52px rgba(15,39,64,.08);
  color:#18344c;
}
.customer-activity-history *{box-sizing:border-box}
.activity-history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.activity-history-header .eyebrow{color:#98721f;font-size:11px;font-weight:800;letter-spacing:.18em}
.activity-history-header h3{margin:6px 0 7px;color:#102d46;font:700 clamp(25px,4vw,36px)/1.12 Georgia,serif}
.activity-history-header p{margin:0;color:#687789;line-height:1.55}
.activity-history-controls{
  display:grid;
  grid-template-columns:repeat(2,minmax(140px,1fr)) minmax(170px,1fr) minmax(180px,1.2fr) auto auto;
  align-items:end;
  gap:12px;
  padding:16px;
  border:1px solid #e7e2d6;
  border-radius:18px;
  background:#fff;
}
.activity-history-controls label{display:grid;gap:6px;color:#536477;font-size:12px;font-weight:750}
.activity-history-controls input,.activity-history-controls select{
  width:100%;min-height:44px;padding:9px 11px;border:1px solid #d9dfe5;border-radius:11px;
  background:#fff;color:#17334c;font:500 14px system-ui,sans-serif;
}
.activity-history-controls input:focus,.activity-history-controls select:focus{outline:3px solid rgba(214,178,96,.28);border-color:#c49b3f}
.activity-history-controls button{
  min-height:44px;padding:0 16px;border:1px solid #163a58;border-radius:12px;
  background:#10314d;color:#fff;font-weight:750;cursor:pointer;white-space:nowrap
}
.activity-history-controls button.secondary{background:#fff;color:#17334c;border-color:#d8b661}
.activity-history-controls button:disabled{opacity:.55;cursor:wait}
.activity-history-status{min-height:22px;margin:10px 2px;color:#647386;font-size:13px}
.activity-history-status.is-error{color:#a33434}
.activity-history-list{display:grid;gap:10px}
.activity-history-item{
  display:flex;align-items:flex-start;gap:14px;padding:15px 16px;border:1px solid #e8ebee;
  border-radius:16px;background:rgba(255,255,255,.9)
}
.activity-history-icon{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;
  background:#f8f1df;font-size:20px
}
.activity-history-copy{min-width:0;flex:1}
.activity-history-item-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}
.activity-history-kind{color:#9a762a;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.activity-history-item time{color:#788493;font-size:12px;text-align:right}
.activity-history-copy strong{display:block;color:#21384d;font-size:14px;line-height:1.45;font-weight:700}
.activity-history-copy small{display:block;margin-top:5px;color:#748191;font-size:12px}
.activity-history-link{display:inline-block;margin-top:8px;color:#8a671d;font-size:12px;font-weight:800;text-decoration:none}
.activity-history-link:hover{text-decoration:underline}
.activity-history-count{margin:12px 3px;color:#788493;font-size:12px}
.activity-history-more{display:block;margin:14px auto 28px;min-height:42px;padding:0 18px;border:1px solid #d8b661;border-radius:999px;background:#fff;color:#143752;font-weight:750;cursor:pointer}
.activity-history-empty{padding:28px 16px;border:1px dashed #d7dce1;border-radius:16px;background:#fff;text-align:center;color:#536477}
.activity-history-empty>span{display:block;margin-bottom:8px;color:#b38d39;font-size:25px}
.activity-history-empty strong{color:#18344c}
.activity-history-empty p{margin:6px 0 0;font-size:13px}
.activity-history-bottom{margin-top:25px;padding-top:23px;border-top:1px solid #e6e5e1}
.activity-history-bottom h4{margin:0 0 6px;color:#173650;font:700 21px/1.2 Georgia,serif}
.activity-history-bottom>p{margin:0 0 14px;color:#6c7887;font-size:13px;line-height:1.5}
.activity-spending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.activity-spending-card{display:grid;gap:7px;padding:18px;border:1px solid #e8dfc8;border-radius:17px;background:linear-gradient(145deg,#fff,#faf6eb)}
.activity-spending-card span{color:#7c6840;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.activity-spending-card strong{color:#102f49;font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums}
.activity-spending-card small{color:#69788a;font-size:12px}
.activity-history-no-spend{padding:14px 16px;border-radius:13px;background:#f7f8f9;color:#687789;font-size:14px}
.activity-history-footnote{margin:10px 2px 0!important;color:#7b8490!important;font-size:11px!important}
.activity-history-summary{
  margin-top:20px;padding:19px 20px;border:1px solid rgba(215,179,94,.55);border-radius:18px;
  background:linear-gradient(135deg,#102f49,#173c5a);color:#fff;line-height:1.65;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.activity-history-summary h4{margin:0 0 7px;color:#ebcb7a;font:700 19px Georgia,serif}
.activity-history-summary p{margin:0;color:rgba(255,255,255,.9);font-size:14px}
@media(max-width:900px){
  .activity-history-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-history-controls button{width:100%}
}
@media(max-width:560px){
  .customer-activity-history{padding:18px 14px;border-radius:19px}
  .activity-history-header{display:block}
  .activity-history-controls{grid-template-columns:1fr 1fr;gap:10px;padding:12px}
  .activity-history-controls label:nth-child(3),.activity-history-controls label:nth-child(4){grid-column:1/-1}
  .activity-history-item{gap:10px;padding:12px}
  .activity-history-icon{flex-basis:37px;width:37px;height:37px}
  .activity-history-item-top{display:grid;gap:3px}
  .activity-history-item time{text-align:left}
  .activity-spending-grid{grid-template-columns:1fr}
  .activity-spending-card strong{font-size:23px}
}