{
  "version": "R11-step-7",
  "entry": "src/main.tsx",
  "componentsFile": "src/styles/components.css",
  "legacyFile": "src/styles/global.css",
  "minimumRuleCount": 259,
  "minimumSelectorCount": 291,
  "compatibilityMarker": "Shared table, form, and modal compatibility primitives migrated in R11 step 7.",
  "canonicalMarker": "Canonical reusable component rules.",
  "responsiveMarker": "Shared responsive table and form behavior migrated in R11 step 7.",
  "genericClasses": [
    "table-cell-note",
    "modal-footer-actions",
    "icon-button",
    "table-subline",
    "table-link",
    "table-actions",
    "table-mono-id",
    "table-strong-text",
    "table-long-text",
    "table-long-text--sms-template",
    "template-modal-title",
    "form-grid",
    "form-grid--two",
    "radio-row"
  ],
  "allowedStateClasses": [
    "has-dot",
    "is-disabled"
  ],
  "requiredComponentBindings": {
    "src/components/ui/Button.tsx": [
      "ui-button"
    ],
    "src/components/ui/Input.tsx": [
      "ui-field",
      "ui-input"
    ],
    "src/components/ui/Select.tsx": [
      "ui-select",
      "ui-select__dropdown"
    ],
    "src/components/ui/Table.tsx": [
      "ui-table-wrap",
      "ui-table",
      "ui-table__empty"
    ],
    "src/components/ui/Modal.tsx": [
      "ui-modal",
      "ui-modal__mask",
      "ui-modal__panel",
      "ui-modal__header",
      "ui-modal__body",
      "ui-modal__footer"
    ]
  },
  "requiredRuleFragments": [
    {
      "selector": ".icon-button",
      "includes": [
        "display:inline-flex",
        "height:var(--control-height-md)"
      ]
    },
    {
      "selector": ".ui-table-wrap",
      "includes": [
        "max-width:100%",
        "border:1px solid var(--color-border)"
      ]
    },
    {
      "selector": ".ui-table",
      "includes": [
        "border-collapse:collapse",
        "width:100%"
      ]
    },
    {
      "selector": ".ui-modal",
      "includes": [
        "display:grid",
        "position:fixed",
        "z-index:var(--z-modal)"
      ]
    },
    {
      "selector": ".ui-modal__panel",
      "includes": [
        "min-width:min(520px, calc(100vw - 48px))",
        "transform:translate(-50%, -50%)"
      ]
    },
    {
      "selector": ".form-grid",
      "includes": [
        "display:grid",
        "gap:var(--space-4)"
      ]
    },
    {
      "selector": ".radio-row",
      "includes": [
        "display:flex",
        "gap:var(--space-6)"
      ]
    },
    {
      "selector": ".form-grid--two",
      "media": "(max-width: 780px)",
      "includes": [
        "grid-template-columns:1fr"
      ]
    },
    {
      "selector": ".table-actions",
      "media": "(max-width: 780px)",
      "includes": [
        "flex-wrap:wrap"
      ]
    },
    {
      "selector": ".ui-table",
      "media": "(max-width: 780px)",
      "includes": [
        "display:block",
        "min-width:0 !important"
      ]
    },
    {
      "selector": ".ui-table td",
      "media": "(max-width: 780px)",
      "includes": [
        "display:grid",
        "grid-template-columns:minmax(84px, 0.42fr) minmax(0, 1fr)"
      ]
    },
    {
      "selector": ".ui-modal__panel",
      "media": "(max-width: 780px)",
      "includes": [
        "width:calc(100vw - 24px)"
      ]
    }
  ]
}