/* BoardUI alignment for FR Labs Workshop. Load after styles.css.
   Adopts radii, shadows, type weights, button treatment closer to BoardUI while keeping the colourful accent (never set colours to black here) and layout. */
:root {
  --radius-2lg: 10px;
  --shadow-card: 0 1px 1px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.10);
  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
}
body {
  font-family: var(--font-sans);
  font-feature-settings: "ss01", "ss02"; /* optional for Inter */
}
.btn {
  border-radius: var(--radius-2lg, 10px);
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.btn.primary {
  /* colour comes from the v1.2 indigo/violet gradient in styles.css; only radius/shadow here */
  background: linear-gradient(110deg, var(--lx-g1, #4338ca), var(--lx-g2, #6d28d9));
  box-shadow: var(--shadow-sm);
}
.btn.primary:hover {
  filter: brightness(1.05);
}
.btn:active:not(:disabled) {
  transform: scale(0.98);
}
.card {
  border-radius: 12px;
  box-shadow: var(--shadow-card);
}
input, select, textarea {
  border-radius: 8px;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--lx-indigo, #6366f1);
  box-shadow: 0 0 0 3px var(--lx-ring, rgba(99,102,241,.30));
}
/* v1.39.1: search wrapper owns focus ring — inner search inputs stay chromeless */
html body :is(.topsearch, .topsearch .loc, .topsearch .qbox, .ss-box, .search-wrap, .svl-in, .ac-wrap .search-wrap, .msg-search.search-wrap) input[type=search],
html body :is(.topsearch, .topsearch .loc, .topsearch .qbox, .ss-box, .search-wrap, .svl-in, .ac-wrap .search-wrap, .msg-search.search-wrap) input[type=search]:focus,
html body :is(.topsearch, .topsearch .loc, .topsearch .qbox, .ss-box, .search-wrap, .svl-in, .ac-wrap .search-wrap, .msg-search.search-wrap) input[type=search]:focus-visible {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
/* Type scale hints - use classes where convenient */
.text-title-1 { font-size: 1.5rem; line-height: 2.125rem; font-weight: 600; }
.text-body { font-size: 0.875rem; line-height: 1.25rem; }
.text-caption { font-size: 0.75rem; line-height: 1rem; font-weight: 500; }