/* BITCons Platform Design 0.2.1 adapter; brand settings still belong to SimplyValue. */
:root {
  --sv-color-text: var(--bc-color-text, #1d2d3e);
  --sv-color-text-secondary: var(--bc-color-muted, #556b82);
  --sv-color-border: var(--bc-color-border, #d5dadd);
  --sv-color-success: var(--bc-color-success, #256f3a);
  --sv-color-warning: var(--bc-color-warning, #8d5f00);
  --sv-color-error: var(--bc-color-error, #aa0808);
  --sv-color-info: var(--bc-color-info, #0a6ed1);
  --sv-space-xs: var(--bc-space-inline, 4px);
  --sv-space-s: var(--bc-space-small, 8px);
  --sv-space-m: var(--bc-space-field, 16px);
  --sv-space-l: var(--bc-space-group, 24px);
  --sv-space-xl: var(--bc-space-section, 32px);
  --help-icon-color: var(--bc-color-info, #0a6ed1);
  --help-icon-hover-color: var(--bc-color-info, #0a6ed1);
}
html[data-density="cozy"] { --bc-control-height: var(--bc-control-height-cozy); }

/* Pilot: group creation. The field, label and validation message stay together. */
.group-create-layout .bc-form { container: bc-form / inline-size; min-width: 0; }
.group-create-layout .form-grid.bc-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--bc-space-field) !important;
  align-items: start !important;
}
.group-create-layout .bc-field { min-width: 0; }
.group-create-layout .bc-field :is(input, select, textarea) {
  width: min(100%, var(--bc-field-target-width, 100%));
  max-width: 100%;
}
.group-create-layout .bc-field[data-width="full"] { grid-column: 1 / -1; }
@container bc-form (min-width: 42rem) {
  .group-create-layout .form-grid.bc-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  .group-create-layout .form-grid.bc-form-grid { grid-template-columns: minmax(0, 1fr) !important; }
}