@import '../shared/setcard/setcard-view.css';

/* Geometry is generated from PB ONE. Only the host theme is adapted here. */
.personal-setcard {
  --setcard-surface: var(--surface);
  --setcard-ink: var(--text);
  --setcard-muted: var(--muted);
  --setcard-line: var(--border);
  --setcard-accent: var(--accent);
  --setcard-soft: var(--surface-strong);
}
.personal-setcard .pb-setcard-actions a {text-decoration: none; text-align: center;}
.personal-setcard .pb-setcard-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 28px;
}
.personal-muted {color: var(--muted); line-height: 1.6;}
.personal-actions [aria-pressed="true"] {border-color: var(--accent);}
.personal-actions {display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0;}
.personal-artifact-preview {max-width: 100%; overflow: auto; margin-top: 20px;}
.personal-artifact-preview svg {max-width: 300px; background: white; padding: 10px;}
.personal-artifact-preview iframe {border: 0; background: white; max-width: 100%;}
.personal-signature-preview {overscroll-behavior-x: contain;}
.personal-signature-preview iframe {max-width: none;}
.personal-signature-hint {display: none;}
.tool-card[aria-disabled="true"] {opacity: .65; cursor: default;}
.personal-login-copy {color: var(--muted); font-size: 13px; line-height: 1.7;}
.personal-login-link {width: 100%;}
html {scrollbar-gutter: stable;}
@media (max-width: 700px) {
  .personal-setcard .pb-setcard-actions a {width: 100%;}
  .personal-signature-hint {display: block;}
}