/* The hand-drawn card borders (rough-borders.js). They override the card
   rules of talk, feedback and points, and the cards of admin, account and
   welcome override them, so this file loads between those. */

/* Rough.js replaces these fallback borders with stable hand-drawn SVG paths. */
.topbar,
.practice,
.summary-panel,
.patterns-panel,
.conversation,
.pattern-card,
.issue-card,
.page-title-icon,
.gate,
.welcome,
.admin,
.privacy {
  position: relative;
  border-color: var(--line);
  isolation: isolate;
}

.topbar.rough-border-ready,
.practice.rough-border-ready,
.summary-panel.rough-border-ready,
.patterns-panel.rough-border-ready,
.conversation.rough-border-ready,
.pattern-card.rough-border-ready,
.issue-card.rough-border-ready,
.page-title-icon.rough-border-ready,
.gate.rough-border-ready,
.welcome.rough-border-ready,
.admin.rough-border-ready,
.privacy.rough-border-ready {
  border-color: transparent;
}

.rough-border-svg {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}