/* Parent Guard's first-class Home prompt and Settings card. Everything is
 * scoped so the existing account and overview layouts retain ownership. */
.pg-prompt {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  grid-column: 1 / -1;
  margin-bottom: 16px;
  padding: 16px 18px;
  border: 0;
  border-radius: 14px;
  background: color-mix(in srgb, var(--glow) 9%, var(--dusk));
  box-shadow: none;
}

.pg-prompt.is-hidden { display: none; }

.pg-prompt-icon,
.pg-shield {
  display: grid;
  place-items: center;
  color: var(--glow);
  background: color-mix(in srgb, var(--glow) 12%, var(--dusk2));
  border: 1px solid color-mix(in srgb, var(--glow) 34%, var(--line));
  border-radius: 15px;
}

.pg-prompt-icon { width: 44px; height: 44px; }
.pg-shield { width: 42px; height: 42px; flex: 0 0 42px; }
.pg-prompt-icon svg { width: 24px; height: 24px; }
.pg-shield svg { width: 24px; height: 24px; }

.pg-prompt-icon svg,
.pg-shield svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pg-prompt-body { min-width: 0; }

.pg-prompt h2 {
  font-size: 17px;
  line-height: 1.15;
  margin: 1px 0 4px;
}

.pg-prompt-body > p:not(.pg-eyebrow):not(.fineprint):not(.pg-status) { margin: 0; }

.pg-prompt .fineprint { margin: 4px 0 0; }

.pg-eyebrow {
  color: var(--glow);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pg-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 10px;
}

.pg-actions .primary,
.pg-actions .ghost {
  width: auto;
  min-height: 44px;
  margin: 0;
}

.pg-actions.pg-retry-only .ghost { min-width: 120px; }
.pg-status { min-height: 1.45em; margin-top: 8px; }

.pg-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.pg-card-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

#parentGuardCard .sect { margin: 1px 0 0; }
#parentGuardCard .help { margin-bottom: 14px; }

#parentGuardCard .pg-toggle {
  align-items: center;
  min-height: 44px;
}

#parentGuardCard .pg-toggle input {
  width: 20px;
  height: 20px;
  margin-top: 0;
}

#parentGuardCard #consentAppControls > .fineprint {
  display: block;
  margin-top: 8px;
}

@media (max-width: 420px) {
  .pg-prompt { grid-template-columns: 1fr; gap: 12px; }
  .pg-prompt-icon { width: 44px; height: 44px; }
  .pg-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .pg-actions .primary,
  .pg-actions .ghost { width: 100%; min-width: 0; padding-inline: 10px; }
  .pg-actions.pg-retry-only { grid-template-columns: 1fr; }
  .pg-card-head { align-items: center; }
  .pg-card-title { gap: 9px; }
  .pg-shield { width: 38px; height: 38px; flex-basis: 38px; }
}