.contact-360-open{display:block;margin-top:8px;padding:7px 11px;
  border:0;border-radius:9px;background:#edf2ff;color:#3157d5;
  font-weight:800;cursor:pointer}
.contact-360-dialog{width:min(1080px,95vw);max-height:92vh;
  padding:0;border:0;border-radius:24px}
.contact-360-shell{padding:24px}
.contact-360-body{display:grid;gap:18px}
.contact-360-hero{display:flex;justify-content:space-between;
  gap:18px;padding:22px;border-radius:20px;
  background:linear-gradient(135deg,#142e67,#3a62f4);color:#fff}
.contact-360-hero h2{margin:8px 0 5px}
.contact-360-hero p{margin:0;color:#dce6ff}
.contact-360-kicker{font-size:12px;font-weight:900;
  letter-spacing:.14em}
.contact-360-metrics{display:grid;
  grid-template-columns:repeat(4,1fr);gap:12px}
.contact-360-metrics div,.contact-360-panel{padding:18px;
  border:1px solid #dfe7f4;border-radius:16px;background:#fff}
.contact-360-metrics b{display:block;font-size:26px;color:#102344}
.contact-360-metrics span,.contact-360-line span,
.contact-360-line small{display:block;margin-top:4px;color:#71809a}
.contact-360-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-360-panel h4{margin:0 0 14px}
.contact-360-line{display:flex;align-items:center;
  justify-content:space-between;gap:15px;padding:12px 0;
  border-top:1px solid #e6ecf5}
.contact-360-timeline{display:grid;gap:10px}
.contact-360-event{display:grid;grid-template-columns:42px 1fr auto;
  align-items:center;gap:12px;padding:14px;border-radius:14px;
  background:#f5f8fd}
.contact-360-icon{display:grid;place-items:center;width:42px;
  height:42px;border-radius:12px;background:#e5ebff;
  color:#3157d5;font-weight:900}
.contact-360-event h5,.contact-360-event p{margin:3px 0}
.contact-360-event small,.contact-360-event p,
.contact-360-empty,.contact-360-loading{color:#71809a}
.contact-360-empty,.contact-360-loading{padding:20px;
  border-radius:12px;background:#f5f8fd}
@media(max-width:760px){
  .contact-360-grid{grid-template-columns:1fr}
  .contact-360-metrics{grid-template-columns:1fr 1fr}
  .contact-360-hero,.contact-360-line{align-items:flex-start;
    flex-direction:column}
  .contact-360-event{grid-template-columns:42px 1fr}
  .contact-360-event>.badge{grid-column:2}
}

/* CSP-safe Contact 360 and Automation Center */
.contact-360-open {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(49, 87, 213, .18);
  border-radius: 12px;
  background: linear-gradient(135deg, #574ff2 0%, #246cff 100%);
  box-shadow: 0 8px 20px rgba(49, 87, 213, .2);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  cursor: pointer;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

.contact-360-open::before {
  content: "360°";
  display: inline-grid;
  place-items: center;
  min-width: 32px;
  height: 22px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  font-size: 11px;
  letter-spacing: .03em;
}

.contact-360-open:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(49, 87, 213, .28);
  filter: brightness(1.04);
}

.contact-360-open:focus-visible {
  outline: 3px solid rgba(49, 108, 255, .3);
  outline-offset: 3px;
}

.automation-working-days {
  padding: 14px;
  border: 1px solid #dbe3f0;
  border-radius: 12px;
}

.automation-working-days-legend {
  padding: 0 8px;
  font-weight: 700;
}

.automation-working-days-help {
  margin: 0 0 10px;
  color: #68758d;
}

.automation-working-days-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 640px) {
  .contact-360-open {
    width: 100%;
    justify-content: center;
  }
}