@font-face {
  font-family: "YekanBakh";
  src: url("../fonts/yekanbakh-400.woff2") format("woff2"),
    url("../fonts/yekanbakh-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Revenue recovery workspace */
body.pictok-ai-admin .pictok-recovery {
  --pr-ink: #101828;
  --pr-muted: #667085;
  --pr-line: #e4e7ec;
  --pr-surface: #fff;
  --pr-soft: #f8fafc;
  --pr-primary: #6d5dfc;
  margin-top: 18px;
  color: var(--pr-ink);
}

body.pictok-ai-admin .pictok-recovery * {
  box-sizing: border-box;
}

body.pictok-ai-admin .pictok-recovery-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  overflow: hidden;
  padding: 26px 28px;
  border: 1px solid rgba(109, 93, 252, .14);
  border-radius: 26px;
  background:
    radial-gradient(circle at 8% 15%, rgba(0, 184, 169, .11), transparent 30%),
    radial-gradient(circle at 92% 20%, rgba(109, 93, 252, .14), transparent 34%),
    #fff;
  box-shadow: 0 18px 50px rgba(16, 24, 40, .07);
}

body.pictok-ai-admin .pictok-recovery-hero > div:first-child > span {
  display: block;
  margin-bottom: 7px;
  color: var(--pr-primary);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.pictok-ai-admin .pictok-recovery-hero h2,
body.pictok-ai-admin .pictok-recovery-card h3,
body.pictok-ai-admin .pictok-recovery-card h4 {
  margin: 0;
  color: var(--pr-ink);
}

body.pictok-ai-admin .pictok-recovery-hero h2 {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 950;
  letter-spacing: -.7px;
}

body.pictok-ai-admin .pictok-recovery-hero p {
  margin: 8px 0 0;
  color: var(--pr-muted);
  font-size: 13px;
  font-weight: 700;
}

body.pictok-ai-admin .pictok-recovery-master {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 180px;
  padding: 12px 14px;
  border: 1px solid var(--pr-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(10px);
}

body.pictok-ai-admin .pictok-recovery-master > i,
body.pictok-ai-admin .pictok-campaign-state i,
body.pictok-ai-admin .pictok-recovery-health li > i {
  display: block;
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #98a2b3;
  box-shadow: 0 0 0 6px rgba(152, 162, 179, .12);
}

body.pictok-ai-admin .pictok-recovery-master.is-on > i,
body.pictok-ai-admin .pictok-campaign-state.is-on i,
body.pictok-ai-admin .pictok-recovery-health li.is-ok > i {
  background: #12b76a;
  box-shadow: 0 0 0 6px rgba(18, 183, 106, .12);
}

body.pictok-ai-admin .pictok-recovery-master small,
body.pictok-ai-admin .pictok-recovery-master strong {
  display: block;
}

body.pictok-ai-admin .pictok-recovery-master small {
  margin-bottom: 2px;
  color: var(--pr-muted);
  font-size: 10px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-recovery-master strong {
  font-size: 14px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-recovery-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 16px 0;
}

body.pictok-ai-admin .pictok-recovery-toolbar nav {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--pr-line);
  border-radius: 14px;
  background: #fff;
}

body.pictok-ai-admin .pictok-recovery-toolbar nav a {
  padding: 7px 12px;
  border-radius: 10px;
  color: var(--pr-muted);
  text-decoration: none;
  font-size: 11px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-recovery-toolbar nav a.is-active {
  background: var(--pr-ink);
  color: #fff;
}

body.pictok-ai-admin .pictok-recovery-toolbar > span {
  color: #98a2b3;
  font-size: 11px;
  font-weight: 750;
}

body.pictok-ai-admin .pictok-recovery-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

body.pictok-ai-admin .pictok-recovery-kpi {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 16px;
  border: 1px solid var(--pr-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(16, 24, 40, .045);
}

body.pictok-ai-admin .pictok-recovery-kpi:before {
  position: absolute;
  top: 0;
  right: 16px;
  left: 16px;
  height: 3px;
  border-radius: 0 0 5px 5px;
  background: #d0d5dd;
  content: "";
}

body.pictok-ai-admin .pictok-recovery-kpi.is-click:before { background: #00b8a9; }
body.pictok-ai-admin .pictok-recovery-kpi.is-sale:before,
body.pictok-ai-admin .pictok-recovery-kpi.is-profit:before { background: #12b76a; }
body.pictok-ai-admin .pictok-recovery-kpi.is-revenue:before { background: var(--pr-primary); }
body.pictok-ai-admin .pictok-recovery-kpi.is-cost:before { background: #f79009; }
body.pictok-ai-admin .pictok-recovery-kpi.is-loss:before { background: #f04438; }

body.pictok-ai-admin .pictok-recovery-kpi span,
body.pictok-ai-admin .pictok-recovery-kpi strong,
body.pictok-ai-admin .pictok-recovery-kpi small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.pictok-ai-admin .pictok-recovery-kpi span {
  color: var(--pr-muted);
  font-size: 10px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-recovery-kpi strong {
  margin: 8px 0 3px;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 950;
  letter-spacing: -.45px;
}

body.pictok-ai-admin .pictok-recovery-kpi small {
  color: #98a2b3;
  font-size: 9px;
  font-weight: 700;
}

body.pictok-ai-admin .pictok-recovery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 14px;
  align-items: start;
}

body.pictok-ai-admin .pictok-recovery-main,
body.pictok-ai-admin .pictok-recovery-side {
  display: grid;
  gap: 14px;
  min-width: 0;
}

body.pictok-ai-admin .pictok-recovery-card {
  padding: 20px;
  border: 1px solid var(--pr-line);
  border-radius: 22px;
  background: var(--pr-surface);
  box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
}

body.pictok-ai-admin .pictok-recovery-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

body.pictok-ai-admin .pictok-recovery-card h3 {
  font-size: 17px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-recovery-card header p {
  margin: 5px 0 0;
  color: var(--pr-muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.8;
}

body.pictok-ai-admin .pictok-data-quality {
  padding: 6px 9px;
  border-radius: 999px;
  background: #fff7e8;
  color: #b54708;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}

body.pictok-ai-admin .pictok-data-quality.is-good {
  background: #ecfdf3;
  color: #027a48;
}

body.pictok-ai-admin .pictok-funnel-row {
  display: grid;
  gap: 6px;
  margin: 13px 0;
}

body.pictok-ai-admin .pictok-funnel-row > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--pr-muted);
  font-size: 11px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-funnel-row > div strong {
  color: var(--pr-ink);
}

body.pictok-ai-admin .pictok-funnel-row > i {
  display: block;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #f2f4f7;
}

body.pictok-ai-admin .pictok-funnel-row > i b {
  display: block;
  height: 100%;
  border-radius: inherit;
}

body.pictok-ai-admin .pictok-control-compare {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
  padding: 14px;
  border-radius: 17px;
  background: var(--pr-soft);
}

body.pictok-ai-admin .pictok-control-compare small,
body.pictok-ai-admin .pictok-control-compare strong {
  display: block;
}

body.pictok-ai-admin .pictok-control-compare small {
  color: var(--pr-muted);
  font-size: 9px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-control-compare strong {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-control-compare > b {
  color: #98a2b3;
  font-size: 9px;
}

body.pictok-ai-admin .pictok-control-compare > span {
  padding: 7px 9px;
  border-radius: 10px;
  background: #ecfdf3;
  color: #027a48;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

body.pictok-ai-admin .pictok-control-compare > span.is-negative {
  background: #fef3f2;
  color: #b42318;
}

body.pictok-ai-admin .pictok-campaign-list {
  display: grid;
  gap: 9px;
}

body.pictok-ai-admin .pictok-campaign-row {
  display: grid;
  grid-template-columns: 22px minmax(220px, 1fr) repeat(4, minmax(70px, auto));
  gap: 14px;
  align-items: center;
  padding: 13px;
  border: 1px solid #edf0f4;
  border-radius: 17px;
  background: #fff;
}

body.pictok-ai-admin .pictok-campaign-state {
  display: grid;
  place-items: center;
}

body.pictok-ai-admin .pictok-campaign-copy {
  min-width: 0;
}

body.pictok-ai-admin .pictok-campaign-copy h4 {
  font-size: 13px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-campaign-copy p {
  margin: 3px 0 5px;
  color: var(--pr-muted);
  font-size: 9px;
  font-weight: 700;
}

body.pictok-ai-admin .pictok-campaign-copy code {
  padding: 2px 6px;
  border-radius: 6px;
  background: #f2f4f7;
  color: #475467;
  font-size: 9px;
}

body.pictok-ai-admin .pictok-campaign-error-rate {
  display: inline-block;
  margin-right: 7px;
  color: #98a2b3;
  font-size: 8px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-campaign-metric small,
body.pictok-ai-admin .pictok-campaign-metric strong {
  display: block;
  text-align: center;
}

body.pictok-ai-admin .pictok-campaign-metric small {
  color: #98a2b3;
  font-size: 8px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-campaign-metric strong {
  margin-top: 3px;
  color: var(--pr-ink);
  font-size: 13px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-campaign-metric.is-revenue strong {
  color: var(--pr-primary);
}

body.pictok-ai-admin .pictok-variant-badge,
body.pictok-ai-admin .pictok-recovery-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  padding: 4px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-size: 9px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-recovery-badge.is-sent { background: #eef4ff; color: #3538cd; }
body.pictok-ai-admin .pictok-recovery-badge.is-clicked { background: #ecfdf3; color: #027a48; }
body.pictok-ai-admin .pictok-recovery-badge.is-converted { background: #dcfae6; color: #05603a; }
body.pictok-ai-admin .pictok-recovery-badge.is-holdout { background: #f4f3ff; color: #5925dc; }
body.pictok-ai-admin .pictok-recovery-badge.is-failed { background: #fef3f2; color: #b42318; }
body.pictok-ai-admin .pictok-recovery-badge.is-queued { background: #fffaeb; color: #b54708; }

body.pictok-ai-admin .pictok-master-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(109, 93, 252, .16);
  border-radius: 17px;
  background: #f7f6ff;
}

body.pictok-ai-admin .pictok-master-switch span strong,
body.pictok-ai-admin .pictok-master-switch span small {
  display: block;
}

body.pictok-ai-admin .pictok-master-switch span strong {
  font-size: 12px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-master-switch span small {
  margin-top: 3px;
  color: var(--pr-muted);
  font-size: 9px;
  font-weight: 750;
}

body.pictok-ai-admin .pictok-master-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

body.pictok-ai-admin .pictok-master-switch > i {
  position: relative;
  width: 43px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #d0d5dd;
  transition: .18s ease;
}

body.pictok-ai-admin .pictok-master-switch > i:after {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(16, 24, 40, .18);
  content: "";
  transition: .18s ease;
}

body.pictok-ai-admin .pictok-master-switch input:checked + i {
  background: var(--pr-primary);
}

body.pictok-ai-admin .pictok-master-switch input:checked + i:after {
  transform: translateX(-19px);
}

body.pictok-ai-admin .pictok-recovery-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 13px 0;
}

body.pictok-ai-admin .pictok-recovery-fields label,
body.pictok-ai-admin .pictok-campaign-setting-body > label,
body.pictok-ai-admin .pictok-setting-pair label {
  display: grid;
  gap: 5px;
  color: #475467;
  font-size: 9px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-recovery input[type="text"],
body.pictok-ai-admin .pictok-recovery input[type="number"],
body.pictok-ai-admin .pictok-recovery input[type="tel"],
body.pictok-ai-admin .pictok-recovery select {
  min-height: 38px;
  border: 1px solid #d0d5dd;
  border-radius: 11px;
  background: #fff;
  box-shadow: none;
  color: var(--pr-ink);
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-campaign-settings {
  display: grid;
  gap: 7px;
}

body.pictok-ai-admin .pictok-campaign-settings details {
  border: 1px solid var(--pr-line);
  border-radius: 14px;
  background: #fff;
}

body.pictok-ai-admin .pictok-campaign-settings summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 11px;
  cursor: pointer;
  list-style: none;
}

body.pictok-ai-admin .pictok-campaign-settings summary::-webkit-details-marker { display: none; }
body.pictok-ai-admin .pictok-campaign-settings summary span b,
body.pictok-ai-admin .pictok-campaign-settings summary span small { display: block; }
body.pictok-ai-admin .pictok-campaign-settings summary span b { font-size: 10px; font-weight: 950; }
body.pictok-ai-admin .pictok-campaign-settings summary span small { margin-top: 2px; color: var(--pr-muted); font-size: 8px; line-height: 1.5; }
body.pictok-ai-admin .pictok-campaign-settings summary em { padding: 4px 7px; border-radius: 999px; background: #f2f4f7; color: #667085; font-size: 8px; font-style: normal; font-weight: 900; }

body.pictok-ai-admin .pictok-campaign-setting-body {
  display: grid;
  gap: 9px;
  padding: 0 11px 11px;
}

body.pictok-ai-admin .pictok-template-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body.pictok-ai-admin .pictok-template-label small {
  padding: 3px 6px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 7px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-template-label small.is-tested { background: #ecfdf3; color: #027a48; }
body.pictok-ai-admin .pictok-template-label small.is-untested { background: #fff4ed; color: #b54708; }

body.pictok-ai-admin .pictok-inline-check {
  display: flex !important;
  grid-template-columns: auto 1fr;
  align-items: center;
}

body.pictok-ai-admin .pictok-setting-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

body.pictok-ai-admin .pictok-save-recovery {
  width: 100%;
  margin-top: 12px !important;
}

body.pictok-ai-admin .pictok-recovery-test {
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid var(--pr-line);
}

body.pictok-ai-admin .pictok-recovery-test h4 {
  margin-bottom: 9px;
  font-size: 11px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-recovery-test form {
  display: grid;
  grid-template-columns: 1fr 1fr .72fr auto;
  gap: 7px;
  margin: 7px 0;
}

body.pictok-ai-admin .pictok-recovery-test form:last-child {
  grid-template-columns: 1fr;
}

body.pictok-ai-admin .pictok-full-run {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9def0;
  border-radius: 14px;
  background: #f8faff;
}

body.pictok-ai-admin .pictok-full-run.is-running { border-color: #a7f3d0; background: #ecfdf3; }
body.pictok-ai-admin .pictok-full-run small,
body.pictok-ai-admin .pictok-full-run strong,
body.pictok-ai-admin .pictok-full-run span { display: block; }
body.pictok-ai-admin .pictok-full-run small { color: var(--pr-muted); font-size: 9px; font-weight: 850; }
body.pictok-ai-admin .pictok-full-run strong { margin: 2px 0; color: var(--pr-ink); font-size: 12px; font-weight: 950; }
body.pictok-ai-admin .pictok-full-run span { color: var(--pr-muted); font-size: 9px; font-weight: 750; }
body.pictok-ai-admin .pictok-full-run form { display: block; flex: 0 0 auto; margin: 0; }
body.pictok-ai-admin .pictok-full-run .button { min-height: 38px; border-radius: 10px; white-space: nowrap; }

body.pictok-ai-admin .pictok-recovery-health ul {
  display: grid;
  gap: 11px;
  margin: 0;
}

body.pictok-ai-admin .pictok-recovery-health li {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid #f2f4f7;
}

body.pictok-ai-admin .pictok-recovery-health li:last-child { border-bottom: 0; }
body.pictok-ai-admin .pictok-recovery-health li.is-warn > i { background: #f79009; box-shadow: 0 0 0 6px rgba(247, 144, 9, .12); }
body.pictok-ai-admin .pictok-recovery-health li strong,
body.pictok-ai-admin .pictok-recovery-health li small { display: block; }
body.pictok-ai-admin .pictok-recovery-health li strong { font-size: 10px; font-weight: 950; }
body.pictok-ai-admin .pictok-recovery-health li small { margin-top: 2px; color: var(--pr-muted); font-size: 9px; font-weight: 750; }

body.pictok-ai-admin .pictok-recovery-recent {
  margin-top: 14px;
}

@media (max-width: 1450px) {
  body.pictok-ai-admin .pictok-recovery-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.pictok-ai-admin .pictok-campaign-row { grid-template-columns: 22px minmax(190px, 1fr) repeat(4, 62px); gap: 9px; }
}

@media (max-width: 1100px) {
  body.pictok-ai-admin .pictok-recovery-grid { grid-template-columns: 1fr; }
  body.pictok-ai-admin .pictok-recovery-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  body.pictok-ai-admin .pictok-recovery-hero,
  body.pictok-ai-admin .pictok-recovery-toolbar { align-items: stretch; flex-direction: column; }
  body.pictok-ai-admin .pictok-recovery-master { min-width: 0; }
  body.pictok-ai-admin .pictok-recovery-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pictok-ai-admin .pictok-recovery-side { grid-template-columns: 1fr; }
  body.pictok-ai-admin .pictok-campaign-row { grid-template-columns: 20px 1fr repeat(2, 58px); }
  body.pictok-ai-admin .pictok-campaign-row .pictok-campaign-metric:nth-last-child(-n+2) { display: none; }
  body.pictok-ai-admin .pictok-control-compare { grid-template-columns: 1fr 1fr; }
  body.pictok-ai-admin .pictok-control-compare > b { display: none; }
  body.pictok-ai-admin .pictok-control-compare > span { grid-column: 1 / -1; text-align: center; }
  body.pictok-ai-admin .pictok-recovery-test form { grid-template-columns: 1fr; }
  body.pictok-ai-admin .pictok-full-run { align-items: stretch; flex-direction: column; }
  body.pictok-ai-admin .pictok-full-run .button { width: 100%; }
}

@media (max-width: 440px) {
  body.pictok-ai-admin .pictok-recovery-kpis,
  body.pictok-ai-admin .pictok-recovery-fields { grid-template-columns: 1fr; }
  body.pictok-ai-admin .pictok-recovery-card { padding: 15px; border-radius: 18px; }
  body.pictok-ai-admin .pictok-recovery-hero { padding: 20px; border-radius: 21px; }
  body.pictok-ai-admin .pictok-campaign-row { grid-template-columns: 18px 1fr 56px; }
  body.pictok-ai-admin .pictok-campaign-row .pictok-campaign-metric:nth-last-child(-n+3) { display: none; }
}

@font-face {
  font-family: "YekanBakh";
  src: url("../fonts/yekanbakh-600.woff2") format("woff2"),
    url("../fonts/yekanbakh-600.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YekanBakh";
  src: url("../fonts/yekanbakh-800.woff2") format("woff2"),
    url("../fonts/yekanbakh-800.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

body.pictok-ai-admin {
  --pk-bg: #f4f5fb;
  --pk-surface: rgba(255, 255, 255, 0.92);
  --pk-surface-solid: #ffffff;
  --pk-ink: #181722;
  --pk-muted: #737180;
  --pk-line: #e7e5ed;
  --pk-cyan: #00cfc8;
  --pk-cyan-dark: #009f9b;
  --pk-pink: #ff2f71;
  --pk-violet: #7567ff;
  --pk-success: #0f9f6e;
  --pk-danger: #d62f58;
  --pk-warning: #d98816;
  --pk-shadow: 0 18px 50px rgba(31, 28, 50, 0.08);
  background: var(--pk-bg);
  color: var(--pk-ink);
  font-family: "YekanBakh", Tahoma, sans-serif !important;
}

body.pictok-ai-admin #wpcontent,
body.pictok-ai-admin #wpbody,
body.pictok-ai-admin #wpbody-content {
  background:
    radial-gradient(circle at 8% 0%, rgba(0, 207, 200, 0.08), transparent 25%),
    radial-gradient(circle at 96% 8%, rgba(255, 47, 113, 0.07), transparent 24%),
    var(--pk-bg);
}

body.pictok-ai-admin #wpbody-content {
  min-height: calc(100vh - 32px);
  padding-bottom: 46px;
}

body.pictok-ai-admin #adminmenu .toplevel_page_pictok-ai > a,
body.pictok-ai-admin #adminmenu .toplevel_page_pictok-ai.wp-has-current-submenu > a {
  border-right: 3px solid var(--pk-cyan);
  background: linear-gradient(90deg, rgba(0, 207, 200, 0.08), rgba(117, 103, 255, 0.13)) !important;
}

body.pictok-ai-admin #adminmenu .toplevel_page_pictok-ai .wp-menu-image::before {
  color: var(--pk-cyan) !important;
}

body.pictok-ai-admin #adminmenu .toplevel_page_pictok-ai .wp-submenu a {
  font-family: "YekanBakh", Tahoma, sans-serif !important;
  font-weight: 600;
}

body.pictok-ai-admin #adminmenu .toplevel_page_pictok-ai .wp-submenu a.current {
  color: #fff;
  font-weight: 850;
}

body.pictok-ai-admin,
body.pictok-ai-admin button,
body.pictok-ai-admin input,
body.pictok-ai-admin select,
body.pictok-ai-admin textarea,
body.pictok-ai-admin .button,
body.pictok-ai-admin .notice,
body.pictok-ai-admin table {
  font-family: "YekanBakh", Tahoma, sans-serif !important;
}

body.pictok-ai-admin .wrap,
body.pictok-ai-admin .wrap h1,
body.pictok-ai-admin .wrap h2,
body.pictok-ai-admin .wrap h3,
body.pictok-ai-admin .wrap h4,
body.pictok-ai-admin .wrap p,
body.pictok-ai-admin .wrap span,
body.pictok-ai-admin .wrap small,
body.pictok-ai-admin .wrap strong,
body.pictok-ai-admin .wrap label,
body.pictok-ai-admin .wrap a,
body.pictok-ai-admin .wrap td,
body.pictok-ai-admin .wrap th,
body.pictok-ai-admin .wrap dt,
body.pictok-ai-admin .wrap dd,
body.pictok-ai-admin .wrap li {
  font-family: "YekanBakh", Tahoma, sans-serif !important;
}

body.pictok-ai-admin code,
body.pictok-ai-admin pre,
body.pictok-ai-admin textarea[style*="monospace"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

body.pictok-ai-admin .wrap {
  direction: rtl;
  max-width: 1680px;
  margin: 26px 26px 0 22px;
  color: var(--pk-ink);
}

body.pictok-ai-admin .wrap > h1,
body.pictok-ai-admin .wrap h1.wp-heading-inline {
  margin: 0 0 8px;
  color: var(--pk-ink);
  font-size: clamp(26px, 2.3vw, 36px);
  font-weight: 950;
  letter-spacing: -0.8px;
  line-height: 1.35;
}

body.pictok-ai-admin .wrap > h2 {
  margin-top: 30px;
  color: var(--pk-ink);
  font-size: 22px;
  font-weight: 900;
}

body.pictok-ai-admin .wrap > p,
body.pictok-ai-admin .description {
  color: var(--pk-muted) !important;
  font-size: 13px;
  line-height: 1.9;
}

body.pictok-ai-admin a {
  color: var(--pk-violet);
  font-weight: 700;
  text-underline-offset: 3px;
}

body.pictok-ai-admin a:hover,
body.pictok-ai-admin a:focus {
  color: var(--pk-pink);
}

body.pictok-ai-admin .notice {
  border: 0;
  border-radius: 15px;
  box-shadow: var(--pk-shadow);
  margin: 16px 26px 12px 22px;
  padding: 6px 14px;
}

body.pictok-ai-admin .notice-success {
  border-right: 4px solid var(--pk-success);
}

body.pictok-ai-admin .notice-error {
  border-right: 4px solid var(--pk-danger);
}

body.pictok-ai-admin .notice-warning {
  border-right: 4px solid var(--pk-warning);
}

body.pictok-ai-admin .button,
body.pictok-ai-admin .button-secondary,
body.pictok-ai-admin .button-primary {
  min-height: 39px;
  border-radius: 12px !important;
  padding: 4px 16px !important;
  border: 1px solid var(--pk-line) !important;
  background: #fff !important;
  color: var(--pk-ink) !important;
  font-weight: 800 !important;
  line-height: 28px !important;
  box-shadow: 0 7px 18px rgba(30, 28, 48, 0.05) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

body.pictok-ai-admin .button:hover,
body.pictok-ai-admin .button:focus {
  transform: translateY(-1px);
  border-color: rgba(117, 103, 255, 0.45) !important;
  box-shadow: 0 10px 24px rgba(30, 28, 48, 0.09) !important;
}

body.pictok-ai-admin .button-primary,
body.pictok-ai-admin input[type="submit"].button-primary {
  border: 0 !important;
  background: linear-gradient(135deg, var(--pk-cyan), #38d9d3 46%, var(--pk-violet)) !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(0, 182, 178, 0.22) !important;
}

body.pictok-ai-admin .button-link-delete {
  color: var(--pk-danger) !important;
  font-weight: 800;
}

body.pictok-ai-admin input[type="text"],
body.pictok-ai-admin input[type="search"],
body.pictok-ai-admin input[type="number"],
body.pictok-ai-admin input[type="url"],
body.pictok-ai-admin input[type="password"],
body.pictok-ai-admin select,
body.pictok-ai-admin textarea {
  min-height: 43px;
  border: 1px solid var(--pk-line) !important;
  border-radius: 13px !important;
  background: #fbfbfd !important;
  color: var(--pk-ink) !important;
  padding: 8px 12px !important;
  box-shadow: inset 0 1px 1px rgba(23, 22, 34, 0.02) !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

body.pictok-ai-admin textarea {
  line-height: 1.75;
  resize: vertical;
}

body.pictok-ai-admin input:focus,
body.pictok-ai-admin select:focus,
body.pictok-ai-admin textarea:focus {
  border-color: var(--pk-cyan) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(0, 207, 200, 0.12) !important;
  outline: 0 !important;
}

body.pictok-ai-admin input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border-color: #d7d4df;
}

body.pictok-ai-admin input[type="checkbox"]:checked {
  background: var(--pk-cyan);
  border-color: var(--pk-cyan);
}

body.pictok-ai-admin form label strong,
body.pictok-ai-admin form > p > label {
  color: #383643;
  font-size: 13px;
  font-weight: 850;
}

body.pictok-ai-admin .submit {
  margin: 20px 0 8px;
  padding: 0;
}

body.pictok-ai-admin .widefat {
  border: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  box-shadow: none;
}

body.pictok-ai-admin .widefat thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  border: 0 !important;
  border-bottom: 1px solid var(--pk-line) !important;
  background: #f8f8fc;
  color: #555261;
  padding: 13px 12px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

body.pictok-ai-admin .widefat td {
  border: 0 !important;
  border-bottom: 1px solid #efedf3 !important;
  padding: 13px 12px;
  color: #35333f;
  line-height: 1.7;
}

body.pictok-ai-admin .widefat tbody tr {
  background: rgba(255, 255, 255, 0.82);
  transition: background 0.18s ease, transform 0.18s ease;
}

body.pictok-ai-admin .widefat.striped > tbody > :nth-child(odd) {
  background: #fcfcfe;
}

body.pictok-ai-admin .widefat tbody tr:hover {
  background: #f4fffe !important;
}

body.pictok-ai-admin .widefat code,
body.pictok-ai-admin code {
  border: 1px solid #e9e6ef;
  border-radius: 7px;
  background: #f5f4f8;
  color: #545164;
  padding: 2px 6px;
  font-size: 11px;
}

body.pictok-ai-admin pre {
  border: 1px solid var(--pk-line) !important;
  border-radius: 12px !important;
  background: #f8f8fb !important;
  color: #4a4756;
  padding: 10px !important;
}

body.pictok-ai-admin details > summary {
  cursor: pointer;
  color: var(--pk-violet);
  font-weight: 800;
}

body.pictok-ai-admin .wrap > div[style*="display:grid"] {
  gap: 22px !important;
  align-items: start !important;
}

body.pictok-ai-admin .wrap > div[style*="display:grid"] > div,
body.pictok-ai-admin .wrap > div[style*="background:#fff"],
body.pictok-ai-admin .wrap > div[style*="background: #fff"] {
  border: 1px solid rgba(231, 229, 237, 0.9) !important;
  border-radius: 22px !important;
  background: var(--pk-surface) !important;
  box-shadow: var(--pk-shadow) !important;
  backdrop-filter: blur(14px);
}

body.pictok-ai-admin .wrap > div[style*="overflow:auto"] {
  border-radius: 18px !important;
}

body.pictok-ai-admin .pictok-ai-config {
  position: relative;
  overflow: hidden;
  max-width: none;
  margin-bottom: 8px;
  border-radius: 28px;
  padding: 26px 28px 18px;
  background:
    radial-gradient(circle at 8% 15%, rgba(0, 242, 234, 0.22), transparent 28%),
    radial-gradient(circle at 92% 5%, rgba(255, 47, 113, 0.2), transparent 30%),
    linear-gradient(135deg, #15141e, #27243d);
  box-shadow: 0 22px 55px rgba(23, 21, 35, 0.18);
}

body.pictok-ai-admin .pictok-ai-config > h1 {
  color: #fff;
}

body.pictok-ai-admin .pictok-ai-config > p {
  max-width: 850px;
  color: rgba(255, 255, 255, 0.7) !important;
}

body.pictok-ai-admin .pictok-config-utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 760px;
  margin: 17px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  padding: 12px 14px;
  backdrop-filter: blur(14px);
}

body.pictok-ai-admin .pictok-config-utility-copy {
  display: grid;
  gap: 3px;
}

body.pictok-ai-admin .pictok-config-utility-copy span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-config-utility-copy strong {
  color: #fff;
  font-size: 15px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-config-utility-copy small {
  color: rgba(255, 255, 255, 0.63);
  line-height: 1.7;
}

body.pictok-ai-admin .pictok-config-utility-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
  color: #fff !important;
  font-size: 12px;
  font-weight: 900;
  padding: 0 15px;
  text-decoration: none;
  white-space: nowrap;
}

body.pictok-ai-admin .pictok-config-utility-link:hover,
body.pictok-ai-admin .pictok-config-utility-link.is-active {
  background: #fff;
  color: #171620 !important;
}

body.pictok-ai-admin .pictok-ai-config .nav-tab-wrapper {
  display: inline-flex;
  gap: 7px;
  margin: 18px 0 0 !important;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
}

body.pictok-ai-admin .pictok-ai-config .nav-tab {
  margin: 0;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-ai-config .nav-tab:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

body.pictok-ai-admin .pictok-ai-config .nav-tab-active {
  color: #171620;
  background: #fff;
  box-shadow: 0 9px 25px rgba(0, 0, 0, 0.16);
}

body.pictok-ai-admin .pictok-dashboard-gateway {
  max-width: 960px;
  margin: 18px 0;
  padding: 18px;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(0, 207, 200, 0.12), rgba(117, 103, 255, 0.10)),
    var(--pk-surface-solid);
  border: 1px solid rgba(0, 207, 200, 0.22);
  box-shadow: var(--pk-shadow);
}

body.pictok-ai-admin .pictok-dashboard-gateway-head,
body.pictok-ai-admin .pictok-dashboard-gateway-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.pictok-ai-admin .pictok-dashboard-gateway-head span {
  display: inline-flex;
  margin-bottom: 6px;
  color: var(--pk-cyan-dark);
  font-size: 12px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-dashboard-gateway-head h2 {
  margin: 0;
  color: var(--pk-ink);
  font-size: 22px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-dashboard-gateway-head p {
  margin: 8px 0 0;
  color: var(--pk-muted);
  line-height: 1.9;
}

body.pictok-ai-admin .pictok-dashboard-gateway-active {
  min-width: 170px;
  padding: 13px 16px;
  border-radius: 16px;
  text-align: center;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(255, 255, 255, 0.86);
}

body.pictok-ai-admin .pictok-dashboard-gateway-active small,
body.pictok-ai-admin .pictok-dashboard-gateway-active strong,
body.pictok-ai-admin .pictok-dashboard-gateway-main strong,
body.pictok-ai-admin .pictok-dashboard-gateway-main small {
  display: block;
}

body.pictok-ai-admin .pictok-dashboard-gateway-active small {
  color: var(--pk-muted);
  font-weight: 700;
}

body.pictok-ai-admin .pictok-dashboard-gateway-active strong {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-campaign-mission-state {
  display: inline-flex;
  align-items: center;
  width: max-content;
  margin-top: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-campaign-mission-state.is-on {
  color: #06745d;
  background: rgba(15, 159, 110, 0.12);
}

body.pictok-ai-admin .pictok-campaign-mission-state.is-off {
  color: #8a5360;
  background: rgba(181, 79, 101, 0.1);
}

body.pictok-ai-admin .pictok-channel-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 17px 0;
}

body.pictok-ai-admin .pictok-channel-settings-card {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(23, 22, 32, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 10px 26px rgba(23, 22, 32, 0.045);
}

body.pictok-ai-admin .pictok-channel-settings-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

body.pictok-ai-admin .pictok-channel-settings-card > header small,
body.pictok-ai-admin .pictok-channel-settings-card > header strong {
  display: block;
}

body.pictok-ai-admin .pictok-channel-settings-card > header small {
  margin-bottom: 3px;
  color: var(--pk-muted);
  font-size: 10px;
  font-weight: 750;
}

body.pictok-ai-admin .pictok-channel-settings-card > header strong {
  color: var(--pk-ink);
  font-size: 15px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-channel-settings-card > header > span {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  color: #42526a;
  background: #f1f3f8;
  font-size: 10px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-channel-field {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

body.pictok-ai-admin .pictok-channel-field > span {
  color: #535866;
  font-size: 11px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-channel-field select {
  width: 100%;
  min-height: 40px;
  margin: 0;
  border-color: rgba(23, 22, 32, 0.12);
  border-radius: 12px;
  color: var(--pk-ink);
  background-color: #fff;
  font-family: inherit;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-channel-settings-card .pictok-campaign-mission-toggle {
  gap: 10px;
  margin: 12px 0 0;
  padding: 11px;
  border-radius: 13px;
  background: #f8f9fc;
}

body.pictok-ai-admin .pictok-channel-settings-card .pictok-campaign-mission-copy strong {
  font-size: 12px;
}

body.pictok-ai-admin .pictok-channel-settings-card .pictok-campaign-mission-copy small {
  display: none;
}

body.pictok-ai-admin .pictok-channel-current,
body.pictok-ai-admin .pictok-channel-fixed-payment {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  padding: 11px 12px;
  border-radius: 13px;
  background: rgba(0, 207, 200, 0.07);
}

body.pictok-ai-admin .pictok-channel-current > span,
body.pictok-ai-admin .pictok-channel-fixed-payment > small {
  color: var(--pk-muted);
  font-size: 10px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-channel-current > strong,
body.pictok-ai-admin .pictok-channel-fixed-payment > strong {
  color: var(--pk-ink);
  font-size: 13px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-channel-current > small,
body.pictok-ai-admin .pictok-channel-fixed-payment > span {
  color: var(--pk-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.65;
}

body.pictok-ai-admin .pictok-channel-current > small.is-ready { color: #06745d; }
body.pictok-ai-admin .pictok-channel-current > small.is-warning { color: #a15c12; }
body.pictok-ai-admin .pictok-channel-current > small.is-muted { color: #8a5360; }

body.pictok-ai-admin .pictok-channel-settings-card.is-google_global {
  border-color: rgba(103, 80, 224, 0.18);
  background: linear-gradient(150deg, rgba(245, 243, 255, 0.96), rgba(255, 255, 255, 0.9));
}

@media (max-width: 980px) {
  body.pictok-ai-admin .pictok-channel-settings-grid {
    grid-template-columns: 1fr;
  }
}

body.pictok-ai-admin .pictok-dashboard-gateway-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}

body.pictok-ai-admin .pictok-dashboard-gateway-form-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 22px;
  color: var(--pk-ink);
}

body.pictok-ai-admin .pictok-dashboard-gateway-form-label strong {
  font-size: 14px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-dashboard-gateway-form-label span {
  color: var(--pk-muted);
  font-size: 12px;
  font-weight: 700;
}

body.pictok-ai-admin .pictok-dashboard-gateway-option {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 15px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid var(--pk-line);
  cursor: pointer;
  transition: .18s ease;
}

body.pictok-ai-admin .pictok-dashboard-gateway-option:hover {
  transform: translateY(-1px);
  border-color: rgba(0, 207, 200, 0.45);
}

body.pictok-ai-admin .pictok-dashboard-gateway-option.is-active {
  border-color: var(--pk-cyan);
  box-shadow: 0 12px 30px rgba(0, 207, 200, 0.14);
}

body.pictok-ai-admin .pictok-campaign-mission-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 4px 0 16px;
  padding: 14px 16px;
  border: 1px solid rgba(23, 22, 32, 0.08);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.pictok-ai-admin .pictok-campaign-mission-toggle:hover {
  border-color: rgba(0, 207, 200, 0.42);
  background: rgba(255, 255, 255, 0.94);
}

body.pictok-ai-admin .pictok-campaign-mission-toggle > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

body.pictok-ai-admin .pictok-campaign-mission-copy {
  flex: 1 1 auto;
  min-width: 0;
}

body.pictok-ai-admin .pictok-campaign-mission-copy strong,
body.pictok-ai-admin .pictok-campaign-mission-copy small {
  display: block;
}

body.pictok-ai-admin .pictok-campaign-mission-copy strong {
  color: var(--pk-ink);
  font-size: 15px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-campaign-mission-copy small {
  margin-top: 4px;
  color: var(--pk-muted);
  line-height: 1.75;
}

body.pictok-ai-admin .pictok-campaign-mission-switch {
  position: relative;
  flex: 0 0 46px;
  width: 46px;
  height: 26px;
  border-radius: 999px;
  background: #d8d9e0;
  box-shadow: inset 0 0 0 1px rgba(23, 22, 32, 0.06);
  transition: background .18s ease, box-shadow .18s ease;
}

body.pictok-ai-admin .pictok-campaign-mission-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 8px rgba(23, 22, 32, 0.2);
  transition: transform .18s ease;
}

body.pictok-ai-admin .pictok-campaign-mission-toggle > input:checked ~ .pictok-campaign-mission-switch {
  background: var(--pk-cyan);
  box-shadow: 0 7px 18px rgba(0, 207, 200, 0.22);
}

body.pictok-ai-admin .pictok-campaign-mission-toggle > input:checked ~ .pictok-campaign-mission-switch::after {
  transform: translateX(-20px);
}

body.pictok-ai-admin .pictok-campaign-mission-toggle > input:focus-visible ~ .pictok-campaign-mission-switch {
  outline: 3px solid rgba(0, 207, 200, 0.22);
  outline-offset: 3px;
}

body.pictok-ai-admin .pictok-dashboard-gateway-main strong {
  color: var(--pk-ink);
  font-size: 16px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-dashboard-gateway-main small {
  margin-top: 5px;
  color: var(--pk-muted);
  line-height: 1.7;
}

body.pictok-ai-admin .pictok-dashboard-gateway-state,
body.pictok-ai-admin .pictok-dashboard-gateway-ready {
  display: inline-flex;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
}

body.pictok-ai-admin .pictok-dashboard-gateway-state {
  color: var(--pk-muted);
  background: #f2f2f6;
}

body.pictok-ai-admin .pictok-dashboard-gateway-state.active,
body.pictok-ai-admin .pictok-dashboard-gateway-ready.ok {
  color: #06745d;
  background: rgba(15, 159, 110, 0.12);
}

body.pictok-ai-admin .pictok-dashboard-gateway-ready.warn {
  color: #9b5a00;
  background: rgba(217, 136, 22, 0.13);
}

body.pictok-ai-admin .pictok-dashboard-gateway-actions span {
  color: var(--pk-muted);
  line-height: 1.8;
}

body.pictok-ai-admin .pictok-campaign-weekly {
  margin: 16px 0 4px;
  padding: 13px;
  border: 1px solid rgba(23, 22, 32, 0.07);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.62);
}

body.pictok-ai-admin .pictok-campaign-weekly-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.pictok-ai-admin .pictok-campaign-weekly-head strong {
  color: var(--pk-ink);
  font-size: 14px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-campaign-weekly-head span {
  color: var(--pk-muted);
  font-size: 11px;
  font-weight: 700;
}

body.pictok-ai-admin .pictok-campaign-weekly-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

body.pictok-ai-admin .pictok-campaign-weekly-stat {
  position: relative;
  min-width: 0;
  padding: 13px 14px;
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(23, 22, 32, 0.065);
}

body.pictok-ai-admin .pictok-campaign-weekly-stat::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: var(--pk-cyan);
}

body.pictok-ai-admin .pictok-campaign-weekly-stat.is-mission::before {
  background: #7868ff;
}

body.pictok-ai-admin .pictok-campaign-weekly-stat.is-coins::before {
  background: #f2ad22;
}

body.pictok-ai-admin .pictok-campaign-weekly-stat span,
body.pictok-ai-admin .pictok-campaign-weekly-stat strong {
  display: block;
}

body.pictok-ai-admin .pictok-campaign-weekly-stat span {
  color: var(--pk-muted);
  font-size: 11.5px;
  font-weight: 750;
}

body.pictok-ai-admin .pictok-campaign-weekly-stat strong {
  margin-top: 4px;
  color: var(--pk-ink);
  font-size: 24px;
  font-weight: 950;
  line-height: 1.25;
}

body.pictok-ai-admin .pictok-dashboard-matcha-campaign {
  background:
    linear-gradient(135deg, rgba(41, 157, 88, 0.12), rgba(209, 237, 187, 0.16)),
    var(--pk-surface-solid);
  border-color: rgba(41, 157, 88, 0.24);
}

body.pictok-ai-admin .pictok-matcha-campaign-config {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  margin: 16px 0 4px;
}

body.pictok-ai-admin .pictok-matcha-campaign-config > label,
body.pictok-ai-admin .pictok-matcha-integration-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 13px 14px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(23, 22, 32, 0.07);
}

body.pictok-ai-admin .pictok-matcha-campaign-config label strong,
body.pictok-ai-admin .pictok-matcha-integration-state strong {
  color: var(--pk-ink);
  font-size: 13px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-matcha-campaign-config input[type="url"] {
  width: 100%;
  margin-top: 8px;
  min-height: 42px;
  border-radius: 11px;
}

body.pictok-ai-admin .pictok-matcha-integration-state span,
body.pictok-ai-admin .pictok-matcha-campaign-config > small {
  margin-top: 5px;
  color: var(--pk-muted);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.7;
}

body.pictok-ai-admin .pictok-matcha-integration-state.is-ready {
  border-color: rgba(15, 159, 110, 0.25);
  background: rgba(239, 252, 245, 0.9);
}

body.pictok-ai-admin .pictok-matcha-integration-state {
  grid-column: 1 / -1;
}

body.pictok-ai-admin .pictok-matcha-integration-state.is-missing {
  border-color: rgba(217, 136, 22, 0.25);
  background: rgba(255, 248, 235, 0.92);
}

body.pictok-ai-admin .pictok-matcha-campaign-config > small {
  grid-column: 1 / -1;
  margin: -5px 4px 0;
}

body.pictok-ai-admin .pictok-gateways-wrap {
  max-width: 1180px;
}

body.pictok-ai-admin .pictok-gateway-form,
body.pictok-ai-admin .pictok-gateway-current {
  margin-top: 18px;
  border: 1px solid rgba(231, 229, 237, 0.9);
  border-radius: 24px;
  background: var(--pk-surface-solid);
  box-shadow: var(--pk-shadow);
  padding: 22px;
}

body.pictok-ai-admin .pictok-gateway-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

body.pictok-ai-admin .pictok-gateway-card {
  position: relative;
  display: flex;
  min-height: 190px;
  flex-direction: column;
  gap: 14px;
  border: 1px solid var(--pk-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 5%, rgba(0, 207, 200, 0.13), transparent 30%),
    #fff;
  padding: 19px;
  cursor: pointer;
  transition: 0.2s ease;
}

body.pictok-ai-admin .pictok-gateway-card:hover {
  transform: translateY(-2px);
  border-color: rgba(117, 103, 255, 0.36);
  box-shadow: 0 18px 38px rgba(31, 28, 50, 0.1);
}

body.pictok-ai-admin .pictok-gateway-card.is-active {
  border-color: rgba(0, 207, 200, 0.72);
  background:
    radial-gradient(circle at 10% 5%, rgba(0, 207, 200, 0.19), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(255, 47, 113, 0.1), transparent 28%),
    #fff;
}

body.pictok-ai-admin .pictok-gateway-card input {
  position: absolute;
  inset-inline-start: 18px;
  top: 21px;
  transform: scale(1.15);
}

body.pictok-ai-admin .pictok-gateway-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-inline-start: 34px;
}

body.pictok-ai-admin .pictok-gateway-card-top strong {
  color: var(--pk-ink);
  font-size: 22px;
  font-weight: 950;
}

body.pictok-ai-admin .pictok-gateway-card-top em {
  border-radius: 999px;
  background: rgba(117, 103, 255, 0.1);
  color: var(--pk-violet);
  font-style: normal;
  font-size: 12px;
  font-weight: 850;
  padding: 6px 10px;
  white-space: nowrap;
}

body.pictok-ai-admin .pictok-gateway-card.is-active .pictok-gateway-card-top em {
  background: rgba(0, 207, 200, 0.16);
  color: var(--pk-cyan-dark);
}

body.pictok-ai-admin .pictok-gateway-card-desc {
  color: var(--pk-muted);
  line-height: 1.9;
}

body.pictok-ai-admin .pictok-gateway-meta {
  display: grid;
  gap: 7px;
  margin-top: auto;
}

body.pictok-ai-admin .pictok-gateway-meta b {
  color: var(--pk-muted);
  font-size: 11px;
}

body.pictok-ai-admin .pictok-gateway-meta code {
  direction: ltr;
  display: block;
  overflow-wrap: anywhere;
  border-radius: 12px;
  background: #f6f7fb;
  padding: 9px 11px;
}

body.pictok-ai-admin .pictok-gateway-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 10px;
}

body.pictok-ai-admin .pictok-gateway-status.ok {
  background: rgba(15, 159, 110, 0.12);
  color: var(--pk-success);
}

body.pictok-ai-admin .pictok-gateway-status.warn {
  background: rgba(217, 136, 22, 0.12);
  color: var(--pk-warning);
}

body.pictok-ai-admin .pictok-gateway-current h2 {
  margin-top: 0;
}

body.pictok-ai-admin .pictok-gateway-current code {
  direction: ltr;
  display: inline-block;
}

body.pictok-ai-admin .pictok-ops {
  --po-bg: var(--pk-bg) !important;
  --po-card: var(--pk-surface-solid) !important;
  --po-ink: var(--pk-ink) !important;
  --po-muted: var(--pk-muted) !important;
  --po-line: var(--pk-line) !important;
  --po-green: var(--pk-success) !important;
  --po-blue: var(--pk-violet) !important;
  --po-red: var(--pk-danger) !important;
  font-family: "YekanBakh", Tahoma, sans-serif !important;
}

body.pictok-ai-admin .pictok-ops .pictok-ops-hero {
  position: relative;
  overflow: hidden;
  min-height: 118px;
  border: 0 !important;
  border-radius: 28px !important;
  padding: 28px 30px !important;
  background:
    radial-gradient(circle at 7% 10%, rgba(0, 242, 234, 0.24), transparent 28%),
    radial-gradient(circle at 91% 12%, rgba(255, 0, 80, 0.2), transparent 29%),
    linear-gradient(135deg, #15141d, #29263f) !important;
  box-shadow: 0 24px 58px rgba(20, 19, 29, 0.2) !important;
}

body.pictok-ai-admin .pictok-ops .pictok-ops-hero::after {
  content: "";
  position: absolute;
  inset: auto -70px -90px auto;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(255, 255, 255, 0.025), 0 0 0 68px rgba(255, 255, 255, 0.018);
}

body.pictok-ai-admin .pictok-ops .pictok-ops-hero h1 {
  font-family: "YekanBakh", Tahoma, sans-serif !important;
  color: #fff !important;
  font-size: clamp(27px, 2.4vw, 38px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.9px;
}

body.pictok-ai-admin .pictok-ops .pictok-ops-hero p {
  max-width: 720px;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 14px;
  line-height: 1.9;
}

body.pictok-ai-admin .pictok-ops .pictok-ops-hero-link {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #181722 !important;
  padding: 12px 18px !important;
  box-shadow: 0 13px 30px rgba(0, 0, 0, 0.17);
}

body.pictok-ai-admin .pictok-overview-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 18px 0 10px;
  padding: 17px 18px;
  border: 1px solid rgba(231, 229, 237, 0.92);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 28px rgba(29, 27, 45, 0.045);
}

body.pictok-ai-admin .pictok-overview-head h2 { margin: 2px 0 3px; color: var(--pk-ink); font-size: 21px; font-weight: 950; }
body.pictok-ai-admin .pictok-overview-head > div > span,
body.pictok-ai-admin .pictok-overview-head p { color: var(--pk-muted); font-size: 11px; }
body.pictok-ai-admin .pictok-overview-head p { margin: 0; }
body.pictok-ai-admin .pictok-overview-filter { display: flex; align-items: flex-end; gap: 8px; }
body.pictok-ai-admin .pictok-overview-filter label { display: flex; flex-direction: column; gap: 4px; color: var(--pk-muted); font-size: 10px; font-weight: 850; }
body.pictok-ai-admin .pictok-overview-filter select,
body.pictok-ai-admin .pictok-overview-filter input[type="date"] { min-height: 38px; border: 1px solid #d0d5dd; border-radius: 10px; background: #f9fafb; }
body.pictok-ai-admin .pictok-overview-filter .button { min-height: 38px; border-radius: 10px; }

body.pictok-ai-admin .pictok-ops-cards {
  grid-template-columns: repeat(12, minmax(165px, 1fr)) !important;
  gap: 12px !important;
  margin: 16px 0 20px !important;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

body.pictok-ai-admin .pictok-ops-card {
  position: relative;
  overflow: hidden;
  min-width: 150px;
  min-height: 92px;
  border: 1px solid rgba(231, 229, 237, 0.88) !important;
  border-radius: 20px !important;
  padding: 17px 18px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 12px 34px rgba(29, 27, 45, 0.055) !important;
}

body.pictok-ai-admin .pictok-ops-card::after {
  content: "";
  position: absolute;
  left: -22px;
  bottom: -30px;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(0, 207, 200, 0.11), rgba(117, 103, 255, 0.08));
}

body.pictok-ai-admin .pictok-ops-card span {
  color: var(--pk-muted) !important;
  font-size: 12px !important;
  font-weight: 700;
}

body.pictok-ai-admin .pictok-ops-card strong {
  color: var(--pk-ink) !important;
  font-size: 29px !important;
  font-weight: 950 !important;
  letter-spacing: -0.8px;
}

body.pictok-ai-admin .pictok-ops-card strong.pictok-ops-card-value {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.25;
  margin: 5px 0;
  font-variant-numeric: tabular-nums;
}

body.pictok-ai-admin .pictok-ops-card strong.pictok-ops-card-value.is-value-medium {
  font-size: 23px !important;
  letter-spacing: -0.02em;
}

body.pictok-ai-admin .pictok-ops-card strong.pictok-ops-card-value.is-value-long {
  font-size: 18px !important;
  letter-spacing: -0.035em;
}

body.pictok-ai-admin .pictok-ops-card strong.pictok-ops-card-value.is-value-xlong {
  font-size: 15px !important;
  letter-spacing: -0.045em;
}

body.pictok-ai-admin .pictok-ops-card small {
  color: #95929e !important;
}

body.pictok-ai-admin .pictok-channel-split {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin: 9px 0 7px;
}

body.pictok-ai-admin .pictok-channel-split > span {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 0;
  padding: 5px 7px;
  border-radius: 9px;
  font-size: 10px !important;
}

body.pictok-ai-admin .pictok-channel-split .is-app { background: #ecfdf3; color: #047857 !important; }
body.pictok-ai-admin .pictok-channel-split .is-web { background: #eef2ff; color: #4338ca !important; }
body.pictok-ai-admin .pictok-channel-split b,
body.pictok-ai-admin .pictok-channel-split em { color: inherit; font-style: normal; font-weight: 900; white-space: nowrap; }
body.pictok-ai-admin .pictok-channel-unknown { position: relative; z-index: 1; display: block; margin: -2px 0 5px; font-size: 9px; }
body.pictok-ai-admin .pictok-ops-card-note { position: relative; z-index: 1; display: block; }

body.pictok-ai-admin .pictok-ops-grid,
body.pictok-ai-admin .pictok-ops-detail-grid {
  gap: 16px !important;
}

body.pictok-ai-admin .pictok-selected-user-details {
  position: relative;
  border: 1px solid rgba(117, 103, 255, 0.14);
  border-radius: 26px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(117, 103, 255, 0.045), rgba(0, 207, 200, 0.035));
}

body.pictok-ai-admin .pictok-selected-user-details::before {
  content: "جزئیات کاربر انتخاب‌شده";
  position: absolute;
  top: -12px;
  right: 22px;
  z-index: 2;
  border: 1px solid #dedaf9;
  border-radius: 999px;
  background: #f7f5ff;
  color: #6558d8;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 900;
}

body.pictok-ai-admin .pictok-ops-panel {
  border: 1px solid rgba(231, 229, 237, 0.9) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  background: rgba(255, 255, 255, 0.93) !important;
  box-shadow: 0 14px 38px rgba(29, 27, 45, 0.055) !important;
}

body.pictok-ai-admin .pictok-ops-panel h2 {
  font-family: "YekanBakh", Tahoma, sans-serif !important;
  color: var(--pk-ink) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

body.pictok-ai-admin .pictok-ops-panel-head {
  border-bottom: 1px solid #efedf3;
  padding-bottom: 13px;
}

body.pictok-ai-admin .pictok-ops-panel-head p {
  color: var(--pk-muted) !important;
}

body.pictok-ai-admin .pictok-ops-table-wrap {
  border: 1px solid var(--pk-line) !important;
  border-radius: 15px !important;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.pictok-ai-admin .pictok-badge {
  gap: 4px;
  border: 1px solid #e7e3fa;
  background: #f5f3ff !important;
  color: #6558d8 !important;
  padding: 5px 10px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body.pictok-ai-admin .pictok-badge.ok {
  border-color: #c9f3df;
  background: #eafff4 !important;
  color: #078158 !important;
}

body.pictok-ai-admin .pictok-badge.warn {
  border-color: #fae4bd;
  background: #fff7e9 !important;
  color: #bd7110 !important;
}

body.pictok-ai-admin .pictok-badge.bad {
  border-color: #ffd2dc;
  background: #fff0f4 !important;
  color: #c82850 !important;
}

body.pictok-ai-admin .pictok-badge.off {
  border-color: #e5e4e9;
  background: #f4f4f6 !important;
  color: #777580 !important;
}

body.pictok-ai-admin .pictok-profile-box {
  border: 1px solid #e9e6ef !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #fbfbfd, #f6f5fa) !important;
  padding: 16px !important;
}

body.pictok-ai-admin .pictok-profile-box dl {
  gap: 10px 12px !important;
}

body.pictok-ai-admin .pictok-wallet-form {
  border: 1px solid rgba(0, 207, 200, 0.23) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #ecfffd, #f9fffe) !important;
  padding: 16px !important;
}

body.pictok-ai-admin .pictok-wallet-form label span {
  color: var(--pk-cyan-dark) !important;
}

body.pictok-ai-admin .pictok-ledger-summary {
  gap: 8px !important;
}

body.pictok-ai-admin .pictok-ledger-summary span {
  border: 1px solid #ece9f2 !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #fafafe, #f6f5fa) !important;
  color: var(--pk-muted) !important;
  padding: 11px 12px !important;
}

body.pictok-ai-admin .pictok-ledger-summary strong {
  color: var(--pk-ink) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

body.pictok-ai-admin .pictok-log-context {
  border: 1px solid #ebe8f0 !important;
  border-radius: 12px !important;
  background: #f8f8fb !important;
  color: #565362;
  scrollbar-width: thin;
}

body.pictok-ai-admin #pictokEffectVideoSettings,
body.pictok-ai-admin #pictokPromptChoicesPanel {
  border: 1px solid rgba(117, 103, 255, 0.16) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(117, 103, 255, 0.045), rgba(0, 207, 200, 0.035)) !important;
  padding: 16px !important;
}

body.pictok-ai-admin .pictok-embedded-pricing {
  margin: 18px 0;
  border: 1px solid rgba(0, 207, 200, 0.22);
  border-radius: 20px;
  background:
    radial-gradient(circle at 4% 10%, rgba(0, 207, 200, 0.09), transparent 30%),
    linear-gradient(145deg, #f4fffe, #fbfbff);
  padding: 17px;
}

body.pictok-ai-admin .pictok-embedded-pricing-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.pictok-ai-admin .pictok-embedded-pricing-head h3 {
  margin: 0 0 4px;
  color: var(--pk-ink);
  font-size: 17px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-embedded-pricing-head p {
  margin: 0;
  color: var(--pk-muted);
}

body.pictok-ai-admin .pictok-embedded-pricing-head > span {
  border: 1px solid #bff2ef;
  border-radius: 999px;
  background: #e7fffd;
  color: var(--pk-cyan-dark);
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 800;
}

body.pictok-ai-admin .pictok-conditional-pricing {
  margin-top: 14px;
  border-top: 1px solid rgba(0, 159, 155, 0.14);
  padding-top: 13px;
}

body.pictok-ai-admin .pictok-conditional-pricing > summary {
  color: var(--pk-cyan-dark);
  font-size: 13px;
  font-weight: 800;
}

body.pictok-ai-admin #pictokEmbeddedPricingTable input,
body.pictok-ai-admin #pictokEmbeddedPricingTable textarea {
  min-width: 115px;
  width: 100%;
}

body.pictok-ai-admin #pictokEmbeddedPricingTable textarea {
  min-width: 220px;
  direction: ltr;
  text-align: left;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

body.pictok-ai-admin #pictokPromptChoicesTable {
  overflow: hidden;
  border: 1px solid var(--pk-line) !important;
  border-radius: 14px;
  background: #fff;
}

body.pictok-ai-admin .pictok-ops-filter {
  padding: 5px;
  border: 1px solid #ece9f1;
  border-radius: 14px;
  background: #fafafe;
}

body.pictok-ai-admin .pictok-ops-filter input,
body.pictok-ai-admin .pictok-ops-filter select {
  min-height: 37px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1200px) {
  body.pictok-ai-admin .pictok-ops-grid,
  body.pictok-ai-admin .pictok-ops-detail-grid {
    grid-template-columns: 1fr !important;
  }

  body.pictok-ai-admin .pictok-ops-side {
    order: -1;
  }
}

@media (max-width: 782px) {
  body.pictok-ai-admin .wrap {
    margin: 18px 12px 0 10px;
  }

  body.pictok-ai-admin .notice {
    margin-right: 12px;
    margin-left: 10px;
  }

  body.pictok-ai-admin .pictok-ai-config,
  body.pictok-ai-admin .pictok-ops .pictok-ops-hero {
    border-radius: 22px !important;
    padding: 21px !important;
  }

  body.pictok-ai-admin .pictok-ai-config .nav-tab-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body.pictok-ai-admin .pictok-ai-config .nav-tab {
    padding: 8px 7px;
    text-align: center;
  }

  body.pictok-ai-admin .pictok-dashboard-gateway-head,
  body.pictok-ai-admin .pictok-dashboard-gateway-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.pictok-ai-admin .pictok-dashboard-gateway-options {
    grid-template-columns: 1fr;
  }

  body.pictok-ai-admin .pictok-campaign-weekly-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  body.pictok-ai-admin .pictok-campaign-weekly-grid {
    grid-template-columns: 1fr;
  }

  body.pictok-ai-admin .pictok-matcha-campaign-config {
    grid-template-columns: 1fr;
  }

  body.pictok-ai-admin .pictok-dashboard-gateway-option {
    grid-template-columns: auto 1fr;
  }

  body.pictok-ai-admin .pictok-dashboard-gateway-state,
  body.pictok-ai-admin .pictok-dashboard-gateway-ready {
    grid-column: 1 / -1;
  }

  body.pictok-ai-admin .pictok-config-utility {
    align-items: stretch;
    flex-direction: column;
  }

  body.pictok-ai-admin .pictok-config-utility-link {
    width: 100%;
  }

  body.pictok-ai-admin .pictok-gateway-grid {
    grid-template-columns: 1fr;
  }

  body.pictok-ai-admin .pictok-ops .pictok-ops-hero {
    align-items: stretch !important;
  }

  body.pictok-ai-admin .pictok-ops .pictok-ops-hero-link {
    text-align: center;
  }

  body.pictok-ai-admin .pictok-overview-head { align-items: stretch; flex-direction: column; }
  body.pictok-ai-admin .pictok-overview-filter { display: grid; grid-template-columns: 1fr 1fr; }
  body.pictok-ai-admin .pictok-overview-filter label:first-of-type,
  body.pictok-ai-admin .pictok-overview-filter .button { grid-column: 1 / -1; }
  body.pictok-ai-admin .pictok-overview-filter select,
  body.pictok-ai-admin .pictok-overview-filter input,
  body.pictok-ai-admin .pictok-overview-filter .button { width: 100%; }

  body.pictok-ai-admin .pictok-ops-panel-head,
  body.pictok-ai-admin .pictok-wallet-row {
    align-items: stretch !important;
    flex-direction: column;
  }

  body.pictok-ai-admin .pictok-ops-filter {
    width: 100%;
  }

  body.pictok-ai-admin .pictok-ops-filter input,
  body.pictok-ai-admin .pictok-ops-filter select,
  body.pictok-ai-admin .pictok-ops-filter .button {
    width: 100%;
  }

  body.pictok-ai-admin .wrap > div[style*="display:grid"] {
    grid-template-columns: 1fr !important;
  }
}
.pictok-unpaid-chart-loading {
  min-height: 210px;
}

.pictok-unpaid-loading-bars {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 18px;
  height: 112px;
  padding: 18px 24px 0;
}

.pictok-unpaid-loading-bars i {
  display: block;
  width: min(12%, 58px);
  min-width: 24px;
  border-radius: 12px 12px 4px 4px;
  background: #e7ebf4;
  animation: pictok-admin-stat-pulse 1.4s ease-in-out infinite alternate;
}

.pictok-unpaid-loading-bars i:nth-child(1) { height: 46%; }
.pictok-unpaid-loading-bars i:nth-child(2) { height: 74%; animation-delay: .12s; }
.pictok-unpaid-loading-bars i:nth-child(3) { height: 58%; animation-delay: .24s; }
.pictok-unpaid-loading-bars i:nth-child(4) { height: 88%; animation-delay: .36s; }
.pictok-unpaid-loading-bars i:nth-child(5) { height: 66%; animation-delay: .48s; }

@keyframes pictok-admin-stat-pulse {
  from { opacity: .46; transform: scaleY(.94); }
  to { opacity: 1; transform: scaleY(1); }
}