/* WCPEC HR Live Support shortcode page containers. All selectors are scoped. */
.wcpec-support-page,
.wcpec-support-login-required {
  --wcpec-page-ink:#152a40;
  --wcpec-page-muted:#657586;
  --wcpec-page-border:#dce5eb;
  --wcpec-page-primary:#0b6f95;
  width:min(1180px, calc(100% - 28px));
  margin:28px auto;
  direction:rtl;
  color:var(--wcpec-page-ink);
  font-family:"Tajawal",Tahoma,Arial,sans-serif;
  text-align:right;
  box-sizing:border-box;
}
.wcpec-support-page *,
.wcpec-support-page *::before,
.wcpec-support-page *::after,
.wcpec-support-login-required * { box-sizing:border-box; }
.wcpec-support-page__intro {
  position:relative;
  margin-bottom:18px;
  padding:28px 30px;
  overflow:hidden;
  border:1px solid #d4e3eb;
  border-radius:20px;
  background:linear-gradient(135deg,#102d43 0%,#0b6f95 100%);
  box-shadow:0 18px 50px rgba(16,45,67,.16);
}
.wcpec-support-page__intro::after {
  content:"";
  position:absolute;
  left:-80px;
  top:-120px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(255,255,255,.07);
}
.wcpec-support-page__intro h1 {
  position:relative;
  z-index:1;
  margin:0 0 8px;
  color:#fff;
  font-size:30px;
  font-weight:900;
  line-height:1.35;
}
.wcpec-support-page__intro p {
  position:relative;
  z-index:1;
  max-width:760px;
  margin:0;
  color:#dfeef5;
  font-size:14px;
  line-height:1.9;
}
.wcpec-support-login-required {
  padding:18px 20px;
  border:1px solid var(--wcpec-page-border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 30px rgba(18,45,66,.07);
  color:var(--wcpec-page-muted);
}
@media(max-width:700px){
  .wcpec-support-page { width:calc(100% - 18px); margin:14px auto; }
  .wcpec-support-page__intro { padding:22px 20px; border-radius:16px; }
  .wcpec-support-page__intro h1 { font-size:24px; }
}


/* Theme-safe support pages. */
.wcpec-support-page { max-width: 1280px; }
.wcpec-support-page .wcpec-hr-chat-host { display: block; width: 100%; min-width: 0; }
@media (max-width: 782px) {
  .wcpec-support-page { width: calc(100% - 16px); margin: 12px auto; }
  .wcpec-support-page__intro { margin-bottom: 12px; padding: 20px 17px; }
}