.no-button:not([data-no-unstyled]) {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--no-space-2);
  min-block-size: var(--no-control-height); padding: 4px 12px;
  border: 1px solid var(--no-border); border-radius: var(--no-radius-sm);
  background: var(--no-surface); color: var(--no-text); font: inherit; cursor: pointer;
}
.no-button:not([data-no-unstyled])[data-variant="primary"] { background: var(--no-accent); color: var(--no-accent-ink); border-color: var(--no-accent); }
.no-button:not([data-no-unstyled])[data-variant="danger"] { color: var(--no-danger); border-color: var(--no-danger); }
.no-button:disabled { cursor: default; }
.no-button:not([data-no-unstyled]):disabled { opacity: .6; }
.no-button:focus-visible, .no-input:focus-visible { outline: 2px solid var(--no-accent); outline-offset: 2px; }
.no-input { box-sizing: border-box; min-inline-size: 0; min-block-size: var(--no-control-height); border: 1px solid var(--no-border); border-radius: var(--no-radius-sm); padding: 6px 10px; background: var(--no-input); color: var(--no-text); font: inherit; }
.no-card { padding: var(--no-space-5); border: 1px solid var(--no-border); border-radius: var(--no-radius-md); background: var(--no-surface); color: var(--no-text); box-shadow: var(--no-shadow); }
.no-alert { display: flex; gap: var(--no-space-3); padding: var(--no-space-3); border-inline-start: 3px solid var(--no-accent); background: var(--no-accent-soft); color: var(--no-text); }
.no-alert[data-tone="error"] { border-color: var(--no-danger); background: var(--no-danger-soft); }
.no-field { display: grid; gap: var(--no-space-1); }
.no-field-error { color: var(--no-danger); font-size: var(--no-type-caption); }
.no-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--no-space-2); }
.no-table-frame { overflow: auto; max-inline-size: 100%; border: 1px solid var(--no-border); border-radius: var(--no-radius-md); }
.no-table-frame table { border-collapse: collapse; text-align: start; font-variant-numeric: tabular-nums; }
.no-table-frame :is(th,td) { padding: var(--no-space-2) var(--no-space-3); border-block-end: 1px solid var(--no-border); }
.no-table-frame th { background: var(--no-raised); }