/* Calliope Social Publisher – Admin UI */

.calliope-sp-wrap{
  --calliope-sp-bg:#f4f6fb;
  --calliope-sp-card:#ffffff;
  --calliope-sp-text:#18224f;
  --calliope-sp-muted:#66729a;
  --calliope-sp-border:#dbe2f2;
  --calliope-sp-border-strong:#c5d0e8;
  --calliope-sp-shadow:0 18px 44px rgba(24,34,79,.08);
  --calliope-sp-accent:#8b37d5;
  --calliope-sp-accent-strong:#22358f;
  --calliope-sp-accent-soft:#f2eaff;
  --calliope-sp-pink:#d84cc8;
  --calliope-sp-dark:#17245f;
  --calliope-sp-dark-2:#10173f;
  --calliope-sp-danger:#b74172;
  --calliope-sp-danger-soft:#fff1f6;
  --calliope-sp-focus:0 0 0 3px rgba(139,55,213,.16);
  padding-top:10px;
  padding-bottom:32px;
  position:relative;
  z-index:1;
}


/* Clean top header bar */
.calliope-sp-wrap .calliope-sp-topbar{
  margin:14px auto 16px;
  max-width:1180px;
  background:linear-gradient(135deg, var(--calliope-sp-dark) 0%, #2b3ea0 42%, var(--calliope-sp-accent) 78%, var(--calliope-sp-pink) 100%);
  border-radius:22px;
  box-shadow:0 22px 48px rgba(23,36,95,.18);
  padding:24px 28px;
  min-height:150px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  overflow:hidden;
  position:relative;
}
.calliope-sp-wrap .calliope-sp-topbar::before,
.calliope-sp-wrap .calliope-sp-topbar::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Logo hard reset: keep the header mark transparent and immune to older cached styles. */
.calliope-sp-wrap .calliope-sp-topbar__brand,
.calliope-sp-wrap .calliope-sp-topbar__brand > picture,
.calliope-sp-wrap .calliope-sp-topbar__logo,
.calliope-sp-wrap .calliope-sp-topbar__logo-clean{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.calliope-sp-wrap .calliope-sp-topbar__logo,
.calliope-sp-wrap .calliope-sp-topbar__logo-clean{
  padding:0 !important;
}

.calliope-sp-wrap .calliope-sp-topbar__brand,
.calliope-sp-wrap .calliope-sp-topbar__actions{
  position:relative;
  z-index:1;
}
.calliope-sp-wrap .calliope-sp-topbar__brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:16px;
  min-width:0;
  flex:1 1 auto;
}
.calliope-sp-wrap .calliope-sp-topbar__logo-clean{
  display:block !important;
  width:min(157px, 14vw) !important;
  max-width:100% !important;
  height:auto !important;
  flex:0 0 auto !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
  margin:0 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
.calliope-sp-wrap .calliope-sp-topbar__copy{color:#fff;}
.calliope-sp-wrap .calliope-sp-topbar__copy p{
  margin:0;
  max-width:760px;
  color:rgba(255,255,255,.96);
  font-size:15px;
  line-height:1.55;
}
.calliope-sp-wrap .calliope-sp-topbar__actions{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
  flex:0 0 auto;
}
.calliope-sp-wrap .calliope-sp-topbar__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  backdrop-filter:none;
  transition:all .18s ease;
  box-shadow:none;
}
.calliope-sp-wrap .calliope-sp-topbar__button:hover{
  background:rgba(255,255,255,.15);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(15,23,42,.18);
}
@media (max-width: 1080px){
  .calliope-sp-wrap .calliope-sp-topbar{
    flex-direction:column;
    align-items:flex-start;
    min-height:0;
  }
  .calliope-sp-wrap .calliope-sp-topbar__brand{width:100%;}
  .calliope-sp-wrap .calliope-sp-topbar__logo-clean{width:min(144px, 28vw) !important;}
  .calliope-sp-wrap .calliope-sp-topbar__actions{justify-content:flex-start;}
}
@media (max-width: 760px){
  .calliope-sp-wrap .calliope-sp-topbar{padding:22px;}
  .calliope-sp-wrap .calliope-sp-topbar__brand{
    flex-direction:column;
    align-items:flex-start;
  }
  .calliope-sp-wrap .calliope-sp-topbar__logo-clean{width:min(128px, 36vw) !important;}
  .calliope-sp-wrap .calliope-sp-topbar__button{min-height:44px;}
}

/* Review box */
.calliope-sp-wrap .calliope-sp-review-box{
  margin:18px auto 0;
  max-width:980px;
  background:rgba(255,255,255,.15);
  border:1px solid var(--calliope-sp-border);
  border-radius:18px;
  box-shadow:var(--calliope-sp-shadow);
  padding:18px 22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
}
.calliope-sp-wrap .calliope-sp-review-box__text{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  color:var(--calliope-sp-text);
  font-size:15px;
  line-height:1.5;
  text-align:center;
}
.calliope-sp-wrap .calliope-sp-review-box__text strong{
  font-weight:800;
}
.calliope-sp-wrap .calliope-sp-review-box__text span{
  color:var(--calliope-sp-muted);
}
.calliope-sp-wrap .calliope-sp-review-box__actions{
  display:flex;
  justify-content:center;
  width:100%;
}
.calliope-sp-wrap .calliope-sp-review-box__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:var(--calliope-sp-accent-soft);
  border:1px solid rgba(139,55,213,.18);
  color:var(--calliope-sp-accent-strong);
  text-decoration:none;
  font-weight:800;
  transition:all .18s ease;
}
.calliope-sp-wrap .calliope-sp-review-box__button:hover{
  background:#e9deff;
  color:var(--calliope-sp-accent-strong);
  transform:translateY(-1px);
}
@media (max-width: 760px){
  .calliope-sp-wrap .calliope-sp-review-box{
    padding:16px 18px;
  }
  .calliope-sp-wrap .calliope-sp-review-box__text{
    font-size:15px;
  }
}

/* Container panel */
.calliope-sp-wrap .calliope-sp-panel{
  background:var(--calliope-sp-bg);
  border:1px solid var(--calliope-sp-border);
  border-radius:22px;
  box-shadow:var(--calliope-sp-shadow);
  padding:18px;
  margin-top:12px;
}

/* Layout */
.calliope-sp-wrap .calliope-sp-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 380px;
  gap:18px;
  align-items:start;
}
@media (max-width: 1050px){
  .calliope-sp-wrap .calliope-sp-grid{grid-template-columns:1fr;}
}

/* Cards */
.calliope-sp-wrap .calliope-sp-card{
  background:var(--calliope-sp-card);
  border:1px solid var(--calliope-sp-border);
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 26px rgba(15,23,42,.05);
}
.calliope-sp-wrap .calliope-sp-card h3{
  margin:0 0 10px;
  font-size:15px;
  color:var(--calliope-sp-text);
}
.calliope-sp-wrap .calliope-sp-card:last-child{margin-bottom:110px;}

/* Info boxes */
.calliope-sp-wrap .calliope-sp-help,
.calliope-sp-wrap .calliope-sp-howto,
.calliope-sp-wrap .calliope-sp-hint-box{
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid var(--calliope-sp-border);
  background:#f8faff;
  border-radius:15px;
  color:#49557d;
}
.calliope-sp-wrap .calliope-sp-howto.calliope-sp-howto--below{margin-top:12px;}
.calliope-sp-wrap .calliope-sp-help .dashicons{color:#7d89b1;vertical-align:middle;margin-right:6px;}
.calliope-sp-wrap .calliope-sp-howto b,
.calliope-sp-wrap .calliope-sp-help b{color:var(--calliope-sp-text);}
.calliope-sp-wrap .calliope-sp-howto code{font-size:12px;}

/* Typography helpers */
.calliope-sp-wrap .calliope-sp-muted{color:var(--calliope-sp-muted);}
.calliope-sp-wrap .calliope-sp-hint{margin-top:6px;font-size:12px;color:var(--calliope-sp-muted);}
.calliope-sp-wrap .calliope-sp-divider{height:1px;background:var(--calliope-sp-border);margin:16px 0;}

/* Primary WP tabs */
.calliope-sp-wrap .nav-tab-wrapper{
  border-bottom:1px solid var(--calliope-sp-border);
  padding-left:0;
  margin-top:0;
}
.calliope-sp-wrap .nav-tab{
  background:transparent;
  border:none;
  border-bottom:2px solid transparent;
  padding:10px 12px;
  margin:0 6px 0 0;
  border-radius:14px 14px 0 0;
  font-weight:800;
  color:#42507c;
}
.calliope-sp-wrap .nav-tab:hover{color:var(--calliope-sp-text);background:rgba(255,255,255,.45);}
.calliope-sp-wrap .nav-tab-active{
  border-bottom-color:var(--calliope-sp-accent);
  color:var(--calliope-sp-text);
  background:rgba(255,255,255,.72);
}
.calliope-sp-wrap .nav-tab .dashicons{
  font-size:18px;
  line-height:1;
  margin-right:6px;
  vertical-align:-3px;
  color:#7a86af;
}
.calliope-sp-wrap .nav-tab-active .dashicons{color:var(--calliope-sp-accent);}

/* Network tabs */
.calliope-sp-wrap .calliope-sp-net-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 0;
}
.calliope-sp-wrap .calliope-sp-net-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--calliope-sp-border);
  background:rgba(255,255,255,.15);
  color:#132045;
  font-weight:800;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.calliope-sp-wrap .calliope-sp-net-tab:hover{border-color:var(--calliope-sp-border-strong);transform:translateY(-1px);}
.calliope-sp-wrap .calliope-sp-net-tab.is-active{box-shadow:0 0 0 3px rgba(34,53,143,.08);}
.calliope-sp-wrap .calliope-sp-net-tab.is-disconnected{color:#6d7690;border-color:#d8deec;background:#f7f8fc;}
.calliope-sp-wrap .calliope-sp-net-tab.is-disconnected .calliope-sp-net-icon{color:#a0a9c2;}
.calliope-sp-wrap .calliope-sp-net-tab.is-connected{color:var(--calliope-sp-net-color, #0f172a);border-color:currentColor;background:rgba(255,255,255,.15);}
.calliope-sp-wrap .calliope-sp-net-tab.is-connected .calliope-sp-net-icon{color:currentColor;}
.calliope-sp-wrap .calliope-sp-net-tab.net-bluesky.is-connected{--calliope-sp-net-color:#1185fe;}
.calliope-sp-wrap .calliope-sp-net-tab.net-mastodon.is-connected{--calliope-sp-net-color:#6364ff;}
.calliope-sp-wrap .calliope-sp-net-tab.net-tumblr.is-connected{--calliope-sp-net-color:#001935;}
.calliope-sp-wrap .calliope-sp-net-tab.net-pinterest.is-connected{--calliope-sp-net-color:#e60023;}
.calliope-sp-wrap .calliope-sp-net-tab.net-threads.is-connected{--calliope-sp-net-color:#111111;}
.calliope-sp-wrap .calliope-sp-net-tab.net-instagram.is-connected{--calliope-sp-net-color:#d62976;}
.calliope-sp-wrap .calliope-sp-net-tab.net-linkedin.is-connected{--calliope-sp-net-color:#0a66c2;}
.calliope-sp-wrap .calliope-sp-net-tab.net-blogger.is-connected{--calliope-sp-net-color:#f57d00;}
.calliope-sp-wrap .calliope-sp-net-tab.net-telegram.is-connected{--calliope-sp-net-color:#229ED9;}
.calliope-sp-wrap .calliope-sp-net-tab.net-facebook.is-connected{--calliope-sp-net-color:#1877f2;}
.calliope-sp-wrap .calliope-sp-net-tab.is-active.is-disconnected{border-color:#cfd6ea;}
.calliope-sp-wrap .calliope-sp-net-tab.is-active.is-connected{border-color:currentColor;}
.calliope-sp-wrap .calliope-sp-net-icon{
  width:18px;
  height:18px;
  display:inline-block;
  color:var(--calliope-sp-muted);
  overflow:hidden;
  max-width:18px;
  max-height:18px;
}
.calliope-sp-wrap .calliope-sp-net-icon--threads path{fill:currentColor;}
.calliope-sp-wrap .calliope-sp-net-icon--threads{transform:scale(.92);transform-origin:center;}

/* Inputs */
.calliope-sp-wrap label{font-weight:700;color:#111a3f;}
.calliope-sp-wrap .calliope-sp-field{margin:0 0 12px;}
.calliope-sp-wrap .calliope-sp-field input[type="text"],
.calliope-sp-wrap .calliope-sp-field input[type="url"],
.calliope-sp-wrap .calliope-sp-field input[type="password"],
.calliope-sp-wrap .calliope-sp-field textarea,
.calliope-sp-wrap .calliope-sp-field select{
  width:100%;
  max-width:100%;
  border:1px solid #ced7ea;
  border-radius:14px;
  padding:11px 12px;
  background:rgba(255,255,255,.15);
  color:#101a40;
  box-shadow:0 1px 0 rgba(2,6,23,.03);
}
.calliope-sp-wrap .calliope-sp-field textarea{min-height:120px;resize:vertical;}
.calliope-sp-wrap .calliope-sp-field input:focus,
.calliope-sp-wrap .calliope-sp-field textarea:focus,
.calliope-sp-wrap .calliope-sp-field select:focus{
  border-color:var(--calliope-sp-accent);
  box-shadow:var(--calliope-sp-focus);
  outline:none;
}

/* Actions + buttons */
.calliope-sp-wrap .calliope-sp-actions,
.calliope-sp-wrap .calliope-sp-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.calliope-sp-wrap .calliope-sp-actions{margin-top:12px;}
.calliope-sp-wrap .button.button-primary,
.calliope-sp-wrap .button.button-secondary.calliope-sp-dark,
.calliope-sp-wrap .button.button-primary.calliope-sp-cta{
  background:linear-gradient(135deg, var(--calliope-sp-accent-strong) 0%, var(--calliope-sp-accent) 70%, var(--calliope-sp-pink) 100%);
  border:0;
  color:#fff;
  border-radius:14px;
  padding:8px 14px;
  font-weight:800;
  box-shadow:0 12px 24px rgba(139,55,213,.18);
}
.calliope-sp-wrap .button.button-primary:hover,
.calliope-sp-wrap .button.button-secondary.calliope-sp-dark:hover,
.calliope-sp-wrap .button.button-primary.calliope-sp-cta:hover{
  color:#fff;
  filter:none;
  transform:translateY(-1px);
}
.calliope-sp-wrap .button.button-secondary{
  border-radius:14px;
  border-color:#cbd5e8;
  color:var(--calliope-sp-accent-strong);
  background:rgba(255,255,255,.15);
}
.calliope-sp-wrap .button.button-secondary:hover{
  border-color:var(--calliope-sp-accent);
  color:var(--calliope-sp-accent);
}
.calliope-sp-wrap .button.button-link-delete{
  border-radius:999px;
  padding:6px 12px;
  height:auto;
  line-height:1.4;
  border:1px solid rgba(183,65,114,.22);
  background:var(--calliope-sp-danger-soft);
  color:var(--calliope-sp-danger);
  text-decoration:none;
}
.calliope-sp-wrap .button.button-link-delete:hover{
  background:#ffe6f0;
  border-color:rgba(183,65,114,.36);
  color:#9d2f5d;
}
.calliope-sp-wrap .button{border-radius:14px;transition:all .18s ease;}
.calliope-sp-wrap .button:focus{box-shadow:var(--calliope-sp-focus) !important;border-color:var(--calliope-sp-accent) !important;outline:none;}

/* Status badge */
.calliope-sp-wrap .calliope-sp-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  border:1px solid var(--calliope-sp-border);
  background:#f8fafc;
  color:#334155;
}
.calliope-sp-wrap .calliope-sp-badge .dot{width:8px;height:8px;border-radius:999px;background:#94a3b8;}
.calliope-sp-wrap .calliope-sp-badge.is-ok{background:#eefbf3;border-color:#b7e4c7;color:#166534;}
.calliope-sp-wrap .calliope-sp-badge.is-ok .dot{background:#16a34a;}
.calliope-sp-wrap .calliope-sp-badge.is-warn{background:#fff8ec;border-color:#ead6ae;color:#8a5a16;}
.calliope-sp-wrap .calliope-sp-badge.is-warn .dot{background:#d48a16;}
.calliope-sp-wrap .calliope-sp-badge.is-bad{background:#f8f1f5;border-color:#ecd4e0;color:#8a4667;}
.calliope-sp-wrap .calliope-sp-badge.is-bad .dot{background:#b86a90;}

/* Logs table */
.calliope-sp-wrap table.widefat{table-layout:fixed;width:100%;border-color:var(--calliope-sp-border);border-radius:16px;overflow:hidden;}
.calliope-sp-wrap table.widefat th,
.calliope-sp-wrap table.widefat td{overflow-wrap:anywhere;word-break:break-word;}
.calliope-sp-wrap table.widefat th:nth-child(1),
.calliope-sp-wrap table.widefat td:nth-child(1){width:140px;}
.calliope-sp-wrap table.widefat th:nth-child(2),
.calliope-sp-wrap table.widefat td:nth-child(2){width:110px;}
.calliope-sp-wrap table.widefat th:nth-child(3),
.calliope-sp-wrap table.widefat td:nth-child(3){width:90px;}

/* Publisher checks */
.calliope-sp-wrap .calliope-sp-checks{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;}
.calliope-sp-wrap .calliope-sp-checks label{
  font-weight:700;
  color:#10204c;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid var(--calliope-sp-border);
  border-radius:999px;
  background:rgba(255,255,255,.15);
}
.calliope-sp-wrap .calliope-sp-checks input{margin:0;}

/* Native image cropper */
.calliope-sp-wrap #edit-area{
  background:rgba(255,255,255,.15);
  border:1px solid var(--calliope-sp-border);
  border-radius:16px;
  padding:16px;
  margin-top:10px;
}
.calliope-sp-wrap .cropper-wrapper{
  border:1px solid var(--calliope-sp-border);
  border-radius:16px;
  overflow:hidden;
  background:#f8faff;
  width:min(100%, 360px);
  aspect-ratio:4 / 5;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0 auto;
  cursor:grab;
  touch-action:none;
  position:relative;
}
.calliope-sp-wrap .cropper-wrapper.is-dragging{cursor:grabbing;}
.calliope-sp-wrap .cropper-wrapper img{display:none;}
.calliope-sp-wrap .cropper-wrapper canvas{
  display:block;
  width:100%;
  height:100%;
}
.calliope-sp-wrap .calliope-sp-native-crop-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.calliope-sp-wrap .calliope-sp-native-crop-controls label{
  font-weight:700;
  color:#10204c;
}
.calliope-sp-wrap .calliope-sp-native-crop-controls input[type=range]{
  width:min(100%, 220px);
}
.calliope-sp-wrap .calliope-sp-crop-actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:8px;}
.calliope-sp-wrap #preview{margin-top:12px;}
.calliope-sp-wrap #preview img{
  border:1px solid var(--calliope-sp-border);
  border-radius:14px;
  max-width:100%;
  width:min(100%, 280px);
  height:auto;
  background:rgba(255,255,255,.15);
}
.calliope-sp-wrap .calliope-sp-mini{font-size:12px;color:var(--calliope-sp-muted);margin:8px 0 0;}

/* Small description blocks */
.calliope-sp-wrap .calliope-sp-howto{padding:12px 14px;margin:12px 0 14px;}
.calliope-sp-wrap .calliope-sp-guide-list{margin:8px 0 0 18px;padding:0;}
.calliope-sp-wrap .calliope-sp-guide-list li{margin:0 0 8px;}
.calliope-sp-wrap .calliope-sp-guide-list li:last-child{margin-bottom:0;}

/* Dashboard docs/support helpers */
.calliope-sp-wrap .calliope-sp-info-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  margin-top:18px;
}
.calliope-sp-wrap .calliope-sp-anchor-card{scroll-margin-top:24px;}
.calliope-sp-wrap .calliope-sp-steps{margin:0;padding-left:18px;}
.calliope-sp-wrap .calliope-sp-steps li{margin:0 0 8px;color:#334155;}
.calliope-sp-wrap .calliope-sp-steps--compact{margin-top:8px;}
.calliope-sp-wrap .calliope-sp-steps--compact li{margin-bottom:6px;}
@media (max-width:900px){
  .calliope-sp-wrap .calliope-sp-info-grid{grid-template-columns:1fr;}
}

/* Page-level admin footer fix for this screen only */
#wpbody-content{padding-bottom:32px!important;}
#wpfooter{position:relative!important;clear:both;z-index:0;}



/* Calliope topbar compact override */
#wpbody-content .calliope-sp-wrap .calliope-sp-topbar{
	height:116px !important;
	min-height:116px !important;
}

/* Calliope review box */
#wpbody-content .calliope-sp-wrap .calliope-sp-review-box{
	background-color:rgba(255,255,255,0) !important;
	border-style:none !important;
	box-shadow:0px 18px 44px 0px rgba(24,34,79,0) !important;
}

/* Keep the review block clean and consistent across Publisher, Connections and Logs. */
#wpbody-content .calliope-sp-wrap .calliope-sp-review-box__text{
	justify-content:center !important;
	text-align:center !important;
}

#wpbody-content .calliope-sp-wrap .calliope-sp-review-box__actions{
	justify-content:center !important;
}



/* Global review box fallback: applies even if the Publisher tab DOM breaks the nested wrapper selector. */
#wpbody-content .calliope-sp-review-box,
.calliope-sp-review-box{
  margin:18px auto 0 !important;
  max-width:980px !important;
  background-color:rgba(255,255,255,0) !important;
  border:0 !important;
  border-style:none !important;
  box-shadow:0 18px 44px 0 rgba(24,34,79,0) !important;
  padding:10px 22px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;
}
#wpbody-content .calliope-sp-review-box__text,
.calliope-sp-review-box__text{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  width:100% !important;
  text-align:center !important;
  color:#18224f !important;
  font-size:16px !important;
  line-height:1.5 !important;
}
#wpbody-content .calliope-sp-review-box__text strong,
.calliope-sp-review-box__text strong{
  font-weight:800 !important;
}
#wpbody-content .calliope-sp-review-box__text span,
.calliope-sp-review-box__text span{
  color:#66729a !important;
}
#wpbody-content .calliope-sp-review-box__actions,
.calliope-sp-review-box__actions{
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
}
#wpbody-content a.calliope-sp-review-box__button,
a.calliope-sp-review-box__button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:#f2eaff !important;
  border:1px solid rgba(139,55,213,.18) !important;
  color:#22358f !important;
  text-decoration:none !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
#wpbody-content a.calliope-sp-review-box__button:hover,
a.calliope-sp-review-box__button:hover{
  background:#e9deff !important;
  color:#22358f !important;
  text-decoration:none !important;
}

/* Browser publication progress panel */
#wpbody-content .calliope-sp-job-runner-notice{
  border-left-color:#7c3aed;
  padding:0;
  overflow:hidden;
}
#wpbody-content .calliope-sp-job-runner-notice .notice-dismiss{top:10px;}
#wpbody-content .calliope-sp-job-progress{
  padding:16px 18px 18px;
  background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 100%);
}
#wpbody-content .calliope-sp-job-progress__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 8px;
}
#wpbody-content .calliope-sp-job-progress__title{
  font-size:16px;
  line-height:1.3;
  font-weight:800;
  color:#18224f;
}
#wpbody-content .calliope-sp-job-progress__percent{
  min-width:58px;
  padding:5px 10px;
  border-radius:999px;
  background:#7c3aed;
  color:#fff;
  font-weight:800;
  text-align:center;
  box-shadow:0 8px 18px rgba(124,58,237,.18);
}
#wpbody-content .calliope-sp-job-progress__status{
  margin:0 0 11px;
  color:#334155;
  font-size:14px;
  font-weight:700;
}
#wpbody-content .calliope-sp-job-progress__bar{
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:#e9d5ff;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.12);
}
#wpbody-content .calliope-sp-job-progress__bar-fill{
  display:block;
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb 0%,#7c3aed 55%,#c026d3 100%);
  transition:width .35s ease;
}
#wpbody-content .calliope-sp-job-progress__meta{
  margin:9px 0 0;
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
#wpbody-content .calliope-sp-job-progress__networks{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 0;
}
#wpbody-content .calliope-sp-job-progress__chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#475569;
  font-size:12px;
  line-height:1;
}
#wpbody-content .calliope-sp-job-progress__chip strong{
  font-weight:800;
}
#wpbody-content .calliope-sp-job-progress__chip em{
  font-style:normal;
  font-weight:900;
  color:#94a3b8;
}
#wpbody-content .calliope-sp-job-progress__chip.is-current{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}
#wpbody-content .calliope-sp-job-progress__chip.is-current em{
  color:#2563eb;
}
#wpbody-content .calliope-sp-job-progress__chip.is-complete{
  background:#ecfdf5;
  border-color:#a7f3d0;
  color:#047857;
}
#wpbody-content .calliope-sp-job-progress__chip.is-complete em{
  color:#059669;
}
#wpbody-content .calliope-sp-job-progress__help{
  margin:12px 0 0;
  color:#64748b;
  font-size:12px;
}
#wpbody-content .calliope-sp-job-progress__chip.is-error{
  background:#fef2f2;
  border-color:#fecaca;
  color:#b91c1c;
}
#wpbody-content .calliope-sp-job-progress__chip.is-error em{
  color:#dc2626;
}
