/* sg-split — GERADO por `manage.py port_card_css` (design/card_ports.py).
 * Não editar à mão.
 * Layouts dos grupos de botões, byte a byte do <style> de components/core/split-button.card.html
 * (bundle 8cd72241, ZIP 48ebf484759c): só a DISPOSIÇÃO (junta, raios das pontas, divisor,
 * moldura da barra, empilhamento). A pele é do Botão do núcleo: cada peça é um `.sg-btn` com a sua
 * variante e o seu tamanho, e por isso herda o data-btn-fx (button.css e ds/tokens/
 * component-variants.css), o foco e o desabilitado. `.sg-group__seg` é só o gancho da emenda e
 * do JS.
 * Fora do porte: o segmento base, `.pri` / `.sec` / `.alt` (e o hover do Duotom e o da barra de
 * Ferramentas, que é o do ghost do núcleo) e o tamanho do Compacto (`size="sm"`); o Menu (`.d4`) é
 * um botão só e o menu `.dd` demonstrativo é o Menu global (como no SplitButton.jsx), com o
 * desenho do eixo data-menu (widgets/selectmenu.css).
 * Mudanças mecânicas e reversíveis: `.grp` → `.sg-group`, `.seg` → `.sg-group__seg`, `.ok` /
 * `.danger` → `.sg-group__seg--positive` / `--danger` (os tons do Contorno); os 10 desenhos
 * (`.d1`…`.d10`) valem pelo `data-layout` do próprio `.sg-group`, que é a raiz do escopo
 * (`.dN .grp` → `:scope`). Oito reparos: o raio 0 base nos desenhos que emendam por borda (o
 * card contava com o do navegador);
 * sem a pele que o layout pintava por cima da variante (a cor de borda de Grupo unido, Empilhado,
 * Contorno e Com ícone, o fundo do Contorno e o texto da barra de Ferramentas: com peso (0,2,0)
 * venceriam o `.sg-btn--primary`); sem o `gap` de Com ícone (é o do núcleo); o raio da ponta do
 * Duotom em `:last-child`; e os tons do Contorno só enquanto o segmento não está pressionado.
 * Marcação: {% sg_split "Salvar" layout="pill" %} e {% sg_button_group layout="toolbar" %}
 * (sg_split.py); o catálogo dos layouts está em design/services/splitlayouts.py. */
  .sg-group{ display:inline-flex; align-items:stretch; }


  /* ════ 10 DESIGNS ════ */
  /* d1 SPLIT CLÁSSICO */
  @scope ([data-layout="split"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-md) 0 0 var(--radius-md); } }
  @scope ([data-layout="split"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 var(--radius-md) var(--radius-md) 0; border-left:1px solid color-mix(in srgb,var(--on-primary) 28%,transparent); margin-left:-1px; } }
  /* d2 GRUPO UNIDO (segmentado) */
  @scope ([data-layout="segmented"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg{ border-radius:0; margin-left:-1px; } }
  @scope ([data-layout="segmented"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-md) 0 0 var(--radius-md); margin-left:0; } }
  @scope ([data-layout="segmented"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 var(--radius-md) var(--radius-md) 0; } }
  /* d3 BARRA DE FERRAMENTAS */
  @scope ([data-layout="toolbar"]) to ([data-layout]) { :scope/*data-layout*/{ background:var(--surface-sunken); border:1px solid var(--border); border-radius:var(--radius-md); padding:3px; gap:2px; } }
  @scope ([data-layout="toolbar"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg{ height:32px; border-radius:var(--radius-sm); } }
  /* d4 MENU (botão + caret) — split com fundo único */
  /* d5 PÍLULA DIVIDIDA */
  @scope ([data-layout="pill"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-full) 0 0 var(--radius-full); padding-left:18px; } }
  @scope ([data-layout="pill"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 var(--radius-full) var(--radius-full) 0; border-left:1px solid color-mix(in srgb,var(--on-primary) 28%,transparent); margin-left:-1px; } }
  /* d6 DUOTOM (primary + tint lado a lado) */
  @scope ([data-layout="duotone"]) to ([data-layout]) { :scope/*data-layout*/{ gap:0; } }
  @scope ([data-layout="duotone"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-md) 0 0 var(--radius-md); } }
  @scope ([data-layout="duotone"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 var(--radius-md) var(--radius-md) 0; } }
  /* d7 EMPILHADO (vertical) */
  @scope ([data-layout="stacked"]) to ([data-layout]) { :scope/*data-layout*/{ flex-direction:column; align-items:stretch; } }
  @scope ([data-layout="stacked"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg{ margin-top:-1px; border-radius:0; justify-content:flex-start; } }
  @scope ([data-layout="stacked"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-md) var(--radius-md) 0 0; margin-top:0; } }
  @scope ([data-layout="stacked"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 0 var(--radius-md) var(--radius-md); } }
  /* d8 CONTORNO */
  @scope ([data-layout="outline"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg{ margin-left:-1px; border-radius:0; } }
  @scope ([data-layout="outline"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-md) 0 0 var(--radius-md); margin-left:0; } }
  @scope ([data-layout="outline"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 var(--radius-md) var(--radius-md) 0; } }
  @scope ([data-layout="outline"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg.sg-group__seg--danger:not([aria-pressed="true"]){ color:var(--negative-text); } }
  @scope ([data-layout="outline"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg.sg-group__seg--positive:not([aria-pressed="true"]){ color:var(--positive-text); } }
  /* d9 SEGMENTOS COM ÍCONE */
  @scope ([data-layout="iconseg"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg{ margin-left:-1px; border-radius:0; } }
  @scope ([data-layout="iconseg"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-md) 0 0 var(--radius-md); margin-left:0; } }
  @scope ([data-layout="iconseg"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 var(--radius-md) var(--radius-md) 0; } }
  /* d10 COMPACTO */
  @scope ([data-layout="compact"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:first-child{ border-radius:var(--radius-sm) 0 0 var(--radius-sm); } }
  @scope ([data-layout="compact"]) to ([data-layout]) { :scope/*data-layout*/ .sg-group__seg:last-child{ border-radius:0 var(--radius-sm) var(--radius-sm) 0; border-left:1px solid color-mix(in srgb,var(--on-primary) 28%,transparent); margin-left:-1px; } }